@photon-ai/pho-ui 2.16.0 → 3.0.0

package/dist/chunks/trace-CbH0IohX.js

@@ -1,314 +0,0 @@
-"use client";
-import { t as f } from "./cn-ChIgwEl3.js";
-import { t as S } from "./IconChevronRight-CzoJnYNI.js";
-import { useMemo as $, useState as I } from "react";
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-function j(e, r = 6) {
-  if (e <= 0) return 1;
-  const i = e / r, c = 10 ** Math.floor(Math.log10(i));
-  for (const u of [
-    1,
-    2,
-    5,
-    10
-  ]) if (u * c >= i) return u * c;
-  return 10 * c;
-}
-function E(e) {
-  if (e.length === 0) return {
-    rows: [],
-    startMs: 0,
-    endMs: 0,
-    durationMs: 0,
-    ticks: [0]
-  };
-  const r = new Map(e.map((t) => [t.id, t])), i = /* @__PURE__ */ new Map();
-  for (const t of e) {
-    const m = t.parentId != null && r.has(t.parentId) ? t.parentId : null, b = i.get(m) ?? [];
-    b.push(t), i.set(m, b);
-  }
-  for (const t of i.values()) t.sort((m, b) => m.startMs - b.startMs);
-  const c = Math.min(...e.map((t) => t.startMs)), u = Math.max(...e.map((t) => t.startMs + Math.max(t.durationMs, 0))), d = Math.max(u - c, 0), a = d > 0 ? 1 / d : 0, x = [], p = (t, m) => {
-    const b = i.get(t.id) ?? [], y = {
-      span: t,
-      depth: m,
-      left: (t.startMs - c) * a,
-      width: Math.max(t.durationMs, 0) * a,
-      children: b.map((g) => g.id),
-      descendants: 0
-    };
-    x.push(y);
-    let N = 0;
-    for (const g of b) N += 1 + p(g, m + 1);
-    return y.descendants = N, N;
-  };
-  for (const t of i.get(null) ?? []) p(t, 0);
-  const o = j(d), v = [];
-  for (let t = 0; t <= d; t += o) v.push(t);
-  return {
-    rows: x,
-    startMs: c,
-    endMs: u,
-    durationMs: d,
-    ticks: v
-  };
-}
-function k(e) {
-  if (!Number.isFinite(e)) return "";
-  const r = Math.abs(e);
-  return r < 10 ? `${e.toFixed(2)} ms` : r < 100 ? `${e.toFixed(1)} ms` : r < 1e3 ? `${Math.round(e)} ms` : r < 6e4 ? `${(e / 1e3).toFixed(2)} s` : `${(e / 6e4).toFixed(1)} min`;
-}
-function L(e) {
-  return e >= 1e3 ? `${Number((e / 1e3).toFixed(2))} s` : `${Number(e.toFixed(2))} ms`;
-}
-function w(e) {
-  return `${Number((e * 100).toFixed(4))}%`;
-}
-var C = "rounded-base border border-pho-secondary bg-pho-primary overflow-hidden", F = "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)]";
-function T(e) {
-  return e.width > 0.5 ? "inside" : e.left + e.width > 0.8 ? "before" : "after";
-}
-function z({ row: e, collapsed: r, selected: i, onToggle: c, onSelect: u }) {
-  const { span: d } = e, a = d.status === "error", x = e.children.length > 0, p = T(e), o = k(d.durationMs), v = [d.service, d.kind].filter(Boolean).join(", ");
-  return /* @__PURE__ */ l("div", {
-    "data-trace-row": "",
-    "data-depth": e.depth,
-    "data-selected": i || void 0,
-    className: f(F, "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", u != null && "hover:bg-pho-primary-hover", i && "bg-pho-primary-hover"),
-    children: [/* @__PURE__ */ l("div", {
-      className: "flex min-w-0 items-center gap-1.5 py-1.5 pr-3",
-      style: { paddingLeft: `${0.75 + e.depth}rem` },
-      children: [
-        x ? /* @__PURE__ */ n("button", {
-          type: "button",
-          "aria-expanded": !r,
-          "aria-label": `${r ? "Expand" : "Collapse"} ${d.name}`,
-          onClick: c,
-          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__ */ n(S, {
-            "aria-hidden": !0,
-            className: f("size-4 transition-transform duration-150 ease-out", !r && "rotate-90")
-          })
-        }) : /* @__PURE__ */ n("span", {
-          "aria-hidden": !0,
-          className: "size-5 shrink-0"
-        }),
-        /* @__PURE__ */ n("span", {
-          "aria-hidden": !0,
-          className: f("size-1.5 shrink-0 rounded-full", a ? "bg-pho-error-ink" : "bg-pho-inverse")
-        }),
-        /* @__PURE__ */ l(R, {
-          selected: i,
-          onSelect: u,
-          children: [
-            /* @__PURE__ */ n("span", {
-              className: "text-pho-primary truncate text-base",
-              children: d.name
-            }),
-            v ? /* @__PURE__ */ n("span", {
-              className: "text-pho-description shrink-[3] truncate text-xs",
-              children: v
-            }) : null,
-            r && e.descendants > 0 ? /* @__PURE__ */ l("span", {
-              className: "text-pho-description shrink-0 text-xs tabular-nums",
-              children: [
-                "(",
-                e.descendants,
-                ")"
-              ]
-            }) : null,
-            a ? /* @__PURE__ */ n("span", {
-              className: "sr-only",
-              children: "Error."
-            }) : null
-          ]
-        })
-      ]
-    }), /* @__PURE__ */ l("div", {
-      className: "border-pho-secondary relative h-9 border-l",
-      children: [
-        /* @__PURE__ */ n("div", {
-          "aria-hidden": !0,
-          "data-trace-bar": "",
-          className: f("absolute top-1/2 h-4 -translate-y-1/2 rounded-sm", a ? "bg-pho-error-ink" : "bg-pho-inverse"),
-          style: {
-            left: w(e.left),
-            width: w(e.width),
-            minWidth: "2px"
-          },
-          children: p === "inside" ? /* @__PURE__ */ n("span", {
-            className: f("absolute inset-y-0 right-1.5 flex items-center text-xs whitespace-nowrap tabular-nums", a ? "text-pho-on-brand" : "text-pho-inverse"),
-            children: o
-          }) : null
-        }),
-        p !== "inside" ? /* @__PURE__ */ n("span", {
-          "aria-hidden": !0,
-          className: "text-pho-description absolute top-1/2 -translate-y-1/2 text-xs whitespace-nowrap tabular-nums",
-          style: p === "after" ? { left: `calc(${w(e.left + e.width)} + 0.375rem)` } : { right: `calc(${w(1 - e.left)} + 0.375rem)` },
-          children: o
-        }) : null,
-        /* @__PURE__ */ n("span", {
-          className: "sr-only",
-          children: o
-        })
-      ]
-    })]
-  });
-}
-function R({ selected: e, onSelect: r, children: i }) {
-  const c = "flex min-w-0 flex-1 items-baseline gap-2 text-left";
-  return r == null ? /* @__PURE__ */ n("span", {
-    className: c,
-    children: i
-  }) : /* @__PURE__ */ n("button", {
-    type: "button",
-    "data-trace-select": "",
-    "aria-current": e ? "true" : void 0,
-    onClick: r,
-    className: f(c, "cursor-pointer outline-none after:absolute after:inset-0 after:content-['']"),
-    children: i
-  });
-}
-function _({ spans: e, selectedId: r, onSelect: i, defaultCollapsed: c, collapsed: u, onCollapsedChange: d, title: a, className: x, ...p }) {
-  const o = $(() => E(e), [e]), [v, t] = I(() => c ?? []), m = new Set(u ?? v), b = (s) => {
-    const h = new Set(m);
-    h.has(s) ? h.delete(s) : h.add(s);
-    const M = Array.from(h);
-    u == null && t(M), d?.(M);
-  }, y = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map();
-  for (const s of o.rows) for (const h of s.children) N.set(h, s.span.id);
-  for (const s of o.rows) {
-    let h = N.get(s.span.id) ?? null;
-    for (; h != null; ) {
-      if (m.has(h)) {
-        y.add(s.span.id);
-        break;
-      }
-      h = N.get(h) ?? null;
-    }
-  }
-  const g = o.rows.length;
-  return /* @__PURE__ */ l("div", {
-    "data-trace": "",
-    className: f(C, "min-w-0", x),
-    ...p,
-    children: [
-      a != null ? /* @__PURE__ */ l("div", {
-        className: "border-pho-secondary flex min-h-10 items-center justify-between gap-3 border-b px-3",
-        children: [/* @__PURE__ */ n("div", {
-          className: "text-pho-secondary min-w-0 truncate text-xs font-medium",
-          children: a
-        }), /* @__PURE__ */ l("div", {
-          className: "text-pho-description shrink-0 text-xs tabular-nums",
-          children: [
-            g,
-            " ",
-            g === 1 ? "span" : "spans",
-            ".",
-            " ",
-            k(o.durationMs),
-            "."
-          ]
-        })]
-      }) : null,
-      /* @__PURE__ */ l("div", {
-        "aria-hidden": !0,
-        className: f(F, "border-pho-secondary h-7 border-b"),
-        children: [/* @__PURE__ */ n("div", {}), /* @__PURE__ */ n("div", {
-          className: "border-pho-secondary relative h-full border-l",
-          children: o.ticks.map((s) => {
-            const h = o.durationMs > 0 ? s / o.durationMs : 0, M = h > 0.85;
-            return /* @__PURE__ */ l("span", {
-              className: "text-pho-description absolute top-0 h-full text-[10px] tabular-nums",
-              style: { left: w(h) },
-              children: [/* @__PURE__ */ n("span", { className: "bg-pho-secondary absolute bottom-0 left-0 h-1.5 w-px" }), /* @__PURE__ */ n("span", {
-                className: f("absolute bottom-0 pb-1.5 whitespace-nowrap", M ? "right-1" : "left-1"),
-                children: s === 0 ? "0" : L(s)
-              })]
-            }, s);
-          })
-        })]
-      }),
-      /* @__PURE__ */ n("ol", {
-        "aria-label": typeof a == "string" ? a : "Spans",
-        className: "m-0 list-none p-0",
-        children: o.rows.map((s) => y.has(s.span.id) ? null : /* @__PURE__ */ n("li", {
-          className: "m-0",
-          children: /* @__PURE__ */ n(z, {
-            row: s,
-            collapsed: m.has(s.span.id),
-            selected: r != null && r === s.span.id,
-            onToggle: () => b(s.span.id),
-            onSelect: i ? () => i(s.span.id) : void 0
-          })
-        }, s.span.id))
-      })
-    ]
-  });
-}
-var A = {
-  debug: "text-pho-description",
-  info: "text-pho-secondary",
-  warn: "text-pho-warning",
-  error: "text-pho-error"
-};
-function U({ logs: e, spans: r, title: i = "Logs", className: c, ...u }) {
-  const d = $(() => new Map((r ?? []).map((a) => [a.id, a.name])), [r]);
-  return e == null || e.length === 0 ? null : /* @__PURE__ */ l("section", {
-    "data-trace-logs": "",
-    className: f(C, "min-w-0", c),
-    ...u,
-    children: [/* @__PURE__ */ l("div", {
-      className: "border-pho-secondary flex min-h-10 items-center justify-between gap-3 border-b px-3",
-      children: [/* @__PURE__ */ n("div", {
-        className: "text-pho-secondary min-w-0 truncate text-xs font-medium",
-        children: i
-      }), /* @__PURE__ */ l("div", {
-        className: "text-pho-description shrink-0 text-xs tabular-nums",
-        children: [
-          e.length,
-          " ",
-          e.length === 1 ? "line" : "lines"
-        ]
-      })]
-    }), /* @__PURE__ */ n("ol", {
-      className: "divide-pho-secondary m-0 list-none divide-y p-0 font-mono text-xs",
-      children: e.map((a, x) => {
-        const p = a.level ?? "info", o = a.spanId ? d.get(a.spanId) : void 0;
-        return /* @__PURE__ */ l("li", {
-          className: "grid grid-cols-[5rem_3.5rem_minmax(0,1fr)] items-baseline gap-3 px-3 py-1.5",
-          children: [
-            /* @__PURE__ */ l("span", {
-              className: "text-pho-description tabular-nums",
-              children: ["+", k(a.offsetMs)]
-            }),
-            /* @__PURE__ */ n("span", {
-              className: f("truncate", A[p]),
-              children: p.charAt(0).toUpperCase() + p.slice(1)
-            }),
-            /* @__PURE__ */ l("span", {
-              className: "text-pho-primary [overflow-wrap:anywhere] whitespace-pre-wrap",
-              children: [a.message, o ? /* @__PURE__ */ l("span", {
-                className: "text-pho-description",
-                children: [" ", o]
-              }) : null]
-            })
-          ]
-        }, a.id ?? x);
-      })
-    })]
-  });
-}
-var V = {
-  Root: _,
-  Logs: U
-};
-export {
-  j as a,
-  E as i,
-  k as n,
-  L as r,
-  V as t
-};
-
-//# sourceMappingURL=trace-CbH0IohX.js.map

package/dist/chunks/trace-CbH0IohX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trace-CbH0IohX.js","names":[],"sources":["../../src/components/trace/layout.ts","../../src/components/trace/trace.tsx"],"sourcesContent":["/**\n * The waterfall's arithmetic, apart from the drawing: spans in, rows out\n * — each with its depth and its bar's place along the trace's length —\n * plus the tick marks for the time axis.\n */\n\nexport interface TraceSpan {\n  id: string;\n  /** The span this one runs inside. Absent (or unknown) means a root. */\n  parentId?: string | null;\n  name: string;\n  /** Start, in ms, on any shared clock — only the differences matter. */\n  startMs: number;\n  durationMs: number;\n  status?: \"ok\" | \"error\" | \"unset\";\n  /** A hint after the name — the service, the host. */\n  service?: string;\n  /** A hint after the service — client, server, db. */\n  kind?: string;\n}\n\nexport interface TraceRow {\n  span: TraceSpan;\n  depth: number;\n  /** The bar's start, as a fraction of the trace's length. */\n  left: number;\n  /** The bar's length, as a fraction of the trace's length. */\n  width: number;\n  children: string[];\n  /** Every span beneath this one, at any depth. */\n  descendants: number;\n}\n\nexport interface TraceLayout {\n  /** Every span, root first, each parent before its children. */\n  rows: TraceRow[];\n  startMs: number;\n  endMs: number;\n  durationMs: number;\n  /** Tick marks along the axis, in ms from the start. */\n  ticks: number[];\n}\n\n/** A tick step from the 1 / 2 / 5 ladder so the axis has at most `max` ticks. */\nexport function niceStep(durationMs: number, max = 6): number {\n  if (durationMs <= 0) return 1;\n  const rough = durationMs / max;\n  const power = 10 ** Math.floor(Math.log10(rough));\n  for (const unit of [1, 2, 5, 10]) {\n    if (unit * power >= rough) return unit * power;\n  }\n  return 10 * power;\n}\n\nexport function layoutTrace(spans: readonly TraceSpan[]): TraceLayout {\n  if (spans.length === 0) {\n    return { rows: [], startMs: 0, endMs: 0, durationMs: 0, ticks: [0] };\n  }\n  const byId = new Map(spans.map((span) => [span.id, span]));\n  const children = new Map<string | null, TraceSpan[]>();\n  for (const span of spans) {\n    const parent =\n      span.parentId != null && byId.has(span.parentId) ? span.parentId : null;\n    const list = children.get(parent) ?? [];\n    list.push(span);\n    children.set(parent, list);\n  }\n  for (const list of children.values()) {\n    list.sort((a, b) => a.startMs - b.startMs);\n  }\n  const startMs = Math.min(...spans.map((span) => span.startMs));\n  const endMs = Math.max(\n    ...spans.map((span) => span.startMs + Math.max(span.durationMs, 0)),\n  );\n  const durationMs = Math.max(endMs - startMs, 0);\n  const scale = durationMs > 0 ? 1 / durationMs : 0;\n  const rows: TraceRow[] = [];\n  const visit = (span: TraceSpan, depth: number): number => {\n    const kids = children.get(span.id) ?? [];\n    const row: TraceRow = {\n      span,\n      depth,\n      left: (span.startMs - startMs) * scale,\n      width: Math.max(span.durationMs, 0) * scale,\n      children: kids.map((kid) => kid.id),\n      descendants: 0,\n    };\n    rows.push(row);\n    let count = 0;\n    for (const kid of kids) count += 1 + visit(kid, depth + 1);\n    row.descendants = count;\n    return count;\n  };\n  for (const root of children.get(null) ?? []) visit(root, 0);\n  const step = niceStep(durationMs);\n  const ticks: number[] = [];\n  for (let at = 0; at <= durationMs; at += step) ticks.push(at);\n  return { rows, startMs, endMs, durationMs, ticks };\n}\n\n/** \"0.42 ms\", \"59.2 ms\", \"1.25 s\" — the precision follows the size. */\nexport function formatDuration(ms: number): string {\n  if (!Number.isFinite(ms)) return \"\";\n  const abs = Math.abs(ms);\n  if (abs < 10) return `${ms.toFixed(2)} ms`;\n  if (abs < 100) return `${ms.toFixed(1)} ms`;\n  if (abs < 1000) return `${Math.round(ms)} ms`;\n  if (abs < 60_000) return `${(ms / 1000).toFixed(2)} s`;\n  return `${(ms / 60_000).toFixed(1)} min`;\n}\n\n/** An axis tick's label: whole numbers where the step allows, \"2 s\" past a second. */\nexport function formatTick(ms: number): string {\n  if (ms >= 1000) return `${Number((ms / 1000).toFixed(2))} s`;\n  return `${Number(ms.toFixed(2))} ms`;\n}\n\n/** A fraction as a CSS percentage, rounded so floats never leak into styles. */\nexport function percent(fraction: number): string {\n  return `${Number((fraction * 100).toFixed(4))}%`;\n}\n","import {\n  useMemo,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { IconChevronRight } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  formatDuration,\n  formatTick,\n  layoutTrace,\n  percent,\n  type TraceRow,\n  type TraceSpan,\n} from \"./layout\";\n\n/**\n * Trace — one request's spans as a waterfall: each row a span, nested\n * under its parent by indentation, its bar placed along the trace's\n * length from where it started to where it ended. Pure layout from\n * `{ id, parentId, name, startMs, durationMs }`: no fetching, no clock.\n *\n * Design notes:\n * - Two columns, half and half: the names on the left, the bars on the\n *   right under a time axis. Bars are the inverse chip surface; an error\n *   span's bar and dot are the error ink.\n * - A parent folds its children on its chevron; the row itself selects\n *   (`selectedId` / `onSelect`) and the selected row keeps the wash.\n * - `Trace.Logs` lists the log lines that belong to the trace, each at\n *   its offset from the start. With no lines it renders nothing.\n */\n\nconst TRACE_SURFACE =\n  \"rounded-base border border-pho-secondary bg-pho-primary overflow-hidden\";\n\n/** The two columns every row and the axis share. */\nconst COLUMNS = \"grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)]\";\n\n/** Where a bar's duration label goes, given the bar's place. */\nfunction labelPlacement(row: TraceRow): \"inside\" | \"before\" | \"after\" {\n  if (row.width > 0.5) return \"inside\";\n  if (row.left + row.width > 0.8) return \"before\";\n  return \"after\";\n}\n\nfunction SpanRow({\n  row,\n  collapsed,\n  selected,\n  onToggle,\n  onSelect,\n}: {\n  row: TraceRow;\n  collapsed: boolean;\n  selected: boolean;\n  onToggle: () => void;\n  onSelect?: () => void;\n}) {\n  const { span } = row;\n  const error = span.status === \"error\";\n  const hasChildren = row.children.length > 0;\n  const placement = labelPlacement(row);\n  const label = formatDuration(span.durationMs);\n  const hint = [span.service, span.kind].filter(Boolean).join(\", \");\n  return (\n    <div\n      data-trace-row=\"\"\n      data-depth={row.depth}\n      data-selected={selected || undefined}\n      className={cn(\n        COLUMNS,\n        \"relative min-h-9 items-center transition-colors\",\n        \"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        onSelect != null && \"hover:bg-pho-primary-hover\",\n        selected && \"bg-pho-primary-hover\",\n      )}\n    >\n      <div\n        className=\"flex min-w-0 items-center gap-1.5 py-1.5 pr-3\"\n        style={{ paddingLeft: `${0.75 + row.depth}rem` }}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            aria-expanded={!collapsed}\n            aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${span.name}`}\n            onClick={onToggle}\n            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\"\n          >\n            <IconChevronRight\n              aria-hidden\n              className={cn(\n                \"size-4 transition-transform duration-150 ease-out\",\n                !collapsed && \"rotate-90\",\n              )}\n            />\n          </button>\n        ) : (\n          <span aria-hidden className=\"size-5 shrink-0\" />\n        )}\n        <span\n          aria-hidden\n          className={cn(\n            \"size-1.5 shrink-0 rounded-full\",\n            error ? \"bg-pho-error-ink\" : \"bg-pho-inverse\",\n          )}\n        />\n        <SelectTarget selected={selected} onSelect={onSelect}>\n          <span className=\"text-pho-primary truncate text-base\">\n            {span.name}\n          </span>\n          {hint ? (\n            <span className=\"text-pho-description shrink-[3] truncate text-xs\">\n              {hint}\n            </span>\n          ) : null}\n          {collapsed && row.descendants > 0 ? (\n            <span className=\"text-pho-description shrink-0 text-xs tabular-nums\">\n              ({row.descendants})\n            </span>\n          ) : null}\n          {error ? <span className=\"sr-only\">Error.</span> : null}\n        </SelectTarget>\n      </div>\n      <div className=\"border-pho-secondary relative h-9 border-l\">\n        <div\n          aria-hidden\n          data-trace-bar=\"\"\n          className={cn(\n            \"absolute top-1/2 h-4 -translate-y-1/2 rounded-sm\",\n            error ? \"bg-pho-error-ink\" : \"bg-pho-inverse\",\n          )}\n          style={{\n            left: percent(row.left),\n            width: percent(row.width),\n            minWidth: \"2px\",\n          }}\n        >\n          {placement === \"inside\" ? (\n            <span\n              className={cn(\n                \"absolute inset-y-0 right-1.5 flex items-center text-xs whitespace-nowrap tabular-nums\",\n                error ? \"text-pho-on-brand\" : \"text-pho-inverse\",\n              )}\n            >\n              {label}\n            </span>\n          ) : null}\n        </div>\n        {placement !== \"inside\" ? (\n          <span\n            aria-hidden\n            className=\"text-pho-description absolute top-1/2 -translate-y-1/2 text-xs whitespace-nowrap tabular-nums\"\n            style={\n              placement === \"after\"\n                ? {\n                    left: `calc(${percent(row.left + row.width)} + 0.375rem)`,\n                  }\n                : { right: `calc(${percent(1 - row.left)} + 0.375rem)` }\n            }\n          >\n            {label}\n          </span>\n        ) : null}\n        <span className=\"sr-only\">{label}</span>\n      </div>\n    </div>\n  );\n}\n\n/** The row's selectable part — a button when the trace takes a selection. */\nfunction SelectTarget({\n  selected,\n  onSelect,\n  children,\n}: {\n  selected: boolean;\n  onSelect?: () => void;\n  children: ReactNode;\n}) {\n  const className = \"flex min-w-0 flex-1 items-baseline gap-2 text-left\";\n  if (onSelect == null) {\n    return <span className={className}>{children}</span>;\n  }\n  return (\n    <button\n      type=\"button\"\n      data-trace-select=\"\"\n      aria-current={selected ? \"true\" : undefined}\n      onClick={onSelect}\n      // The one target, stretched over the row; the ring is the row's.\n      className={cn(\n        className,\n        \"cursor-pointer outline-none after:absolute after:inset-0 after:content-['']\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport interface TraceRootProps extends Omit<\n  ComponentProps<\"div\">,\n  \"children\" | \"onSelect\" | \"title\"\n> {\n  spans: readonly TraceSpan[];\n  /** The span whose details are open — it keeps the wash. */\n  selectedId?: string | null;\n  /** Rows select on click when given. */\n  onSelect?: (id: string) => void;\n  /** Spans folded at first (uncontrolled). */\n  defaultCollapsed?: readonly string[];\n  /** Spans folded (controlled). */\n  collapsed?: readonly string[];\n  onCollapsedChange?: (ids: string[]) => void;\n  /** A title row above the axis — \"Waterfall\". Omit for none. */\n  title?: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction Root({\n  spans,\n  selectedId,\n  onSelect,\n  defaultCollapsed,\n  collapsed: collapsedProp,\n  onCollapsedChange,\n  title,\n  className,\n  ...props\n}: TraceRootProps) {\n  const layout = useMemo(() => layoutTrace(spans), [spans]);\n  const [ownCollapsed, setOwnCollapsed] = useState<readonly string[]>(\n    () => defaultCollapsed ?? [],\n  );\n  const collapsed = new Set(collapsedProp ?? ownCollapsed);\n  const toggle = (id: string) => {\n    const next = new Set(collapsed);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    const list = Array.from(next);\n    if (collapsedProp == null) setOwnCollapsed(list);\n    onCollapsedChange?.(list);\n  };\n  // A row shows while none of its ancestors is folded.\n  const hidden = new Set<string>();\n  const parents = new Map<string, string | null>();\n  for (const row of layout.rows) {\n    for (const child of row.children) parents.set(child, row.span.id);\n  }\n  for (const row of layout.rows) {\n    let parent = parents.get(row.span.id) ?? null;\n    while (parent != null) {\n      if (collapsed.has(parent)) {\n        hidden.add(row.span.id);\n        break;\n      }\n      parent = parents.get(parent) ?? null;\n    }\n  }\n  const count = layout.rows.length;\n  return (\n    <div\n      data-trace=\"\"\n      className={cn(TRACE_SURFACE, \"min-w-0\", className)}\n      {...props}\n    >\n      {title != null ? (\n        <div className=\"border-pho-secondary flex min-h-10 items-center justify-between gap-3 border-b px-3\">\n          <div className=\"text-pho-secondary min-w-0 truncate text-xs font-medium\">\n            {title}\n          </div>\n          <div className=\"text-pho-description shrink-0 text-xs tabular-nums\">\n            {count} {count === 1 ? \"span\" : \"spans\"}.{\" \"}\n            {formatDuration(layout.durationMs)}.\n          </div>\n        </div>\n      ) : null}\n      <div\n        aria-hidden\n        className={cn(COLUMNS, \"border-pho-secondary h-7 border-b\")}\n      >\n        <div />\n        <div className=\"border-pho-secondary relative h-full border-l\">\n          {layout.ticks.map((tick) => {\n            const at = layout.durationMs > 0 ? tick / layout.durationMs : 0;\n            // A tick near the end reads to the left of its mark, so the\n            // label never runs past the axis's edge.\n            const late = at > 0.85;\n            return (\n              <span\n                key={tick}\n                className=\"text-pho-description absolute top-0 h-full text-[10px] tabular-nums\"\n                style={{ left: percent(at) }}\n              >\n                <span className=\"bg-pho-secondary absolute bottom-0 left-0 h-1.5 w-px\" />\n                <span\n                  className={cn(\n                    \"absolute bottom-0 pb-1.5 whitespace-nowrap\",\n                    late ? \"right-1\" : \"left-1\",\n                  )}\n                >\n                  {tick === 0 ? \"0\" : formatTick(tick)}\n                </span>\n              </span>\n            );\n          })}\n        </div>\n      </div>\n      <ol\n        aria-label={typeof title === \"string\" ? title : \"Spans\"}\n        className=\"m-0 list-none p-0\"\n      >\n        {layout.rows.map((row) =>\n          hidden.has(row.span.id) ? null : (\n            <li key={row.span.id} className=\"m-0\">\n              <SpanRow\n                row={row}\n                collapsed={collapsed.has(row.span.id)}\n                selected={selectedId != null && selectedId === row.span.id}\n                onToggle={() => toggle(row.span.id)}\n                onSelect={onSelect ? () => onSelect(row.span.id) : undefined}\n              />\n            </li>\n          ),\n        )}\n      </ol>\n    </div>\n  );\n}\n\n/* --------------------------------- logs --------------------------------- */\n\nexport type TraceLogLevel = \"debug\" | \"info\" | \"warn\" | \"error\";\n\nexport interface TraceLog {\n  id?: string;\n  /** When, in ms after the trace's start. */\n  offsetMs: number;\n  level?: TraceLogLevel;\n  message: string;\n  /** The span it was written in, when known — its name shows after. */\n  spanId?: string;\n}\n\nconst LEVEL_INK: Record<TraceLogLevel, string> = {\n  debug: \"text-pho-description\",\n  info: \"text-pho-secondary\",\n  warn: \"text-pho-warning\",\n  error: \"text-pho-error\",\n};\n\nexport interface TraceLogsProps extends Omit<\n  ComponentProps<\"section\">,\n  \"children\" | \"title\"\n> {\n  logs?: readonly TraceLog[] | null;\n  /** The spans, to name the one each line was written in. */\n  spans?: readonly TraceSpan[];\n  /** @default \"Logs\" */\n  title?: ReactNode;\n  ref?: Ref<HTMLElement>;\n}\n\n/**\n * The log lines that belong to the trace, each at its offset from the\n * start, in the mono face. Renders nothing when there are none — a\n * trace with no logs shows no empty block.\n */\nfunction Logs({\n  logs,\n  spans,\n  title = \"Logs\",\n  className,\n  ...props\n}: TraceLogsProps) {\n  const names = useMemo(\n    () => new Map((spans ?? []).map((span) => [span.id, span.name])),\n    [spans],\n  );\n  if (logs == null || logs.length === 0) return null;\n  return (\n    <section\n      data-trace-logs=\"\"\n      className={cn(TRACE_SURFACE, \"min-w-0\", className)}\n      {...props}\n    >\n      <div className=\"border-pho-secondary flex min-h-10 items-center justify-between gap-3 border-b px-3\">\n        <div className=\"text-pho-secondary min-w-0 truncate text-xs font-medium\">\n          {title}\n        </div>\n        <div className=\"text-pho-description shrink-0 text-xs tabular-nums\">\n          {logs.length} {logs.length === 1 ? \"line\" : \"lines\"}\n        </div>\n      </div>\n      <ol className=\"divide-pho-secondary m-0 list-none divide-y p-0 font-mono text-xs\">\n        {logs.map((log, index) => {\n          const level = log.level ?? \"info\";\n          const spanName = log.spanId ? names.get(log.spanId) : undefined;\n          return (\n            <li\n              key={log.id ?? index}\n              className=\"grid grid-cols-[5rem_3.5rem_minmax(0,1fr)] items-baseline gap-3 px-3 py-1.5\"\n            >\n              <span className=\"text-pho-description tabular-nums\">\n                +{formatDuration(log.offsetMs)}\n              </span>\n              <span className={cn(\"truncate\", LEVEL_INK[level])}>\n                {level.charAt(0).toUpperCase() + level.slice(1)}\n              </span>\n              <span className=\"text-pho-primary [overflow-wrap:anywhere] whitespace-pre-wrap\">\n                {log.message}\n                {spanName ? (\n                  <span className=\"text-pho-description\"> {spanName}</span>\n                ) : null}\n              </span>\n            </li>\n          );\n        })}\n      </ol>\n    </section>\n  );\n}\n\n/**\n * ```tsx\n * <Trace.Root spans={spans} selectedId={id} onSelect={setId} title=\"Waterfall\" />\n * <Trace.Logs logs={logs} spans={spans} />\n * ```\n */\nexport const Trace = { Root, Logs };\n"],"mappings":"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"}