@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/traces/otel/TraceResults.d.ts

@@ -0,0 +1,19 @@
+import { DataTableProps } from '../../DataTable.js';
+import { SearchResult, Summary } from './api.js';
+export declare function ResultSummary({ result }: {
+    result: SearchResult;
+}): import("react").JSX.Element;
+/** Each trace by when it started and how long it took, dot size by span count. */
+export declare function Scatter({ traces, onOpen }: {
+    traces: Summary[];
+    onOpen: (id: string) => void;
+}): import("react").JSX.Element;
+/** The traces, newest first: what ran, when, how long against the slowest, and its span count. */
+export declare function ResultTable({ traces, href, onOpen, now, tableProps }: {
+    traces: Summary[];
+    href: (id: string) => string;
+    onOpen: (id: string) => void;
+    now: number;
+    tableProps?: Pick<DataTableProps<Summary>, "externalFilters" | "externalSearch" | "externalTimeRange" | "pagination" | "infinite" | "loading">;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TraceResults.d.ts.map

package/dist/data/traces/otel/TraceResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceResults.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/TraceResults.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAY,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,OAAO,CAAC;AAMlE,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,+BAUjE;AAED,kFAAkF;AAClF,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,EAAE,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,+BAgD9F;AAED,kGAAkG;AAClG,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,UAAe,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,EAAE,CAAC;IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;CAAE,+BAkDzT"}

package/dist/data/traces/otel/TraceResults.js

@@ -0,0 +1,193 @@
+import { Badge } from "../../Badge.js";
+import { DataTable } from "../../DataTable.js";
+import { duration } from "./api.js";
+import { shortOperation } from "./query.js";
+import { ago, niceStep } from "./result-model.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/data/traces/otel/TraceResults.tsx
+var startMs = (trace) => Date.parse(trace.startedAt);
+var clock = (ms) => new Date(ms).toLocaleTimeString([], {
+	hour: "2-digit",
+	minute: "2-digit",
+	second: "2-digit"
+});
+function ResultSummary({ result }) {
+	const shown = result.traces.length;
+	return /* @__PURE__ */ jsxs("p", {
+		className: "text-sm text-muted-foreground",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "font-medium text-foreground",
+				children: shown
+			}),
+			" ",
+			shown === 1 ? "trace" : "traces",
+			shown < result.total ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				" · the ",
+				shown,
+				" newest of ",
+				result.total.toLocaleString(),
+				". Narrow the window or operation to see older ones"
+			] }) : /* @__PURE__ */ jsx(Fragment, { children: " · all in the window" })
+		]
+	});
+}
+/** Each trace by when it started and how long it took, dot size by span count. */
+function Scatter({ traces, onOpen }) {
+	const starts = traces.map(startMs);
+	const t0 = Math.min(...starts);
+	const span = Math.max(...starts) - t0;
+	const slowest = Math.max(...traces.map((trace) => trace.durationMs)) || 1;
+	const step = niceStep(slowest, 4);
+	const top = Math.ceil(slowest * 1.05 / step) * step;
+	const yTicks = Array.from({ length: Math.round(top / step) + 1 }, (_, i) => i * step);
+	const xTicks = span === 0 ? [.5] : [
+		0,
+		.25,
+		.5,
+		.75,
+		1
+	];
+	const x = (ms) => span === 0 ? .5 : (ms - t0) / span;
+	return /* @__PURE__ */ jsxs("figure", {
+		className: "rounded-lg border border-border p-density-2",
+		"aria-label": "Duration over time",
+		children: [
+			/* @__PURE__ */ jsxs("figcaption", {
+				className: "mb-1 flex items-center gap-3 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-foreground",
+					children: "Duration over time"
+				}), /* @__PURE__ */ jsx("span", { children: "dot size = span count · click to open" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative ml-[4.5rem] mr-2 mt-3.5 h-[180px]",
+				children: [yTicks.map((y) => /* @__PURE__ */ jsx("div", {
+					className: "absolute inset-x-0 border-t border-border/60",
+					style: { bottom: `${y / top * 100}%` },
+					children: /* @__PURE__ */ jsx("span", {
+						className: "absolute right-full -translate-y-1/2 whitespace-nowrap pr-1.5 text-xs tabular-nums text-muted-foreground",
+						children: y === 0 ? "0" : duration(y)
+					})
+				}, y)), traces.map((trace) => {
+					const size = 6 + Math.log2(trace.spanCount) * 1.6;
+					const label = `${shortOperation(trace.operation)}, ${duration(trace.durationMs)}, ${trace.spanCount} spans at ${clock(startMs(trace))}`;
+					return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": label,
+						title: label,
+						onClick: () => onOpen(trace.traceId),
+						className: `absolute -translate-x-1/2 translate-y-1/2 rounded-full opacity-75 hover:ring-2 hover:ring-ring ${trace.errors > 0 ? "bg-destructive" : trace.spanCount > 1 ? "bg-primary" : "bg-muted-foreground"}`,
+						style: {
+							left: `${x(startMs(trace)) * 100}%`,
+							bottom: `${trace.durationMs / top * 100}%`,
+							width: size,
+							height: size
+						}
+					}, trace.traceId);
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative ml-[4.5rem] mr-2 mt-1 h-4 text-xs tabular-nums text-muted-foreground",
+				children: xTicks.map((fraction, i) => /* @__PURE__ */ jsx("span", {
+					className: `absolute whitespace-nowrap ${xTicks.length > 1 && i === 0 ? "" : xTicks.length > 1 && i === xTicks.length - 1 ? "-translate-x-full" : "-translate-x-1/2"}`,
+					style: { left: `${fraction * 100}%` },
+					children: clock(t0 + fraction * span)
+				}, fraction))
+			})
+		]
+	});
+}
+/** The traces, newest first: what ran, when, how long against the slowest, and its span count. */
+function ResultTable({ traces, href, onOpen, now, tableProps = {} }) {
+	const slowest = Math.max(1, ...traces.map((trace) => trace.durationMs));
+	const columns = [
+		{
+			key: "operation",
+			label: "Trace",
+			grow: true,
+			minWidth: 320,
+			render: (_, trace) => /* @__PURE__ */ jsxs("span", {
+				className: "flex min-w-0 items-center gap-2",
+				title: trace.operation,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 font-medium",
+						children: shortOperation(trace.operation) || trace.traceId
+					}),
+					/* @__PURE__ */ jsx("code", {
+						className: "text-xs text-muted-foreground",
+						children: trace.traceId.slice(0, 8)
+					}),
+					trace.services.length > 1 && /* @__PURE__ */ jsx("span", {
+						className: "truncate text-xs text-muted-foreground",
+						children: trace.services.join(" → ")
+					}),
+					trace.errors > 0 && /* @__PURE__ */ jsxs(Badge, {
+						size: "sm",
+						tone: "danger",
+						variant: "soft",
+						children: [
+							trace.errors,
+							" ",
+							trace.errors === 1 ? "error" : "errors"
+						]
+					})
+				]
+			})
+		},
+		{
+			key: "startedAt",
+			label: "Started",
+			render: (_, trace) => /* @__PURE__ */ jsxs("span", {
+				className: "whitespace-nowrap tabular-nums",
+				children: [
+					clock(startMs(trace)),
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: ago(now - startMs(trace))
+					})
+				]
+			})
+		},
+		{
+			key: "durationMs",
+			label: "Duration",
+			render: (_, trace) => /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "relative h-1.5 w-24 rounded-full bg-muted",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "absolute inset-y-0 left-0 rounded-full bg-primary",
+						style: { width: `${trace.durationMs / slowest * 100}%` }
+					})
+				}), /* @__PURE__ */ jsx("span", {
+					className: "tabular-nums",
+					children: duration(trace.durationMs)
+				})]
+			})
+		},
+		{
+			key: "spanCount",
+			label: "Spans",
+			align: "right"
+		}
+	];
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-[28rem] min-h-0 flex-col",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			...tableProps,
+			data: traces,
+			columns,
+			getRowId: (trace) => trace.traceId,
+			autoFilter: false,
+			getRowHref: (trace) => href(trace.traceId),
+			onRowClick: (trace) => onOpen(trace.traceId),
+			emptyMessage: "No traces match. Widen the time range, clear the duration or attribute filters, or show single-span traces."
+		})
+	});
+}
+export { ResultSummary, ResultTable, Scatter };
+
+//# sourceMappingURL=TraceResults.js.map

package/dist/data/traces/otel/TraceResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceResults.js","names":["_Fragment"],"sources":["../../../../src/data/traces/otel/TraceResults.tsx"],"sourcesContent":["import { ago, niceStep } from \"./result-model\";\nimport { Badge } from \"../../Badge\";\nimport { DataTable, type DataTableColumn, type DataTableProps } from \"../../DataTable\";\nimport { duration, type SearchResult, type Summary } from \"./api\";\nimport { shortOperation } from \"./query\";\n\nconst startMs = (trace: Summary) => Date.parse(trace.startedAt);\nconst clock = (ms: number) => new Date(ms).toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\", second: \"2-digit\" });\n\nexport function ResultSummary({ result }: { result: SearchResult }) {\n  const shown = result.traces.length;\n  return (\n    <p className=\"text-sm text-muted-foreground\">\n      <span className=\"font-medium text-foreground\">{shown}</span> {shown === 1 ? \"trace\" : \"traces\"}\n      {shown < result.total\n        ? <> · the {shown} newest of {result.total.toLocaleString()}. Narrow the window or operation to see older ones</>\n        : <> · all in the window</>}\n    </p>\n  );\n}\n\n/** Each trace by when it started and how long it took, dot size by span count. */\nexport function Scatter({ traces, onOpen }: { traces: Summary[]; onOpen: (id: string) => void }) {\n  const starts = traces.map(startMs);\n  const t0 = Math.min(...starts);\n  const span = Math.max(...starts) - t0;\n  const slowest = Math.max(...traces.map(trace => trace.durationMs)) || 1;\n  const step = niceStep(slowest, 4);\n  const top = Math.ceil((slowest * 1.05) / step) * step;\n  const yTicks = Array.from({ length: Math.round(top / step) + 1 }, (_, i) => i * step);\n  // Traces that all started together sit mid-axis under one tick.\n  const xTicks = span === 0 ? [0.5] : [0, 0.25, 0.5, 0.75, 1];\n  const x = (ms: number) => (span === 0 ? 0.5 : (ms - t0) / span);\n  return (\n    <figure className=\"rounded-lg border border-border p-density-2\" aria-label=\"Duration over time\">\n      <figcaption className=\"mb-1 flex items-center gap-3 text-xs text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">Duration over time</span>\n        <span>dot size = span count · click to open</span>\n      </figcaption>\n      <div className=\"relative ml-[4.5rem] mr-2 mt-3.5 h-[180px]\">\n        {yTicks.map(y => (\n          <div key={y} className=\"absolute inset-x-0 border-t border-border/60\" style={{ bottom: `${(y / top) * 100}%` }}>\n            <span className=\"absolute right-full -translate-y-1/2 whitespace-nowrap pr-1.5 text-xs tabular-nums text-muted-foreground\">{y === 0 ? \"0\" : duration(y)}</span>\n          </div>\n        ))}\n        {traces.map(trace => {\n          const size = 6 + Math.log2(trace.spanCount) * 1.6;\n          const label = `${shortOperation(trace.operation)}, ${duration(trace.durationMs)}, ${trace.spanCount} spans at ${clock(startMs(trace))}`;\n          return (\n            <button\n              key={trace.traceId}\n              type=\"button\"\n              aria-label={label}\n              title={label}\n              onClick={() => onOpen(trace.traceId)}\n              className={`absolute -translate-x-1/2 translate-y-1/2 rounded-full opacity-75 hover:ring-2 hover:ring-ring ${trace.errors > 0 ? \"bg-destructive\" : trace.spanCount > 1 ? \"bg-primary\" : \"bg-muted-foreground\"}`}\n              style={{ left: `${x(startMs(trace)) * 100}%`, bottom: `${(trace.durationMs / top) * 100}%`, width: size, height: size }}\n            />\n          );\n        })}\n      </div>\n      <div className=\"relative ml-[4.5rem] mr-2 mt-1 h-4 text-xs tabular-nums text-muted-foreground\">\n        {xTicks.map((fraction, i) => (\n          <span key={fraction} className={`absolute whitespace-nowrap ${xTicks.length > 1 && i === 0 ? \"\" : xTicks.length > 1 && i === xTicks.length - 1 ? \"-translate-x-full\" : \"-translate-x-1/2\"}`} style={{ left: `${fraction * 100}%` }}>\n            {clock(t0 + fraction * span)}\n          </span>\n        ))}\n      </div>\n    </figure>\n  );\n}\n\n/** The traces, newest first: what ran, when, how long against the slowest, and its span count. */\nexport function ResultTable({ traces, href, onOpen, now, tableProps = {} }: { traces: Summary[]; href: (id: string) => string; onOpen: (id: string) => void; now: number; tableProps?: Pick<DataTableProps<Summary>, \"externalFilters\" | \"externalSearch\" | \"externalTimeRange\" | \"pagination\" | \"infinite\" | \"loading\"> }) {\n  const slowest = Math.max(1, ...traces.map(trace => trace.durationMs));\n  const columns: DataTableColumn<Summary>[] = [\n    {\n      key: \"operation\",\n      label: \"Trace\",\n      grow: true,\n      minWidth: 320,\n      render: (_, trace) => (\n        <span className=\"flex min-w-0 items-center gap-2\" title={trace.operation}>\n          <span className=\"shrink-0 font-medium\">{shortOperation(trace.operation) || trace.traceId}</span>\n          <code className=\"text-xs text-muted-foreground\">{trace.traceId.slice(0, 8)}</code>\n          {trace.services.length > 1 && <span className=\"truncate text-xs text-muted-foreground\">{trace.services.join(\" → \")}</span>}\n          {trace.errors > 0 && <Badge size=\"sm\" tone=\"danger\" variant=\"soft\">{trace.errors} {trace.errors === 1 ? \"error\" : \"errors\"}</Badge>}\n        </span>\n      ),\n    },\n    {\n      key: \"startedAt\",\n      label: \"Started\",\n      render: (_, trace) => <span className=\"whitespace-nowrap tabular-nums\">{clock(startMs(trace))} <span className=\"text-muted-foreground\">{ago(now - startMs(trace))}</span></span>,\n    },\n    {\n      key: \"durationMs\",\n      label: \"Duration\",\n      render: (_, trace) => (\n        <span className=\"flex items-center gap-2\">\n          <span className=\"relative h-1.5 w-24 rounded-full bg-muted\">\n            <span className=\"absolute inset-y-0 left-0 rounded-full bg-primary\" style={{ width: `${(trace.durationMs / slowest) * 100}%` }} />\n          </span>\n          <span className=\"tabular-nums\">{duration(trace.durationMs)}</span>\n        </span>\n      ),\n    },\n    { key: \"spanCount\", label: \"Spans\", align: \"right\" },\n  ];\n  return (\n    <div className=\"flex h-[28rem] min-h-0 flex-col\">\n      <DataTable\n        {...tableProps}\n        data={traces}\n        columns={columns}\n        getRowId={trace => trace.traceId}\n        autoFilter={false}\n        getRowHref={trace => href(trace.traceId)}\n        onRowClick={trace => onOpen(trace.traceId)}\n        emptyMessage=\"No traces match. Widen the time range, clear the duration or attribute filters, or show single-span traces.\"\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/traces/otel/api.cjs

@@ -0,0 +1,36 @@
+// src/data/traces/otel/api.ts
+var MODE_FILTERS = [
+	"services",
+	"operations",
+	"statuses",
+	"attributes"
+];
+function searchParams(value) {
+	const params = new URLSearchParams();
+	for (const [key, item] of Object.entries(value)) if (item !== void 0 && item !== null && item !== "" && !(typeof item === "object" && Object.keys(item).length === 0)) params.set(key, typeof item === "object" ? JSON.stringify(item) : String(item));
+	return params;
+}
+function parseModes(key, text) {
+	const value = JSON.parse(text);
+	if (!value || typeof value !== "object" || Array.isArray(value) || Object.values(value).some((mode) => mode !== "include" && mode !== "exclude")) throw new Error(`${key} must be a JSON object of values to include or exclude`);
+	return value;
+}
+function readSearchValues(params = new URLSearchParams(window.location.search)) {
+	const result = {};
+	for (const [key, value] of params) {
+		if (key === "span") continue;
+		if (MODE_FILTERS.includes(key)) result[key] = parseModes(key, value);
+		else if (key === "limit" || key === "minSpans") {
+			if (!/^\d+$/.test(value)) throw new Error(`${key} must be a whole number, not ${JSON.stringify(value)}`);
+			result[key] = Number(value);
+		} else result[key] = value;
+	}
+	return result;
+}
+var duration = (ms) => ms >= 1e3 ? `${(ms / 1e3).toFixed(2)} s` : ms >= 10 ? `${ms.toFixed(0)} ms` : ms >= 1 ? `${ms.toFixed(1)} ms` : `${(ms * 1e3).toFixed(0)} µs`;
+exports.MODE_FILTERS = MODE_FILTERS;
+exports.duration = duration;
+exports.readSearchValues = readSearchValues;
+exports.searchParams = searchParams;
+
+//# sourceMappingURL=api.cjs.map

package/dist/data/traces/otel/api.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.cjs","names":[],"sources":["../../../../src/data/traces/otel/api.ts"],"sourcesContent":["import type { JsonSchemaObject } from \"../../../components\";\n\nexport type Span = {\n  traceId: string;\n  spanId: string;\n  parentId?: string;\n  service: string;\n  operation: string;\n  kind?: string;\n  startedAt: string;\n  durationMs: number;\n  status: string;\n  attributes?: Record<string, unknown>;\n  resource?: Record<string, unknown>;\n  otlp?: Record<string, unknown>;\n};\nexport type Summary = {\n  traceId: string;\n  service: string;\n  operation: string;\n  startedAt: string;\n  durationMs: number;\n  spanCount: number;\n  errors: number;\n  services: string[];\n};\nexport interface Trace {\n  summary: Summary;\n  spans: Span[];\n  missingParents: string[];\n}\n/** The traces of one root operation in the window (tracequery.OperationStats). */\nexport interface OperationStats {\n  operation: string;\n  count: number;\n  singleSpan?: boolean;\n  p50Ms: number;\n  p95Ms: number;\n}\nexport interface SearchResult {\n  traces: Summary[];\n  total: number;\n  services: string[];\n  /** Every filter but the operation and span-count ones applied, by root operation. */\n  rootOperations: OperationStats[];\n  /** key=value suggestions from those traces' root spans, most frequent first. */\n  attributes: { value: string; count: number }[];\n}\nexport interface Source {\n  id: string;\n  name: string;\n  type: string;\n}\n/** A filter's values, each included or excluded (tracequery.Modes). */\nexport type Modes = Record<string, \"include\" | \"exclude\">;\nexport const MODE_FILTERS = [\"services\", \"operations\", \"statuses\", \"attributes\"] as const;\nexport type ModeFilter = (typeof MODE_FILTERS)[number];\nexport type SearchValues = Record<string, unknown> & {\n  source?: string | undefined;\n  run?: string | undefined;\n  index?: string | undefined;\n  format?: string | undefined;\n  services?: Modes | undefined;\n  /** Root operations. */\n  operations?: Modes | undefined;\n  statuses?: Modes | undefined;\n  /** key, key=value or key=prefix* expressions. */\n  attributes?: Modes | undefined;\n  minSpans?: number | undefined;\n  traceId?: string | undefined;\n  lookback?: string | undefined;\n  from?: string | undefined;\n  until?: string | undefined;\n  minDuration?: string | undefined;\n  maxDuration?: string | undefined;\n  limit?: number | undefined;\n};\nexport interface SearchForm {\n  schema: JsonSchemaObject;\n  defaults: SearchValues;\n}\nexport function searchParams(value: SearchValues): URLSearchParams {\n  const params = new URLSearchParams();\n  for (const [key, item] of Object.entries(value))\n    if (\n      item !== undefined && item !== null && item !== \"\" &&\n      !(typeof item === \"object\" && Object.keys(item).length === 0)\n    )\n      params.set(\n        key,\n        typeof item === \"object\" ? JSON.stringify(item) : String(item),\n      );\n  return params;\n}\n\nfunction parseModes(key: string, text: string): Modes {\n  const value: unknown = JSON.parse(text);\n  if (!value || typeof value !== \"object\" || Array.isArray(value) || Object.values(value).some(mode => mode !== \"include\" && mode !== \"exclude\"))\n    throw new Error(`${key} must be a JSON object of values to include or exclude`);\n  return value as Modes;\n}\n\nexport function readSearchValues(params: URLSearchParams = new URLSearchParams(window.location.search)): SearchValues {\n  const result: SearchValues = {};\n  for (const [key, value] of params) {\n    if (key === \"span\") continue;\n    if ((MODE_FILTERS as readonly string[]).includes(key)) result[key] = parseModes(key, value);\n    else if (key === \"limit\" || key === \"minSpans\") {\n      if (!/^\\d+$/.test(value)) throw new Error(`${key} must be a whole number, not ${JSON.stringify(value)}`);\n      result[key] = Number(value);\n    } else result[key] = value;\n  }\n  return result;\n}\n\nexport const duration = (ms: number) =>\n  ms >= 1000\n    ? `${(ms / 1000).toFixed(2)} s`\n    : ms >= 10\n      ? `${ms.toFixed(0)} ms`\n      : ms >= 1\n        ? `${ms.toFixed(1)} ms`\n        : `${(ms * 1000).toFixed(0)} µs`;\n"],"mappings":";AAuDA,IAAa,eAAe;CAAC;CAAY;CAAc;CAAY;AAAY;AA0B/E,SAAgB,aAAa,OAAsC;CACjE,MAAM,SAAS,IAAI,gBAAgB;CACnC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC5C,IACE,SAAS,KAAA,KAAa,SAAS,QAAQ,SAAS,MAChD,EAAE,OAAO,SAAS,YAAY,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW,IAE3D,OAAO,IACL,KACA,OAAO,SAAS,WAAW,KAAK,UAAU,IAAI,IAAI,OAAO,IAAI,CAC/D;CACJ,OAAO;AACT;AAEA,SAAS,WAAW,KAAa,MAAqB;CACpD,MAAM,QAAiB,KAAK,MAAM,IAAI;CACtC,IAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,KAAK,OAAO,OAAO,KAAK,CAAC,CAAC,MAAK,SAAQ,SAAS,aAAa,SAAS,SAAS,GAC3I,MAAM,IAAI,MAAM,GAAG,IAAI,uDAAuD;CAChF,OAAO;AACT;AAEA,SAAgB,iBAAiB,SAA0B,IAAI,gBAAgB,OAAO,SAAS,MAAM,GAAiB;CACpH,MAAM,SAAuB,CAAC;CAC9B,KAAK,MAAM,CAAC,KAAK,UAAU,QAAQ;EACjC,IAAI,QAAQ,QAAQ;EACpB,IAAK,aAAmC,SAAS,GAAG,GAAG,OAAO,OAAO,WAAW,KAAK,KAAK;OACrF,IAAI,QAAQ,WAAW,QAAQ,YAAY;GAC9C,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,MAAM,IAAI,MAAM,GAAG,IAAI,+BAA+B,KAAK,UAAU,KAAK,GAAG;GACvG,OAAO,OAAO,OAAO,KAAK;EAC5B,OAAO,OAAO,OAAO;CACvB;CACA,OAAO;AACT;AAEA,IAAa,YAAY,OACvB,MAAM,MACF,IAAI,KAAK,IAAA,CAAM,QAAQ,CAAC,EAAE,MAC1B,MAAM,KACJ,GAAG,GAAG,QAAQ,CAAC,EAAE,OACjB,MAAM,IACJ,GAAG,GAAG,QAAQ,CAAC,EAAE,OACjB,IAAI,KAAK,IAAA,CAAM,QAAQ,CAAC,EAAE"}

package/dist/data/traces/otel/api.d.ts

@@ -0,0 +1,87 @@
+import { JsonSchemaObject } from '../../../components.js';
+export type Span = {
+    traceId: string;
+    spanId: string;
+    parentId?: string;
+    service: string;
+    operation: string;
+    kind?: string;
+    startedAt: string;
+    durationMs: number;
+    status: string;
+    attributes?: Record<string, unknown>;
+    resource?: Record<string, unknown>;
+    otlp?: Record<string, unknown>;
+};
+export type Summary = {
+    traceId: string;
+    service: string;
+    operation: string;
+    startedAt: string;
+    durationMs: number;
+    spanCount: number;
+    errors: number;
+    services: string[];
+};
+export interface Trace {
+    summary: Summary;
+    spans: Span[];
+    missingParents: string[];
+}
+/** The traces of one root operation in the window (tracequery.OperationStats). */
+export interface OperationStats {
+    operation: string;
+    count: number;
+    singleSpan?: boolean;
+    p50Ms: number;
+    p95Ms: number;
+}
+export interface SearchResult {
+    traces: Summary[];
+    total: number;
+    services: string[];
+    /** Every filter but the operation and span-count ones applied, by root operation. */
+    rootOperations: OperationStats[];
+    /** key=value suggestions from those traces' root spans, most frequent first. */
+    attributes: {
+        value: string;
+        count: number;
+    }[];
+}
+export interface Source {
+    id: string;
+    name: string;
+    type: string;
+}
+/** A filter's values, each included or excluded (tracequery.Modes). */
+export type Modes = Record<string, "include" | "exclude">;
+export declare const MODE_FILTERS: readonly ["services", "operations", "statuses", "attributes"];
+export type ModeFilter = (typeof MODE_FILTERS)[number];
+export type SearchValues = Record<string, unknown> & {
+    source?: string | undefined;
+    run?: string | undefined;
+    index?: string | undefined;
+    format?: string | undefined;
+    services?: Modes | undefined;
+    /** Root operations. */
+    operations?: Modes | undefined;
+    statuses?: Modes | undefined;
+    /** key, key=value or key=prefix* expressions. */
+    attributes?: Modes | undefined;
+    minSpans?: number | undefined;
+    traceId?: string | undefined;
+    lookback?: string | undefined;
+    from?: string | undefined;
+    until?: string | undefined;
+    minDuration?: string | undefined;
+    maxDuration?: string | undefined;
+    limit?: number | undefined;
+};
+export interface SearchForm {
+    schema: JsonSchemaObject;
+    defaults: SearchValues;
+}
+export declare function searchParams(value: SearchValues): URLSearchParams;
+export declare function readSearchValues(params?: URLSearchParams): SearchValues;
+export declare const duration: (ms: number) => string;
+//# sourceMappingURL=api.d.ts.map

package/dist/data/traces/otel/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,OAAO,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AACD,kFAAkF;AAClF,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,qFAAqF;IACrF,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,gFAAgF;IAChF,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAChD;AACD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AACD,uEAAuE;AACvE,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAC1D,eAAO,MAAM,YAAY,+DAAgE,CAAC;AAC1F,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,uBAAuB;IACvB,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AACF,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,eAAe,CAYjE;AASD,wBAAgB,gBAAgB,CAAC,MAAM,GAAE,eAA6D,GAAG,YAAY,CAWpH;AAED,eAAO,MAAM,QAAQ,GAAI,IAAI,MAAM,WAOK,CAAC"}

package/dist/data/traces/otel/api.js

@@ -0,0 +1,33 @@
+// src/data/traces/otel/api.ts
+var MODE_FILTERS = [
+	"services",
+	"operations",
+	"statuses",
+	"attributes"
+];
+function searchParams(value) {
+	const params = new URLSearchParams();
+	for (const [key, item] of Object.entries(value)) if (item !== void 0 && item !== null && item !== "" && !(typeof item === "object" && Object.keys(item).length === 0)) params.set(key, typeof item === "object" ? JSON.stringify(item) : String(item));
+	return params;
+}
+function parseModes(key, text) {
+	const value = JSON.parse(text);
+	if (!value || typeof value !== "object" || Array.isArray(value) || Object.values(value).some((mode) => mode !== "include" && mode !== "exclude")) throw new Error(`${key} must be a JSON object of values to include or exclude`);
+	return value;
+}
+function readSearchValues(params = new URLSearchParams(window.location.search)) {
+	const result = {};
+	for (const [key, value] of params) {
+		if (key === "span") continue;
+		if (MODE_FILTERS.includes(key)) result[key] = parseModes(key, value);
+		else if (key === "limit" || key === "minSpans") {
+			if (!/^\d+$/.test(value)) throw new Error(`${key} must be a whole number, not ${JSON.stringify(value)}`);
+			result[key] = Number(value);
+		} else result[key] = value;
+	}
+	return result;
+}
+var duration = (ms) => ms >= 1e3 ? `${(ms / 1e3).toFixed(2)} s` : ms >= 10 ? `${ms.toFixed(0)} ms` : ms >= 1 ? `${ms.toFixed(1)} ms` : `${(ms * 1e3).toFixed(0)} µs`;
+export { MODE_FILTERS, duration, readSearchValues, searchParams };
+
+//# sourceMappingURL=api.js.map

package/dist/data/traces/otel/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":[],"sources":["../../../../src/data/traces/otel/api.ts"],"sourcesContent":["import type { JsonSchemaObject } from \"../../../components\";\n\nexport type Span = {\n  traceId: string;\n  spanId: string;\n  parentId?: string;\n  service: string;\n  operation: string;\n  kind?: string;\n  startedAt: string;\n  durationMs: number;\n  status: string;\n  attributes?: Record<string, unknown>;\n  resource?: Record<string, unknown>;\n  otlp?: Record<string, unknown>;\n};\nexport type Summary = {\n  traceId: string;\n  service: string;\n  operation: string;\n  startedAt: string;\n  durationMs: number;\n  spanCount: number;\n  errors: number;\n  services: string[];\n};\nexport interface Trace {\n  summary: Summary;\n  spans: Span[];\n  missingParents: string[];\n}\n/** The traces of one root operation in the window (tracequery.OperationStats). */\nexport interface OperationStats {\n  operation: string;\n  count: number;\n  singleSpan?: boolean;\n  p50Ms: number;\n  p95Ms: number;\n}\nexport interface SearchResult {\n  traces: Summary[];\n  total: number;\n  services: string[];\n  /** Every filter but the operation and span-count ones applied, by root operation. */\n  rootOperations: OperationStats[];\n  /** key=value suggestions from those traces' root spans, most frequent first. */\n  attributes: { value: string; count: number }[];\n}\nexport interface Source {\n  id: string;\n  name: string;\n  type: string;\n}\n/** A filter's values, each included or excluded (tracequery.Modes). */\nexport type Modes = Record<string, \"include\" | \"exclude\">;\nexport const MODE_FILTERS = [\"services\", \"operations\", \"statuses\", \"attributes\"] as const;\nexport type ModeFilter = (typeof MODE_FILTERS)[number];\nexport type SearchValues = Record<string, unknown> & {\n  source?: string | undefined;\n  run?: string | undefined;\n  index?: string | undefined;\n  format?: string | undefined;\n  services?: Modes | undefined;\n  /** Root operations. */\n  operations?: Modes | undefined;\n  statuses?: Modes | undefined;\n  /** key, key=value or key=prefix* expressions. */\n  attributes?: Modes | undefined;\n  minSpans?: number | undefined;\n  traceId?: string | undefined;\n  lookback?: string | undefined;\n  from?: string | undefined;\n  until?: string | undefined;\n  minDuration?: string | undefined;\n  maxDuration?: string | undefined;\n  limit?: number | undefined;\n};\nexport interface SearchForm {\n  schema: JsonSchemaObject;\n  defaults: SearchValues;\n}\nexport function searchParams(value: SearchValues): URLSearchParams {\n  const params = new URLSearchParams();\n  for (const [key, item] of Object.entries(value))\n    if (\n      item !== undefined && item !== null && item !== \"\" &&\n      !(typeof item === \"object\" && Object.keys(item).length === 0)\n    )\n      params.set(\n        key,\n        typeof item === \"object\" ? JSON.stringify(item) : String(item),\n      );\n  return params;\n}\n\nfunction parseModes(key: string, text: string): Modes {\n  const value: unknown = JSON.parse(text);\n  if (!value || typeof value !== \"object\" || Array.isArray(value) || Object.values(value).some(mode => mode !== \"include\" && mode !== \"exclude\"))\n    throw new Error(`${key} must be a JSON object of values to include or exclude`);\n  return value as Modes;\n}\n\nexport function readSearchValues(params: URLSearchParams = new URLSearchParams(window.location.search)): SearchValues {\n  const result: SearchValues = {};\n  for (const [key, value] of params) {\n    if (key === \"span\") continue;\n    if ((MODE_FILTERS as readonly string[]).includes(key)) result[key] = parseModes(key, value);\n    else if (key === \"limit\" || key === \"minSpans\") {\n      if (!/^\\d+$/.test(value)) throw new Error(`${key} must be a whole number, not ${JSON.stringify(value)}`);\n      result[key] = Number(value);\n    } else result[key] = value;\n  }\n  return result;\n}\n\nexport const duration = (ms: number) =>\n  ms >= 1000\n    ? `${(ms / 1000).toFixed(2)} s`\n    : ms >= 10\n      ? `${ms.toFixed(0)} ms`\n      : ms >= 1\n        ? `${ms.toFixed(1)} ms`\n        : `${(ms * 1000).toFixed(0)} µs`;\n"],"mappings":";AAuDA,IAAa,eAAe;CAAC;CAAY;CAAc;CAAY;AAAY;AA0B/E,SAAgB,aAAa,OAAsC;CACjE,MAAM,SAAS,IAAI,gBAAgB;CACnC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC5C,IACE,SAAS,KAAA,KAAa,SAAS,QAAQ,SAAS,MAChD,EAAE,OAAO,SAAS,YAAY,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW,IAE3D,OAAO,IACL,KACA,OAAO,SAAS,WAAW,KAAK,UAAU,IAAI,IAAI,OAAO,IAAI,CAC/D;CACJ,OAAO;AACT;AAEA,SAAS,WAAW,KAAa,MAAqB;CACpD,MAAM,QAAiB,KAAK,MAAM,IAAI;CACtC,IAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,KAAK,OAAO,OAAO,KAAK,CAAC,CAAC,MAAK,SAAQ,SAAS,aAAa,SAAS,SAAS,GAC3I,MAAM,IAAI,MAAM,GAAG,IAAI,uDAAuD;CAChF,OAAO;AACT;AAEA,SAAgB,iBAAiB,SAA0B,IAAI,gBAAgB,OAAO,SAAS,MAAM,GAAiB;CACpH,MAAM,SAAuB,CAAC;CAC9B,KAAK,MAAM,CAAC,KAAK,UAAU,QAAQ;EACjC,IAAI,QAAQ,QAAQ;EACpB,IAAK,aAAmC,SAAS,GAAG,GAAG,OAAO,OAAO,WAAW,KAAK,KAAK;OACrF,IAAI,QAAQ,WAAW,QAAQ,YAAY;GAC9C,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,MAAM,IAAI,MAAM,GAAG,IAAI,+BAA+B,KAAK,UAAU,KAAK,GAAG;GACvG,OAAO,OAAO,OAAO,KAAK;EAC5B,OAAO,OAAO,OAAO;CACvB;CACA,OAAO;AACT;AAEA,IAAa,YAAY,OACvB,MAAM,MACF,IAAI,KAAK,IAAA,CAAM,QAAQ,CAAC,EAAE,MAC1B,MAAM,KACJ,GAAG,GAAG,QAAQ,CAAC,EAAE,OACjB,MAAM,IACJ,GAAG,GAAG,QAAQ,CAAC,EAAE,OACjB,IAAI,KAAK,IAAA,CAAM,QAAQ,CAAC,EAAE"}

package/dist/data/traces/otel/fixtures.d.ts

@@ -0,0 +1,4 @@
+import { Trace, SearchResult } from './api.js';
+export declare const traceExample: Trace;
+export declare const searchExample: SearchResult;
+//# sourceMappingURL=fixtures.d.ts.map

package/dist/data/traces/otel/fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,YAG3B,CAAC"}

package/dist/data/traces/otel/metrics.cjs

@@ -0,0 +1,7 @@
+// src/data/traces/otel/metrics.ts
+function metric(value, format = (value) => value.toLocaleString()) {
+	return value === void 0 ? "—" : format(value);
+}
+exports.metric = metric;
+
+//# sourceMappingURL=metrics.cjs.map

package/dist/data/traces/otel/metrics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.cjs","names":[],"sources":["../../../../src/data/traces/otel/metrics.ts"],"sourcesContent":["export function metric(value: number | undefined, format: (value: number) => string = value => value.toLocaleString()): string {\n  return value === undefined ? \"—\" : format(value);\n}\n"],"mappings":";AAAA,SAAgB,OAAO,OAA2B,UAAoC,UAAS,MAAM,eAAe,GAAW;CAC7H,OAAO,UAAU,KAAA,IAAY,MAAM,OAAO,KAAK;AACjD"}

package/dist/data/traces/otel/metrics.d.ts

@@ -0,0 +1,2 @@
+export declare function metric(value: number | undefined, format?: (value: number) => string): string;
+//# sourceMappingURL=metrics.d.ts.map

package/dist/data/traces/otel/metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/metrics.ts"],"names":[],"mappings":"AAAA,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAwC,GAAG,MAAM,CAE7H"}

package/dist/data/traces/otel/metrics.js

@@ -0,0 +1,7 @@
+// src/data/traces/otel/metrics.ts
+function metric(value, format = (value) => value.toLocaleString()) {
+	return value === void 0 ? "—" : format(value);
+}
+export { metric };
+
+//# sourceMappingURL=metrics.js.map

package/dist/data/traces/otel/metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.js","names":[],"sources":["../../../../src/data/traces/otel/metrics.ts"],"sourcesContent":["export function metric(value: number | undefined, format: (value: number) => string = value => value.toLocaleString()): string {\n  return value === undefined ? \"—\" : format(value);\n}\n"],"mappings":";AAAA,SAAgB,OAAO,OAA2B,UAAoC,UAAS,MAAM,eAAe,GAAW;CAC7H,OAAO,UAAU,KAAA,IAAY,MAAM,OAAO,KAAK;AACjD"}

package/dist/data/traces/otel/model.cjs

@@ -0,0 +1,167 @@
+// src/data/traces/otel/model.ts
+var CATEGORY_LABEL = {
+	agent: "Agent",
+	llm: "LLM",
+	db: "Database",
+	other: "Other"
+};
+/** Shared theme colors for the four span categories. */
+var CATEGORY_COLOR = {
+	agent: "var(--primary)",
+	llm: "var(--fs-prereq-500)",
+	db: "var(--fs-info)",
+	other: "var(--muted-foreground)"
+};
+function category(span) {
+	const op = span.attributes?.["gen_ai.operation.name"];
+	if (op === "invoke_agent") return "agent";
+	if (op === "chat" || op === "text_completion" || op === "embeddings") return "llm";
+	if (span.attributes?.["db.system"] !== void 0) return "db";
+	return "other";
+}
+var isError = (span) => ["error", "2"].includes(span.status.toLowerCase());
+/** `invoke_agent /abs/path/.captain/prompts/jira/x.prompt` → `invoke_agent jira/x.prompt`. */
+var shortOperation = (op) => op.replace(/ \/\S*\/prompts\//, " ");
+/** RFC3339 with up to nanosecond fraction → epoch microseconds (Date.parse keeps only ms). */
+function micros(iso) {
+	const match = /^(.*?)(?:\.(\d+))?(Z|[+-]\d{2}:\d{2})$/.exec(iso);
+	if (!match) throw new Error(`unexpected timestamp ${iso}`);
+	const seconds = Date.parse(`${match[1]}${match[3]}`);
+	if (!Number.isFinite(seconds)) throw new Error(`unexpected timestamp ${iso}`);
+	return seconds * 1e3 + Number((match[2] ?? "").padEnd(6, "0").slice(0, 6));
+}
+var duration = (ms) => ms >= 1e3 ? `${(ms / 1e3).toFixed(2)} s` : ms >= 10 ? `${ms.toFixed(0)} ms` : ms >= 1 ? `${ms.toFixed(1)} ms` : `${(ms * 1e3).toFixed(0)} µs`;
+function indexTrace(trace) {
+	const byId = new Map(trace.spans.map((span) => [span.spanId, span]));
+	if (byId.size !== trace.spans.length) throw new Error("duplicate span ids");
+	for (const span of trace.spans) {
+		const seen = /* @__PURE__ */ new Set();
+		for (let current = span; current; current = current.parentId ? byId.get(current.parentId) : void 0) {
+			if (seen.has(current.spanId)) throw new Error("span parent cycle");
+			seen.add(current.spanId);
+		}
+	}
+	const children = /* @__PURE__ */ new Map();
+	const roots = [];
+	for (const span of trace.spans) if (span.parentId && byId.has(span.parentId)) children.set(span.parentId, [...children.get(span.parentId) ?? [], span]);
+	else roots.push(span);
+	const order = (a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId);
+	roots.sort(order);
+	for (const list of children.values()) list.sort(order);
+	const t0 = micros(trace.summary.startedAt);
+	return {
+		byId,
+		children,
+		roots,
+		offsetMs: (span) => (micros(span.startedAt) - t0) / 1e3,
+		totalMs: trace.summary.durationMs
+	};
+}
+/**
+* Depth-first rows. With `group`, every run of ≥ GROUP_MIN consecutive leaf DB
+* siblings becomes one group row; `expanded` opens a group, `collapsed` closes
+* a span. `visible`, when set, keeps only those spans (callers include ancestors).
+*/
+function buildRows(index, opts) {
+	const rows = [];
+	const walk = (siblings, depth) => {
+		const shown = opts.visible ? siblings.filter((span) => opts.visible.has(span.spanId)) : siblings;
+		let i = 0;
+		while (i < shown.length) {
+			let j = i;
+			const groupable = (span) => opts.group && category(span) === "db" && !index.children.has(span.spanId);
+			while (j < shown.length && groupable(shown[j])) j++;
+			if (j - i >= 3) {
+				const spans = shown.slice(i, j);
+				const id = `group:${spans[0].spanId}`;
+				rows.push({
+					type: "group",
+					id,
+					depth,
+					spans
+				});
+				if (opts.expanded.has(id)) for (const span of spans) rows.push({
+					type: "span",
+					id: span.spanId,
+					depth: depth + 1,
+					span,
+					childCount: 0
+				});
+				i = j;
+				continue;
+			}
+			const span = shown[i];
+			const kids = index.children.get(span.spanId) ?? [];
+			rows.push({
+				type: "span",
+				id: span.spanId,
+				depth,
+				span,
+				childCount: kids.length
+			});
+			if (!opts.collapsed.has(span.spanId)) walk(kids, depth + 1);
+			i++;
+		}
+	};
+	walk(index.roots, 0);
+	return rows;
+}
+function withAncestors(index, ids) {
+	const out = /* @__PURE__ */ new Set();
+	for (const id of ids) for (let span = index.byId.get(id); span && !out.has(span.spanId); span = span.parentId ? index.byId.get(span.parentId) : void 0) out.add(span.spanId);
+	return out;
+}
+/** Spans that run entirely inside a sibling agent span yet hang off the shared parent — usually lost context propagation. */
+function misparented(index) {
+	const out = /* @__PURE__ */ new Map();
+	for (const siblings of [index.roots, ...index.children.values()]) {
+		const agents = siblings.filter((span) => category(span) === "agent");
+		for (const span of siblings) {
+			const start = index.offsetMs(span);
+			const host = agents.find((agent) => agent !== span && start >= index.offsetMs(agent) && start + span.durationMs <= index.offsetMs(agent) + agent.durationMs);
+			if (host) out.set(span.spanId, host);
+		}
+	}
+	return out;
+}
+/** Wall time of `span` not covered by any direct child. */
+function selfTimeMs(index, span) {
+	const start = index.offsetMs(span);
+	const finish = start + span.durationMs;
+	const intervals = (index.children.get(span.spanId) ?? []).map((child) => [Math.max(start, index.offsetMs(child)), Math.min(finish, index.offsetMs(child) + child.durationMs)]).filter(([s, e]) => e > s).sort((a, b) => a[0] - b[0]);
+	let covered = 0;
+	let end = -Infinity;
+	for (const [s, e] of intervals) {
+		if (e <= end) continue;
+		covered += e - Math.max(s, end);
+		end = e;
+	}
+	return span.durationMs - covered;
+}
+var num = (value) => value === void 0 ? void 0 : Number(value);
+function niceStep(totalMs, ticks = 6) {
+	const raw = totalMs / ticks;
+	const pow = 10 ** Math.floor(Math.log10(raw));
+	return [
+		1,
+		2,
+		5,
+		10
+	].map((m) => m * pow).find((step) => step >= raw);
+}
+exports.CATEGORY_COLOR = CATEGORY_COLOR;
+exports.CATEGORY_LABEL = CATEGORY_LABEL;
+exports.buildRows = buildRows;
+exports.category = category;
+exports.duration = duration;
+exports.indexTrace = indexTrace;
+exports.isError = isError;
+exports.micros = micros;
+exports.misparented = misparented;
+exports.niceStep = niceStep;
+exports.num = num;
+exports.selfTimeMs = selfTimeMs;
+exports.shortOperation = shortOperation;
+exports.withAncestors = withAncestors;
+
+//# sourceMappingURL=model.cjs.map