@flanksource/clicky-ui 0.3.57 → 0.3.59

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

@@ -1,39 +1,75 @@
 import { Button } from "../../../components/button.js";
+import { DataTable } from "../../DataTable.js";
+import { ServerTimingBadge } from "../../ServerTimingBadge.js";
 import { OtelTraceDetail } from "./OtelTraceDetail.js";
 import { ResultTable } from "./TraceResults.js";
-import { spanTraces } from "./span-traces.js";
+import { spanTraces, traceRoot } from "./span-traces.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/data/traces/otel/OtelTraceTable.tsx
-function OtelTraceTable({ spans, selectedTraceId, selectedSpanId, onSelectTrace, onSelectSpan, traceHref, ...tableProps }) {
+function OtelTraceTable({ spans, listing, selectedTraceId, selectedSpanId, onSelectTrace, onSelectSpan, traceHref, renderTraceTitle, serverTiming, ...tableProps }) {
+	const listingRows = listing?.rows;
 	const result = useMemo(() => {
 		try {
-			return { traces: spanTraces(spans) };
+			const traces = spanTraces(spans);
+			return {
+				traces,
+				rows: listingRows && !selectedTraceId ? traces.map((trace) => {
+					const root = traceRoot(trace.spans);
+					const position = listingRows.findIndex((row) => {
+						const span = row._trace;
+						return span?.traceId === root.traceId && span.spanId === root.spanId;
+					});
+					if (position < 0) throw new Error(`Trace ${root.traceId} is missing its mapped root row`);
+					return {
+						position,
+						row: {
+							...listingRows[position],
+							_traceId: trace.summary.traceId
+						}
+					};
+				}).sort((a, b) => a.position - b.position).map(({ row }) => row) : void 0
+			};
 		} catch (error) {
 			return { error: error instanceof Error ? error.message : String(error) };
 		}
-	}, [spans]);
+	}, [
+		spans,
+		listingRows,
+		selectedTraceId
+	]);
 	const selected = result.traces?.find((trace) => trace.summary.traceId === selectedTraceId);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-0 min-w-0 space-y-3",
+		className: "flex min-h-0 min-w-0 flex-1 flex-col gap-3",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-sm text-muted-foreground",
+			className: "shrink-0 text-sm text-muted-foreground",
 			children: "Traces from loaded rows. Filters and paging can leave traces incomplete."
 		}), result.error ? /* @__PURE__ */ jsxs("p", {
 			role: "alert",
 			children: ["Cannot render traces: ", result.error]
-		}) : selectedTraceId ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+		}) : selectedTraceId ? /* @__PURE__ */ jsxs(Fragment$1, { children: [!renderTraceTitle && /* @__PURE__ */ jsx(Button, {
 			variant: "link",
+			className: "self-start",
 			onClick: () => onSelectTrace(),
 			children: "Back to traces"
 		}), selected ? /* @__PURE__ */ jsx(OtelTraceDetail, {
 			trace: selected,
 			...selectedSpanId ? { selectedSpanId } : {},
+			...renderTraceTitle ? { renderTitle: renderTraceTitle } : {},
 			onSelectSpan
 		}) : /* @__PURE__ */ jsx("p", {
 			role: "status",
 			children: "This trace is not in the loaded rows. Return to traces or adjust the profile filters."
-		})] }) : /* @__PURE__ */ jsx(ResultTable, {
+		})] }) : listing ? /* @__PURE__ */ jsx(DataTable, {
+			...tableProps,
+			...serverTiming?.length ? { filterBarProps: { trailing: /* @__PURE__ */ jsx(ServerTimingBadge, { metrics: serverTiming }) } } : {},
+			data: result.rows,
+			columns: listing.columns,
+			autoFilter: false,
+			getRowId: (row) => String(row._traceId),
+			onRowClick: (row) => onSelectTrace(String(row._traceId)),
+			...listing.linkRows === false ? {} : { getRowHref: (row) => traceHref(String(row._traceId)) }
+		}) : /* @__PURE__ */ jsx(ResultTable, {
 			traces: result.traces.map((trace) => trace.summary),
 			href: traceHref,
 			onOpen: onSelectTrace,

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

@@ -1 +1 @@
-{"version":3,"file":"OtelTraceTable.js","names":["_Fragment"],"sources":["../../../../src/data/traces/otel/OtelTraceTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Button } from \"../../../components\";\nimport type { DataTableProps } from \"../../DataTable\";\nimport { OtelTraceDetail } from \"./OtelTraceDetail\";\nimport { ResultTable } from \"./TraceResults\";\nimport type { Span, Summary } from \"./api\";\nimport { spanTraces } from \"./span-traces\";\n\nexport type OtelTraceTableProps = Pick<DataTableProps<Summary>, \"externalFilters\" | \"externalSearch\" | \"externalTimeRange\" | \"pagination\" | \"infinite\" | \"loading\"> & {\n  spans: readonly Span[];\n  selectedTraceId?: string;\n  selectedSpanId?: string;\n  onSelectTrace: (id?: string) => void;\n  onSelectSpan: (id: string) => void;\n  traceHref: (id: string) => string;\n};\n\nexport function OtelTraceTable({ spans, selectedTraceId, selectedSpanId, onSelectTrace, onSelectSpan, traceHref, ...tableProps }: OtelTraceTableProps) {\n  const result = useMemo(() => {\n    try { return { traces: spanTraces(spans) }; }\n    catch (error) { return { error: error instanceof Error ? error.message : String(error) }; }\n  }, [spans]);\n  const selected = result.traces?.find(trace => trace.summary.traceId === selectedTraceId);\n  return <div className=\"min-h-0 min-w-0 space-y-3\">\n    <p className=\"text-sm text-muted-foreground\">Traces from loaded rows. Filters and paging can leave traces incomplete.</p>\n    {result.error ? <p role=\"alert\">Cannot render traces: {result.error}</p> : selectedTraceId ? <>\n      <Button variant=\"link\" onClick={() => onSelectTrace()}>Back to traces</Button>\n      {selected ? <OtelTraceDetail trace={selected} {...(selectedSpanId ? { selectedSpanId } : {})} onSelectSpan={onSelectSpan} /> : <p role=\"status\">This trace is not in the loaded rows. Return to traces or adjust the profile filters.</p>}\n    </> : <ResultTable traces={result.traces!.map(trace => trace.summary)} href={traceHref} onOpen={onSelectTrace} now={Date.now()} tableProps={tableProps} />}\n  </div>;\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,eAAe,EAAE,OAAO,iBAAiB,gBAAgB,eAAe,cAAc,WAAW,GAAG,cAAmC;CACrJ,MAAM,SAAS,cAAc;EAC3B,IAAI;GAAE,OAAO,EAAE,QAAQ,WAAW,KAAK,EAAE;EAAG,SACrC,OAAO;GAAE,OAAO,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAE;EAAG;CAC5F,GAAG,CAAC,KAAK,CAAC;CACV,MAAM,WAAW,OAAO,QAAQ,MAAK,UAAS,MAAM,QAAQ,YAAY,eAAe;CACvF,OAAO,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACL,oBAAC,KAAD;GAAG,WAAU;GAAgC,UAAA;EAA2E,CAAA,GACvH,OAAO,QAAQ,qBAAC,KAAD;GAAG,MAAK;GAAR,UAAA,CAAgB,0BAAuB,OAAO,KAAS;EAAI,CAAA,IAAA,kBAAkB,qBAAAA,YAAA,EAAA,UAAA,CAC3F,oBAAC,QAAD;GAAQ,SAAQ;GAAO,eAAe,cAAc;GAAG,UAAA;EAAsB,CAAA,GAC5E,WAAW,oBAAC,iBAAD;GAAiB,OAAO;GAAU,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAAkB;EAAe,CAAA,IAAI,oBAAC,KAAD;GAAG,MAAK;GAAS,UAAA;EAAwF,CAAA,CACxO,EAAA,CAAA,IAAI,oBAAC,aAAD;GAAa,QAAQ,OAAO,OAAQ,KAAI,UAAS,MAAM,OAAO;GAAG,MAAM;GAAW,QAAQ;GAAe,KAAK,KAAK,IAAI;GAAe;EAAa,CAAA,CACtJ;;AACP"}
+{"version":3,"file":"OtelTraceTable.js","names":["_Fragment"],"sources":["../../../../src/data/traces/otel/OtelTraceTable.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Button } from \"../../../components\";\nimport type { DataTableProps } from \"../../DataTable\";\nimport { OtelTraceDetail } from \"./OtelTraceDetail\";\nimport { ResultTable } from \"./TraceResults\";\nimport type { Span, Summary } from \"./api\";\nimport { spanTraces, traceRoot } from \"./span-traces\";\nimport { DataTable, type DataTableColumn } from \"../../DataTable\";\nimport { ServerTimingBadge } from \"../../ServerTimingBadge\";\nimport type { ServerTimingMetric } from \"../../server-timing\";\n\nexport type OtelTraceTableProps = Pick<\n  DataTableProps<Summary>,\n  | \"externalFilters\"\n  | \"externalSearch\"\n  | \"externalTimeRange\"\n  | \"pagination\"\n  | \"infinite\"\n  | \"loading\"\n  | \"menuActions\"\n  | \"sort\"\n  | \"onSortChange\"\n  | \"manualSort\"\n  | \"cellFilters\"\n  | \"onCellFilterChange\"\n> & {\n  spans: readonly Span[];\n  listing?: {\n    rows: Record<string, unknown>[];\n    columns: DataTableColumn<Record<string, unknown>>[];\n    linkRows?: boolean;\n  };\n  selectedTraceId?: string;\n  selectedSpanId?: string;\n  onSelectTrace: (id?: string) => void;\n  onSelectSpan: (id: string) => void;\n  traceHref: (id: string) => string;\n  /** Places the open trace's title elsewhere (e.g. a breadcrumb in the app shell's top bar), replacing the inline \"Back to traces\" link. */\n  renderTraceTitle?: (title: ReactNode) => ReactNode;\n  /** The listing response's Server-Timing metrics, shown as a badge in the listing's filter bar. */\n  serverTiming?: readonly ServerTimingMetric[];\n};\n\nexport function OtelTraceTable({\n  spans,\n  listing,\n  selectedTraceId,\n  selectedSpanId,\n  onSelectTrace,\n  onSelectSpan,\n  traceHref,\n  renderTraceTitle,\n  serverTiming,\n  ...tableProps\n}: OtelTraceTableProps) {\n  const listingRows = listing?.rows;\n  const result = useMemo(() => {\n    try {\n      const traces = spanTraces(spans);\n      // One row per trace, at its root span's position in the loaded rows: those\n      // arrive in the server's sort, which the listing must keep. The detail\n      // view does not use them, so they are only mapped while listing.\n      const rows =\n        listingRows && !selectedTraceId\n          ? traces\n              .map((trace) => {\n                const root = traceRoot(trace.spans);\n                const position = listingRows.findIndex((row) => {\n                  const span = row._trace as Span | undefined;\n                  return span?.traceId === root.traceId && span.spanId === root.spanId;\n                });\n                if (position < 0)\n                  throw new Error(`Trace ${root.traceId} is missing its mapped root row`);\n                return { position, row: { ...listingRows[position]!, _traceId: trace.summary.traceId } };\n              })\n              .sort((a, b) => a.position - b.position)\n              .map(({ row }) => row)\n          : undefined;\n      return { traces, rows };\n    } catch (error) {\n      return { error: error instanceof Error ? error.message : String(error) };\n    }\n  }, [spans, listingRows, selectedTraceId]);\n  const selected = result.traces?.find(\n    (trace) => trace.summary.traceId === selectedTraceId,\n  );\n  return (\n    // A flex column so the listing's DataTable fills a bounded parent: its body\n    // scrolls and the pagination footer stays on screen.\n    <div className=\"flex min-h-0 min-w-0 flex-1 flex-col gap-3\">\n      <p className=\"shrink-0 text-sm text-muted-foreground\">\n        Traces from loaded rows. Filters and paging can leave traces incomplete.\n      </p>\n      {result.error ? (\n        <p role=\"alert\">Cannot render traces: {result.error}</p>\n      ) : selectedTraceId ? (\n        <>\n          {!renderTraceTitle && (\n            <Button variant=\"link\" className=\"self-start\" onClick={() => onSelectTrace()}>\n              Back to traces\n            </Button>\n          )}\n          {selected ? (\n            <OtelTraceDetail\n              trace={selected}\n              {...(selectedSpanId ? { selectedSpanId } : {})}\n              {...(renderTraceTitle ? { renderTitle: renderTraceTitle } : {})}\n              onSelectSpan={onSelectSpan}\n            />\n          ) : (\n            <p role=\"status\">\n              This trace is not in the loaded rows. Return to traces or adjust\n              the profile filters.\n            </p>\n          )}\n        </>\n      ) : listing ? (\n        <DataTable\n          {...tableProps}\n          {...(serverTiming?.length\n            ? { filterBarProps: { trailing: <ServerTimingBadge metrics={serverTiming} /> } }\n            : {})}\n          data={result.rows!}\n          columns={listing.columns}\n          autoFilter={false}\n          getRowId={(row) => String(row._traceId)}\n          onRowClick={(row) => onSelectTrace(String(row._traceId))}\n          {...(listing.linkRows === false\n            ? {}\n            : {\n                getRowHref: (row: Record<string, unknown>) =>\n                  traceHref(String(row._traceId)),\n              })}\n        />\n      ) : (\n        <ResultTable\n          traces={result.traces!.map((trace) => trace.summary)}\n          href={traceHref}\n          onOpen={onSelectTrace}\n          now={Date.now()}\n          tableProps={tableProps}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA2CA,SAAgB,eAAe,EAC7B,OACA,SACA,iBACA,gBACA,eACA,cACA,WACA,kBACA,cACA,GAAG,cACmB;CACtB,MAAM,cAAc,SAAS;CAC7B,MAAM,SAAS,cAAc;EAC3B,IAAI;GACF,MAAM,SAAS,WAAW,KAAK;GAoB/B,OAAO;IAAE;IAAQ,MAff,eAAe,CAAC,kBACZ,OACG,KAAK,UAAU;KACd,MAAM,OAAO,UAAU,MAAM,KAAK;KAClC,MAAM,WAAW,YAAY,WAAW,QAAQ;MAC9C,MAAM,OAAO,IAAI;MACjB,OAAO,MAAM,YAAY,KAAK,WAAW,KAAK,WAAW,KAAK;KAChE,CAAC;KACD,IAAI,WAAW,GACb,MAAM,IAAI,MAAM,SAAS,KAAK,QAAQ,gCAAgC;KACxE,OAAO;MAAE;MAAU,KAAK;OAAE,GAAG,YAAY;OAAY,UAAU,MAAM,QAAQ;MAAQ;KAAE;IACzF,CAAC,CAAC,CACD,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,CACvC,KAAK,EAAE,UAAU,GAAG,IACvB,KAAA;GACgB;EACxB,SAAS,OAAO;GACd,OAAO,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAE;EACzE;CACF,GAAG;EAAC;EAAO;EAAa;CAAe,CAAC;CACxC,MAAM,WAAW,OAAO,QAAQ,MAC7B,UAAU,MAAM,QAAQ,YAAY,eACvC;CACA,OAGE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,KAAD;GAAG,WAAU;GAAyC,UAAA;EAEnD,CAAA,GACF,OAAO,QACN,qBAAC,KAAD;GAAG,MAAK;GAAR,UAAA,CAAgB,0BAAuB,OAAO,KAAS;EACrD,CAAA,IAAA,kBACF,qBAAAA,YAAA,EAAA,UAAA,CACG,CAAC,oBACA,oBAAC,QAAD;GAAQ,SAAQ;GAAO,WAAU;GAAa,eAAe,cAAc;GAAG,UAAA;EAEtE,CAAA,GAET,WACC,oBAAC,iBAAD;GACE,OAAO;GACP,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,mBAAmB,EAAE,aAAa,iBAAiB,IAAI,CAAC;GAC/C;EACf,CAAA,IAED,oBAAC,KAAD;GAAG,MAAK;GAAS,UAAA;EAGd,CAAA,CAEL,EAAA,CAAA,IACA,UACF,oBAAC,WAAD;GACE,GAAI;GACJ,GAAK,cAAc,SACf,EAAE,gBAAgB,EAAE,UAAU,oBAAC,mBAAD,EAAmB,SAAS,aAAe,CAAA,EAAE,EAAE,IAC7E,CAAC;GACL,MAAM,OAAO;GACb,SAAS,QAAQ;GACjB,YAAY;GACZ,WAAW,QAAQ,OAAO,IAAI,QAAQ;GACtC,aAAa,QAAQ,cAAc,OAAO,IAAI,QAAQ,CAAC;GACvD,GAAK,QAAQ,aAAa,QACtB,CAAC,IACD,EACE,aAAa,QACX,UAAU,OAAO,IAAI,QAAQ,CAAC,EAClC;EACL,CAAA,IAED,oBAAC,aAAD;GACE,QAAQ,OAAO,OAAQ,KAAK,UAAU,MAAM,OAAO;GACnD,MAAM;GACN,QAAQ;GACR,KAAK,KAAK,IAAI;GACF;EACb,CAAA,CAEA;;AAET"}

package/dist/data/traces/otel/profile-listing.cjs

@@ -0,0 +1,61 @@
+const require_Clicky = require("../../Clicky.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/traces/otel/profile-listing.tsx
+var presentedCell = (row, name) => row._presentation[name];
+/**
+* The listing's table sort bound to the server's: a header click becomes the
+* column's `sortKey`, and the server's current sort marks its column. The rows
+* arrive in that order, so the table must not re-sort them itself.
+*/
+function profileListingSort(table, server) {
+	const columns = table.columns ?? [];
+	const byName = (name) => {
+		const column = columns.find((candidate) => candidate.name === name);
+		if (!column?.sortKey) throw new Error(`Trace listing column ${name} does not declare a server sort key`);
+		return column;
+	};
+	let sort = null;
+	if (server.value) {
+		const column = columns.find((candidate) => candidate.sortKey === server.value.key);
+		if (!column) throw new Error(`Server sort key ${server.value.key} does not match a trace listing column`);
+		sort = {
+			key: column.name,
+			dir: server.value.dir
+		};
+	}
+	return {
+		sort,
+		onSortChange: (next) => server.onChange(next ? {
+			key: byName(next.key).sortKey,
+			dir: next.dir
+		} : null),
+		manualSort: true
+	};
+}
+function profileTraceListing(rows, table) {
+	if (table.kind !== "table" || !table.columns || table.rows?.length !== rows.length) throw new Error("Trace listing requires a rendered table matching the span rows");
+	return {
+		rows: rows.map((row, index) => ({
+			...row,
+			_presentation: table.rows[index].cells
+		})),
+		columns: table.columns.filter((column) => !column.defaultHidden).map((column) => ({
+			key: column.name,
+			label: column.header ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Clicky.ClickyNodeRenderer, { node: column.header }) : column.label ?? column.name,
+			render: (_value, row) => {
+				const cell = presentedCell(row, column.name);
+				return cell ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Clicky.ClickyNodeRenderer, { node: cell }) : null;
+			},
+			sortable: Boolean(column.sortKey),
+			...column.filterable !== void 0 ? { filterable: column.filterable } : {},
+			...column.filterKey ? {
+				filterKey: column.filterKey,
+				serverFilterValue: (value, row) => presentedCell(row, column.name)?.filterValue ?? value
+			} : {}
+		}))
+	};
+}
+exports.profileListingSort = profileListingSort;
+exports.profileTraceListing = profileTraceListing;
+
+//# sourceMappingURL=profile-listing.cjs.map

package/dist/data/traces/otel/profile-listing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-listing.cjs","names":["ClickyNodeRenderer"],"sources":["../../../../src/data/traces/otel/profile-listing.tsx"],"sourcesContent":["import { ClickyNodeRenderer, type ClickyNode } from \"../../Clicky\";\nimport type { DataTableColumn } from \"../../DataTable\";\nimport type { SortState } from \"../../../hooks/use-sort\";\n\nconst presentedCell = (row: Record<string, unknown>, name: string) =>\n  (row._presentation as Record<string, ClickyNode>)[name];\n\n/**\n * The listing's table sort bound to the server's: a header click becomes the\n * column's `sortKey`, and the server's current sort marks its column. The rows\n * arrive in that order, so the table must not re-sort them itself.\n */\nexport function profileListingSort(\n  table: ClickyNode,\n  server: { value: SortState | null; onChange: (sort: SortState | null) => void },\n): { sort: SortState | null; onSortChange: (sort: SortState | null) => void; manualSort: true } {\n  const columns = table.columns ?? [];\n  const byName = (name: string) => {\n    const column = columns.find((candidate) => candidate.name === name);\n    if (!column?.sortKey) throw new Error(`Trace listing column ${name} does not declare a server sort key`);\n    return column;\n  };\n  let sort: SortState | null = null;\n  if (server.value) {\n    const column = columns.find((candidate) => candidate.sortKey === server.value!.key);\n    if (!column) throw new Error(`Server sort key ${server.value.key} does not match a trace listing column`);\n    sort = { key: column.name, dir: server.value.dir };\n  }\n  return {\n    sort,\n    onSortChange: (next) => server.onChange(next ? { key: byName(next.key).sortKey!, dir: next.dir } : null),\n    manualSort: true,\n  };\n}\n\nexport function profileTraceListing(\n  rows: Record<string, unknown>[],\n  table: ClickyNode,\n) {\n  if (\n    table.kind !== \"table\" ||\n    !table.columns ||\n    table.rows?.length !== rows.length\n  )\n    throw new Error(\n      \"Trace listing requires a rendered table matching the span rows\",\n    );\n  const presented = rows.map((row, index) => ({\n    ...row,\n    _presentation: table.rows![index]!.cells,\n  }));\n  const columns: DataTableColumn<Record<string, unknown>>[] = table.columns\n    .filter((column) => !column.defaultHidden)\n    .map((column) => ({\n      key: column.name,\n      label: column.header ? (\n        <ClickyNodeRenderer node={column.header} />\n      ) : (\n        (column.label ?? column.name)\n      ),\n      render: (_value, row) => {\n        const cell = presentedCell(row, column.name);\n        return cell ? <ClickyNodeRenderer node={cell} /> : null;\n      },\n      sortable: Boolean(column.sortKey),\n      ...(column.filterable !== undefined ? { filterable: column.filterable } : {}),\n      // The server-filter key is what gives a cell its include/exclude hover\n      // actions; the value is the one the server matches, not the display text.\n      ...(column.filterKey\n        ? {\n            filterKey: column.filterKey,\n            serverFilterValue: (value: unknown, row: Record<string, unknown>) =>\n              presentedCell(row, column.name)?.filterValue ?? value,\n          }\n        : {}),\n    }));\n  return { rows: presented, columns };\n}\n"],"mappings":";;;AAIA,IAAM,iBAAiB,KAA8B,SAClD,IAAI,cAA6C;;;;;;AAOpD,SAAgB,mBACd,OACA,QAC8F;CAC9F,MAAM,UAAU,MAAM,WAAW,CAAC;CAClC,MAAM,UAAU,SAAiB;EAC/B,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,SAAS,IAAI;EAClE,IAAI,CAAC,QAAQ,SAAS,MAAM,IAAI,MAAM,wBAAwB,KAAK,oCAAoC;EACvG,OAAO;CACT;CACA,IAAI,OAAyB;CAC7B,IAAI,OAAO,OAAO;EAChB,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,YAAY,OAAO,MAAO,GAAG;EAClF,IAAI,CAAC,QAAQ,MAAM,IAAI,MAAM,mBAAmB,OAAO,MAAM,IAAI,uCAAuC;EACxG,OAAO;GAAE,KAAK,OAAO;GAAM,KAAK,OAAO,MAAM;EAAI;CACnD;CACA,OAAO;EACL;EACA,eAAe,SAAS,OAAO,SAAS,OAAO;GAAE,KAAK,OAAO,KAAK,GAAG,CAAC,CAAC;GAAU,KAAK,KAAK;EAAI,IAAI,IAAI;EACvG,YAAY;CACd;AACF;AAEA,SAAgB,oBACd,MACA,OACA;CACA,IACE,MAAM,SAAS,WACf,CAAC,MAAM,WACP,MAAM,MAAM,WAAW,KAAK,QAE5B,MAAM,IAAI,MACR,gEACF;CA8BF,OAAO;EAAE,MA7BS,KAAK,KAAK,KAAK,WAAW;GAC1C,GAAG;GACH,eAAe,MAAM,KAAM,MAAM,CAAE;EACrC,EA0Be;EAAW,SAzBkC,MAAM,QAC/D,QAAQ,WAAW,CAAC,OAAO,aAAa,CAAC,CACzC,KAAK,YAAY;GAChB,KAAK,OAAO;GACZ,OAAO,OAAO,SACZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,oBAAD,EAAoB,MAAM,OAAO,OAAS,CAAA,IAEzC,OAAO,SAAS,OAAO;GAE1B,SAAS,QAAQ,QAAQ;IACvB,MAAM,OAAO,cAAc,KAAK,OAAO,IAAI;IAC3C,OAAO,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,oBAAD,EAAoB,MAAM,KAAO,CAAA,IAAI;GACrD;GACA,UAAU,QAAQ,OAAO,OAAO;GAChC,GAAI,OAAO,eAAe,KAAA,IAAY,EAAE,YAAY,OAAO,WAAW,IAAI,CAAC;GAG3E,GAAI,OAAO,YACP;IACE,WAAW,OAAO;IAClB,oBAAoB,OAAgB,QAClC,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE,eAAe;GACpD,IACA,CAAC;EACP,EACwB;CAAQ;AACpC"}

package/dist/data/traces/otel/profile-listing.d.ts

@@ -0,0 +1,23 @@
+import { ClickyNode } from '../../Clicky.js';
+import { DataTableColumn } from '../../DataTable.js';
+import { SortState } from '../../../hooks/use-sort.js';
+/**
+ * The listing's table sort bound to the server's: a header click becomes the
+ * column's `sortKey`, and the server's current sort marks its column. The rows
+ * arrive in that order, so the table must not re-sort them itself.
+ */
+export declare function profileListingSort(table: ClickyNode, server: {
+    value: SortState | null;
+    onChange: (sort: SortState | null) => void;
+}): {
+    sort: SortState | null;
+    onSortChange: (sort: SortState | null) => void;
+    manualSort: true;
+};
+export declare function profileTraceListing(rows: Record<string, unknown>[], table: ClickyNode): {
+    rows: {
+        _presentation: Record<string, ClickyNode>;
+    }[];
+    columns: DataTableColumn<Record<string, unknown>>[];
+};
+//# sourceMappingURL=profile-listing.d.ts.map

package/dist/data/traces/otel/profile-listing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-listing.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/profile-listing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKzD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE;IAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,GAC9E;IAAE,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,UAAU,EAAE,IAAI,CAAA;CAAE,CAkB9F;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,KAAK,EAAE,UAAU;;;;;EAwClB"}

package/dist/data/traces/otel/profile-listing.js

@@ -0,0 +1,60 @@
+import { ClickyNodeRenderer } from "../../Clicky.js";
+import { jsx } from "react/jsx-runtime";
+// src/data/traces/otel/profile-listing.tsx
+var presentedCell = (row, name) => row._presentation[name];
+/**
+* The listing's table sort bound to the server's: a header click becomes the
+* column's `sortKey`, and the server's current sort marks its column. The rows
+* arrive in that order, so the table must not re-sort them itself.
+*/
+function profileListingSort(table, server) {
+	const columns = table.columns ?? [];
+	const byName = (name) => {
+		const column = columns.find((candidate) => candidate.name === name);
+		if (!column?.sortKey) throw new Error(`Trace listing column ${name} does not declare a server sort key`);
+		return column;
+	};
+	let sort = null;
+	if (server.value) {
+		const column = columns.find((candidate) => candidate.sortKey === server.value.key);
+		if (!column) throw new Error(`Server sort key ${server.value.key} does not match a trace listing column`);
+		sort = {
+			key: column.name,
+			dir: server.value.dir
+		};
+	}
+	return {
+		sort,
+		onSortChange: (next) => server.onChange(next ? {
+			key: byName(next.key).sortKey,
+			dir: next.dir
+		} : null),
+		manualSort: true
+	};
+}
+function profileTraceListing(rows, table) {
+	if (table.kind !== "table" || !table.columns || table.rows?.length !== rows.length) throw new Error("Trace listing requires a rendered table matching the span rows");
+	return {
+		rows: rows.map((row, index) => ({
+			...row,
+			_presentation: table.rows[index].cells
+		})),
+		columns: table.columns.filter((column) => !column.defaultHidden).map((column) => ({
+			key: column.name,
+			label: column.header ? /* @__PURE__ */ jsx(ClickyNodeRenderer, { node: column.header }) : column.label ?? column.name,
+			render: (_value, row) => {
+				const cell = presentedCell(row, column.name);
+				return cell ? /* @__PURE__ */ jsx(ClickyNodeRenderer, { node: cell }) : null;
+			},
+			sortable: Boolean(column.sortKey),
+			...column.filterable !== void 0 ? { filterable: column.filterable } : {},
+			...column.filterKey ? {
+				filterKey: column.filterKey,
+				serverFilterValue: (value, row) => presentedCell(row, column.name)?.filterValue ?? value
+			} : {}
+		}))
+	};
+}
+export { profileListingSort, profileTraceListing };
+
+//# sourceMappingURL=profile-listing.js.map

package/dist/data/traces/otel/profile-listing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-listing.js","names":[],"sources":["../../../../src/data/traces/otel/profile-listing.tsx"],"sourcesContent":["import { ClickyNodeRenderer, type ClickyNode } from \"../../Clicky\";\nimport type { DataTableColumn } from \"../../DataTable\";\nimport type { SortState } from \"../../../hooks/use-sort\";\n\nconst presentedCell = (row: Record<string, unknown>, name: string) =>\n  (row._presentation as Record<string, ClickyNode>)[name];\n\n/**\n * The listing's table sort bound to the server's: a header click becomes the\n * column's `sortKey`, and the server's current sort marks its column. The rows\n * arrive in that order, so the table must not re-sort them itself.\n */\nexport function profileListingSort(\n  table: ClickyNode,\n  server: { value: SortState | null; onChange: (sort: SortState | null) => void },\n): { sort: SortState | null; onSortChange: (sort: SortState | null) => void; manualSort: true } {\n  const columns = table.columns ?? [];\n  const byName = (name: string) => {\n    const column = columns.find((candidate) => candidate.name === name);\n    if (!column?.sortKey) throw new Error(`Trace listing column ${name} does not declare a server sort key`);\n    return column;\n  };\n  let sort: SortState | null = null;\n  if (server.value) {\n    const column = columns.find((candidate) => candidate.sortKey === server.value!.key);\n    if (!column) throw new Error(`Server sort key ${server.value.key} does not match a trace listing column`);\n    sort = { key: column.name, dir: server.value.dir };\n  }\n  return {\n    sort,\n    onSortChange: (next) => server.onChange(next ? { key: byName(next.key).sortKey!, dir: next.dir } : null),\n    manualSort: true,\n  };\n}\n\nexport function profileTraceListing(\n  rows: Record<string, unknown>[],\n  table: ClickyNode,\n) {\n  if (\n    table.kind !== \"table\" ||\n    !table.columns ||\n    table.rows?.length !== rows.length\n  )\n    throw new Error(\n      \"Trace listing requires a rendered table matching the span rows\",\n    );\n  const presented = rows.map((row, index) => ({\n    ...row,\n    _presentation: table.rows![index]!.cells,\n  }));\n  const columns: DataTableColumn<Record<string, unknown>>[] = table.columns\n    .filter((column) => !column.defaultHidden)\n    .map((column) => ({\n      key: column.name,\n      label: column.header ? (\n        <ClickyNodeRenderer node={column.header} />\n      ) : (\n        (column.label ?? column.name)\n      ),\n      render: (_value, row) => {\n        const cell = presentedCell(row, column.name);\n        return cell ? <ClickyNodeRenderer node={cell} /> : null;\n      },\n      sortable: Boolean(column.sortKey),\n      ...(column.filterable !== undefined ? { filterable: column.filterable } : {}),\n      // The server-filter key is what gives a cell its include/exclude hover\n      // actions; the value is the one the server matches, not the display text.\n      ...(column.filterKey\n        ? {\n            filterKey: column.filterKey,\n            serverFilterValue: (value: unknown, row: Record<string, unknown>) =>\n              presentedCell(row, column.name)?.filterValue ?? value,\n          }\n        : {}),\n    }));\n  return { rows: presented, columns };\n}\n"],"mappings":";;;AAIA,IAAM,iBAAiB,KAA8B,SAClD,IAAI,cAA6C;;;;;;AAOpD,SAAgB,mBACd,OACA,QAC8F;CAC9F,MAAM,UAAU,MAAM,WAAW,CAAC;CAClC,MAAM,UAAU,SAAiB;EAC/B,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,SAAS,IAAI;EAClE,IAAI,CAAC,QAAQ,SAAS,MAAM,IAAI,MAAM,wBAAwB,KAAK,oCAAoC;EACvG,OAAO;CACT;CACA,IAAI,OAAyB;CAC7B,IAAI,OAAO,OAAO;EAChB,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,YAAY,OAAO,MAAO,GAAG;EAClF,IAAI,CAAC,QAAQ,MAAM,IAAI,MAAM,mBAAmB,OAAO,MAAM,IAAI,uCAAuC;EACxG,OAAO;GAAE,KAAK,OAAO;GAAM,KAAK,OAAO,MAAM;EAAI;CACnD;CACA,OAAO;EACL;EACA,eAAe,SAAS,OAAO,SAAS,OAAO;GAAE,KAAK,OAAO,KAAK,GAAG,CAAC,CAAC;GAAU,KAAK,KAAK;EAAI,IAAI,IAAI;EACvG,YAAY;CACd;AACF;AAEA,SAAgB,oBACd,MACA,OACA;CACA,IACE,MAAM,SAAS,WACf,CAAC,MAAM,WACP,MAAM,MAAM,WAAW,KAAK,QAE5B,MAAM,IAAI,MACR,gEACF;CA8BF,OAAO;EAAE,MA7BS,KAAK,KAAK,KAAK,WAAW;GAC1C,GAAG;GACH,eAAe,MAAM,KAAM,MAAM,CAAE;EACrC,EA0Be;EAAW,SAzBkC,MAAM,QAC/D,QAAQ,WAAW,CAAC,OAAO,aAAa,CAAC,CACzC,KAAK,YAAY;GAChB,KAAK,OAAO;GACZ,OAAO,OAAO,SACZ,oBAAC,oBAAD,EAAoB,MAAM,OAAO,OAAS,CAAA,IAEzC,OAAO,SAAS,OAAO;GAE1B,SAAS,QAAQ,QAAQ;IACvB,MAAM,OAAO,cAAc,KAAK,OAAO,IAAI;IAC3C,OAAO,OAAO,oBAAC,oBAAD,EAAoB,MAAM,KAAO,CAAA,IAAI;GACrD;GACA,UAAU,QAAQ,OAAO,OAAO;GAChC,GAAI,OAAO,eAAe,KAAA,IAAY,EAAE,YAAY,OAAO,WAAW,IAAI,CAAC;GAG3E,GAAI,OAAO,YACP;IACE,WAAW,OAAO;IAClB,oBAAoB,OAAgB,QAClC,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE,eAAe;GACpD,IACA,CAAC;EACP,EACwB;CAAQ;AACpC"}

package/dist/data/traces/otel/profile-spans.cjs

@@ -0,0 +1,22 @@
+// src/data/traces/otel/profile-spans.ts
+/** Reads server-normalized spans; source inference belongs to commons-db. */
+function profileSpans(rows) {
+	return rows.map((row, index) => {
+		const span = row._trace;
+		if (!span || typeof span !== "object" || Array.isArray(span)) throw new Error(`Row ${index + 1} is missing its canonical span`);
+		const value = span;
+		for (const key of [
+			"traceId",
+			"spanId",
+			"startedAt",
+			"service",
+			"operation",
+			"status"
+		]) if (typeof value[key] !== "string") throw new Error(`Row ${index + 1} has invalid ${key}`);
+		if (typeof value.durationMs !== "number" || !Number.isFinite(value.durationMs) || value.durationMs < 0) throw new Error(`Row ${index + 1} has invalid durationMs`);
+		return value;
+	});
+}
+exports.profileSpans = profileSpans;
+
+//# sourceMappingURL=profile-spans.cjs.map

package/dist/data/traces/otel/profile-spans.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-spans.cjs","names":[],"sources":["../../../../src/data/traces/otel/profile-spans.ts"],"sourcesContent":["import type { Span } from \"./api\";\n\n/** Reads server-normalized spans; source inference belongs to commons-db. */\nexport function profileSpans(rows: readonly Record<string, unknown>[]): Span[] {\n  return rows.map((row, index) => {\n    const span = row._trace;\n    if (!span || typeof span !== \"object\" || Array.isArray(span))\n      throw new Error(`Row ${index + 1} is missing its canonical span`);\n    const value = span as Record<string, unknown>;\n    for (const key of [\n      \"traceId\",\n      \"spanId\",\n      \"startedAt\",\n      \"service\",\n      \"operation\",\n      \"status\",\n    ])\n      if (typeof value[key] !== \"string\")\n        throw new Error(`Row ${index + 1} has invalid ${key}`);\n    if (\n      typeof value.durationMs !== \"number\" ||\n      !Number.isFinite(value.durationMs) ||\n      value.durationMs < 0\n    )\n      throw new Error(`Row ${index + 1} has invalid durationMs`);\n    return value as Span;\n  });\n}\n"],"mappings":";;AAGA,SAAgB,aAAa,MAAkD;CAC7E,OAAO,KAAK,KAAK,KAAK,UAAU;EAC9B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,GACzD,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,+BAA+B;EAClE,MAAM,QAAQ;EACd,KAAK,MAAM,OAAO;GAChB;GACA;GACA;GACA;GACA;GACA;EACF,GACE,IAAI,OAAO,MAAM,SAAS,UACxB,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,eAAe,KAAK;EACzD,IACE,OAAO,MAAM,eAAe,YAC5B,CAAC,OAAO,SAAS,MAAM,UAAU,KACjC,MAAM,aAAa,GAEnB,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,wBAAwB;EAC3D,OAAO;CACT,CAAC;AACH"}

package/dist/data/traces/otel/profile-spans.d.ts

@@ -0,0 +1,4 @@
+import { Span } from './api.js';
+/** Reads server-normalized spans; source inference belongs to commons-db. */
+export declare function profileSpans(rows: readonly Record<string, unknown>[]): Span[];
+//# sourceMappingURL=profile-spans.d.ts.map

package/dist/data/traces/otel/profile-spans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-spans.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/profile-spans.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAElC,6EAA6E;AAC7E,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,CAwB7E"}

package/dist/data/traces/otel/profile-spans.js

@@ -0,0 +1,22 @@
+// src/data/traces/otel/profile-spans.ts
+/** Reads server-normalized spans; source inference belongs to commons-db. */
+function profileSpans(rows) {
+	return rows.map((row, index) => {
+		const span = row._trace;
+		if (!span || typeof span !== "object" || Array.isArray(span)) throw new Error(`Row ${index + 1} is missing its canonical span`);
+		const value = span;
+		for (const key of [
+			"traceId",
+			"spanId",
+			"startedAt",
+			"service",
+			"operation",
+			"status"
+		]) if (typeof value[key] !== "string") throw new Error(`Row ${index + 1} has invalid ${key}`);
+		if (typeof value.durationMs !== "number" || !Number.isFinite(value.durationMs) || value.durationMs < 0) throw new Error(`Row ${index + 1} has invalid durationMs`);
+		return value;
+	});
+}
+export { profileSpans };
+
+//# sourceMappingURL=profile-spans.js.map

package/dist/data/traces/otel/profile-spans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-spans.js","names":[],"sources":["../../../../src/data/traces/otel/profile-spans.ts"],"sourcesContent":["import type { Span } from \"./api\";\n\n/** Reads server-normalized spans; source inference belongs to commons-db. */\nexport function profileSpans(rows: readonly Record<string, unknown>[]): Span[] {\n  return rows.map((row, index) => {\n    const span = row._trace;\n    if (!span || typeof span !== \"object\" || Array.isArray(span))\n      throw new Error(`Row ${index + 1} is missing its canonical span`);\n    const value = span as Record<string, unknown>;\n    for (const key of [\n      \"traceId\",\n      \"spanId\",\n      \"startedAt\",\n      \"service\",\n      \"operation\",\n      \"status\",\n    ])\n      if (typeof value[key] !== \"string\")\n        throw new Error(`Row ${index + 1} has invalid ${key}`);\n    if (\n      typeof value.durationMs !== \"number\" ||\n      !Number.isFinite(value.durationMs) ||\n      value.durationMs < 0\n    )\n      throw new Error(`Row ${index + 1} has invalid durationMs`);\n    return value as Span;\n  });\n}\n"],"mappings":";;AAGA,SAAgB,aAAa,MAAkD;CAC7E,OAAO,KAAK,KAAK,KAAK,UAAU;EAC9B,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,GACzD,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,+BAA+B;EAClE,MAAM,QAAQ;EACd,KAAK,MAAM,OAAO;GAChB;GACA;GACA;GACA;GACA;GACA;EACF,GACE,IAAI,OAAO,MAAM,SAAS,UACxB,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,eAAe,KAAK;EACzD,IACE,OAAO,MAAM,eAAe,YAC5B,CAAC,OAAO,SAAS,MAAM,UAAU,KACjC,MAAM,aAAa,GAEnB,MAAM,IAAI,MAAM,OAAO,QAAQ,EAAE,wBAAwB;EAC3D,OAAO;CACT,CAAC;AACH"}

package/dist/data/traces/otel/span-traces.cjs

@@ -1,5 +1,10 @@
 const require_model = require("./model.cjs");
 // src/data/traces/otel/span-traces.ts
+/** A trace's root among its start-ordered spans: a parentless span, else the first span whose parent is not in the trace, else the first span. */
+function traceRoot(ordered) {
+	const ids = new Set(ordered.map((span) => span.spanId));
+	return ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? ordered[0];
+}
 function spanTraces(spans) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const span of spans) {
@@ -13,7 +18,7 @@ function spanTraces(spans) {
 		const ordered = [...group].sort((a, b) => require_model.micros(a.startedAt) - require_model.micros(b.startedAt) || a.spanId.localeCompare(b.spanId));
 		const first = ordered[0];
 		const ids = new Set(ordered.map((span) => span.spanId));
-		const root = ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? first;
+		const root = traceRoot(ordered);
 		const start = require_model.micros(first.startedAt);
 		const end = ordered.reduce((latest, span) => Math.max(latest, require_model.micros(span.startedAt) + span.durationMs * 1e3), start);
 		const trace = {
@@ -35,5 +40,6 @@ function spanTraces(spans) {
 	}).sort((a, b) => require_model.micros(b.summary.startedAt) - require_model.micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));
 }
 exports.spanTraces = spanTraces;
+exports.traceRoot = traceRoot;
 
 //# sourceMappingURL=span-traces.cjs.map

package/dist/data/traces/otel/span-traces.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"span-traces.cjs","names":["micros","isError"],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? first;\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,cAAA,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAMA,cAAAA,OAAO,EAAE,SAAS,IAAIA,cAAAA,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK;EACvG,MAAM,QAAQA,cAAAA,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQA,cAAAA,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAOC,cAAAA,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,cAAA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAMD,cAAAA,OAAO,EAAE,QAAQ,SAAS,IAAIA,cAAAA,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}
+{"version":3,"file":"span-traces.cjs","names":["micros","isError"],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\n/** A trace's root among its start-ordered spans: a parentless span, else the first span whose parent is not in the trace, else the first span. */\nexport function traceRoot(ordered: readonly Span[]): Span {\n  const ids = new Set(ordered.map(span => span.spanId));\n  return ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? ordered[0]!;\n}\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = traceRoot(ordered);\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;;AAIA,SAAgB,UAAU,SAAgC;CACxD,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;CACpD,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK,QAAQ;AAC3G;AAEA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,cAAA,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAMA,cAAAA,OAAO,EAAE,SAAS,IAAIA,cAAAA,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,QAAQA,cAAAA,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQA,cAAAA,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAOC,cAAAA,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,cAAA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAMD,cAAAA,OAAO,EAAE,QAAQ,SAAS,IAAIA,cAAAA,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}

package/dist/data/traces/otel/span-traces.d.ts

@@ -1,3 +1,5 @@
 import { Span, Trace } from './api.js';
+/** A trace's root among its start-ordered spans: a parentless span, else the first span whose parent is not in the trace, else the first span. */
+export declare function traceRoot(ordered: readonly Span[]): Span;
 export declare function spanTraces(spans: readonly Span[]): Trace[];
 //# sourceMappingURL=span-traces.d.ts.map

package/dist/data/traces/otel/span-traces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"span-traces.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/span-traces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGzC,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,GAAG,KAAK,EAAE,CAyB1D"}
+{"version":3,"file":"span-traces.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/span-traces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGzC,kJAAkJ;AAClJ,wBAAgB,SAAS,CAAC,OAAO,EAAE,SAAS,IAAI,EAAE,GAAG,IAAI,CAGxD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,GAAG,KAAK,EAAE,CAyB1D"}

package/dist/data/traces/otel/span-traces.js

@@ -1,5 +1,10 @@
 import { indexTrace, isError, micros } from "./model.js";
 // src/data/traces/otel/span-traces.ts
+/** A trace's root among its start-ordered spans: a parentless span, else the first span whose parent is not in the trace, else the first span. */
+function traceRoot(ordered) {
+	const ids = new Set(ordered.map((span) => span.spanId));
+	return ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? ordered[0];
+}
 function spanTraces(spans) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const span of spans) {
@@ -13,7 +18,7 @@ function spanTraces(spans) {
 		const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));
 		const first = ordered[0];
 		const ids = new Set(ordered.map((span) => span.spanId));
-		const root = ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? first;
+		const root = traceRoot(ordered);
 		const start = micros(first.startedAt);
 		const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1e3), start);
 		const trace = {
@@ -34,6 +39,6 @@ function spanTraces(spans) {
 		return trace;
 	}).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));
 }
-export { spanTraces };
+export { spanTraces, traceRoot };
 
 //# sourceMappingURL=span-traces.js.map

package/dist/data/traces/otel/span-traces.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-traces.js","names":[],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? first;\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK;EACvG,MAAM,QAAQ,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAO,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,QAAQ,SAAS,IAAI,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}
+{"version":3,"file":"span-traces.js","names":[],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\n/** A trace's root among its start-ordered spans: a parentless span, else the first span whose parent is not in the trace, else the first span. */\nexport function traceRoot(ordered: readonly Span[]): Span {\n  const ids = new Set(ordered.map(span => span.spanId));\n  return ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? ordered[0]!;\n}\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = traceRoot(ordered);\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;;AAIA,SAAgB,UAAU,SAAgC;CACxD,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;CACpD,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK,QAAQ;AAC3G;AAEA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,QAAQ,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAO,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,QAAQ,SAAS,IAAI,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}

package/dist/data/useClickyTableMenu.cjs

@@ -0,0 +1,33 @@
+const require_useClickyExport = require("./clicky-export/useClickyExport.cjs");
+const require_clicky_download = require("./clicky-download.cjs");
+const require_useDebugAction = require("./useDebugAction.cjs");
+let react = require("react");
+// src/data/useClickyTableMenu.ts
+/**
+* The overflow-menu actions a Clicky result table carries — export (with its
+* dialog) and debug — for a host that renders a result through its own table.
+* Render `dialog` once alongside the table.
+*/
+function useClickyTableMenu({ url, download, pagination }) {
+	const debugAction = require_useDebugAction.useDebugAction();
+	const exporter = require_useClickyExport.useClickyExport({
+		formats: (0, react.useMemo)(() => require_clicky_download.exportFormatOptions({
+			url,
+			download
+		}), [download, url]),
+		scopes: (0, react.useMemo)(() => require_clicky_download.exportScopeOptions(download, pagination), [download, pagination]),
+		onDownload: (0, react.useCallback)(({ format, scope }) => require_clicky_download.runClickyDownload({
+			url: url ?? "",
+			format,
+			scope,
+			download
+		}), [download, url])
+	});
+	return {
+		actions: (0, react.useMemo)(() => [exporter.action, debugAction].filter((action) => action !== void 0), [exporter.action, debugAction]),
+		dialog: exporter.dialog
+	};
+}
+exports.useClickyTableMenu = useClickyTableMenu;
+
+//# sourceMappingURL=useClickyTableMenu.cjs.map

package/dist/data/useClickyTableMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickyTableMenu.cjs","names":["useDebugAction","useClickyExport","useMemo","exportFormatOptions","exportScopeOptions","useCallback","runClickyDownload"],"sources":["../../src/data/useClickyTableMenu.ts"],"sourcesContent":["import { useCallback, useMemo, type ReactNode } from \"react\";\nimport type { DataTableMenuAction, DataTablePagination } from \"./DataTable\";\nimport { useClickyExport } from \"./clicky-export/useClickyExport\";\nimport {\n  exportFormatOptions,\n  exportScopeOptions,\n  runClickyDownload,\n  type ClickyDownloadOptions,\n  type ClickyDownloadScope,\n  type ClickyRemoteFormat,\n} from \"./clicky-download\";\nimport { useDebugAction } from \"./useDebugAction\";\n\n/**\n * The overflow-menu actions a Clicky result table carries — export (with its\n * dialog) and debug — for a host that renders a result through its own table.\n * Render `dialog` once alongside the table.\n */\nexport function useClickyTableMenu({\n  url,\n  download,\n  pagination,\n}: {\n  url?: string | undefined;\n  download?: ClickyDownloadOptions | undefined;\n  pagination?: DataTablePagination | undefined;\n}): { actions: DataTableMenuAction[]; dialog: ReactNode } {\n  // The rows never show the query behind them. \"Debug\" reveals the console,\n  // which holds the record for the run that produced these rows.\n  const debugAction = useDebugAction();\n  const exporter = useClickyExport({\n    formats: useMemo(() => exportFormatOptions({ url, download }), [download, url]),\n    scopes: useMemo(() => exportScopeOptions(download, pagination), [download, pagination]),\n    onDownload: useCallback(\n      ({ format, scope }: { format: string; scope: string | undefined }) =>\n        runClickyDownload({\n          url: url ?? \"\",\n          format: format as ClickyRemoteFormat,\n          scope: scope as ClickyDownloadScope | undefined,\n          download,\n        }),\n      [download, url],\n    ),\n  });\n  const actions = useMemo(\n    () =>\n      [exporter.action, debugAction].filter(\n        (action): action is DataTableMenuAction => action !== undefined,\n      ),\n    [exporter.action, debugAction],\n  );\n  return { actions, dialog: exporter.dialog };\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAgB,mBAAmB,EACjC,KACA,UACA,cAKwD;CAGxD,MAAM,cAAcA,uBAAAA,eAAe;CACnC,MAAM,WAAWC,wBAAAA,gBAAgB;EAC/B,UAAA,GAASC,MAAAA,QAAAA,OAAcC,wBAAAA,oBAAoB;GAAE;GAAK;EAAS,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC;EAC9E,SAAA,GAAQD,MAAAA,QAAAA,OAAcE,wBAAAA,mBAAmB,UAAU,UAAU,GAAG,CAAC,UAAU,UAAU,CAAC;EACtF,aAAA,GAAYC,MAAAA,YAAAA,EACT,EAAE,QAAQ,YACTC,wBAAAA,kBAAkB;GAChB,KAAK,OAAO;GACJ;GACD;GACP;EACF,CAAC,GACH,CAAC,UAAU,GAAG,CAChB;CACF,CAAC;CAQD,OAAO;EAAE,UAAA,GAPOJ,MAAAA,QAAAA,OAEZ,CAAC,SAAS,QAAQ,WAAW,CAAC,CAAC,QAC5B,WAA0C,WAAW,KAAA,CACxD,GACF,CAAC,SAAS,QAAQ,WAAW,CAEtB;EAAS,QAAQ,SAAS;CAAO;AAC5C"}

package/dist/data/useClickyTableMenu.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DataTableMenuAction, DataTablePagination } from './DataTable.js';
+import { ClickyDownloadOptions } from './clicky-download.js';
+/**
+ * The overflow-menu actions a Clicky result table carries — export (with its
+ * dialog) and debug — for a host that renders a result through its own table.
+ * Render `dialog` once alongside the table.
+ */
+export declare function useClickyTableMenu({ url, download, pagination, }: {
+    url?: string | undefined;
+    download?: ClickyDownloadOptions | undefined;
+    pagination?: DataTablePagination | undefined;
+}): {
+    actions: DataTableMenuAction[];
+    dialog: ReactNode;
+};
+//# sourceMappingURL=useClickyTableMenu.d.ts.map

package/dist/data/useClickyTableMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickyTableMenu.d.ts","sourceRoot":"","sources":["../../src/data/useClickyTableMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAIL,KAAK,qBAAqB,EAG3B,MAAM,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,QAAQ,EACR,UAAU,GACX,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC9C,GAAG;IAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CA0BxD"}

package/dist/data/useClickyTableMenu.js

@@ -0,0 +1,33 @@
+import { useClickyExport } from "./clicky-export/useClickyExport.js";
+import { exportFormatOptions, exportScopeOptions, runClickyDownload } from "./clicky-download.js";
+import { useDebugAction } from "./useDebugAction.js";
+import { useCallback, useMemo } from "react";
+// src/data/useClickyTableMenu.ts
+/**
+* The overflow-menu actions a Clicky result table carries — export (with its
+* dialog) and debug — for a host that renders a result through its own table.
+* Render `dialog` once alongside the table.
+*/
+function useClickyTableMenu({ url, download, pagination }) {
+	const debugAction = useDebugAction();
+	const exporter = useClickyExport({
+		formats: useMemo(() => exportFormatOptions({
+			url,
+			download
+		}), [download, url]),
+		scopes: useMemo(() => exportScopeOptions(download, pagination), [download, pagination]),
+		onDownload: useCallback(({ format, scope }) => runClickyDownload({
+			url: url ?? "",
+			format,
+			scope,
+			download
+		}), [download, url])
+	});
+	return {
+		actions: useMemo(() => [exporter.action, debugAction].filter((action) => action !== void 0), [exporter.action, debugAction]),
+		dialog: exporter.dialog
+	};
+}
+export { useClickyTableMenu };
+
+//# sourceMappingURL=useClickyTableMenu.js.map

package/dist/data/useClickyTableMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickyTableMenu.js","names":[],"sources":["../../src/data/useClickyTableMenu.ts"],"sourcesContent":["import { useCallback, useMemo, type ReactNode } from \"react\";\nimport type { DataTableMenuAction, DataTablePagination } from \"./DataTable\";\nimport { useClickyExport } from \"./clicky-export/useClickyExport\";\nimport {\n  exportFormatOptions,\n  exportScopeOptions,\n  runClickyDownload,\n  type ClickyDownloadOptions,\n  type ClickyDownloadScope,\n  type ClickyRemoteFormat,\n} from \"./clicky-download\";\nimport { useDebugAction } from \"./useDebugAction\";\n\n/**\n * The overflow-menu actions a Clicky result table carries — export (with its\n * dialog) and debug — for a host that renders a result through its own table.\n * Render `dialog` once alongside the table.\n */\nexport function useClickyTableMenu({\n  url,\n  download,\n  pagination,\n}: {\n  url?: string | undefined;\n  download?: ClickyDownloadOptions | undefined;\n  pagination?: DataTablePagination | undefined;\n}): { actions: DataTableMenuAction[]; dialog: ReactNode } {\n  // The rows never show the query behind them. \"Debug\" reveals the console,\n  // which holds the record for the run that produced these rows.\n  const debugAction = useDebugAction();\n  const exporter = useClickyExport({\n    formats: useMemo(() => exportFormatOptions({ url, download }), [download, url]),\n    scopes: useMemo(() => exportScopeOptions(download, pagination), [download, pagination]),\n    onDownload: useCallback(\n      ({ format, scope }: { format: string; scope: string | undefined }) =>\n        runClickyDownload({\n          url: url ?? \"\",\n          format: format as ClickyRemoteFormat,\n          scope: scope as ClickyDownloadScope | undefined,\n          download,\n        }),\n      [download, url],\n    ),\n  });\n  const actions = useMemo(\n    () =>\n      [exporter.action, debugAction].filter(\n        (action): action is DataTableMenuAction => action !== undefined,\n      ),\n    [exporter.action, debugAction],\n  );\n  return { actions, dialog: exporter.dialog };\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAgB,mBAAmB,EACjC,KACA,UACA,cAKwD;CAGxD,MAAM,cAAc,eAAe;CACnC,MAAM,WAAW,gBAAgB;EAC/B,SAAS,cAAc,oBAAoB;GAAE;GAAK;EAAS,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC;EAC9E,QAAQ,cAAc,mBAAmB,UAAU,UAAU,GAAG,CAAC,UAAU,UAAU,CAAC;EACtF,YAAY,aACT,EAAE,QAAQ,YACT,kBAAkB;GAChB,KAAK,OAAO;GACJ;GACD;GACP;EACF,CAAC,GACH,CAAC,UAAU,GAAG,CAChB;CACF,CAAC;CAQD,OAAO;EAAE,SAPO,cAEZ,CAAC,SAAS,QAAQ,WAAW,CAAC,CAAC,QAC5B,WAA0C,WAAW,KAAA,CACxD,GACF,CAAC,SAAS,QAAQ,WAAW,CAEtB;EAAS,QAAQ,SAAS;CAAO;AAC5C"}

package/dist/data/version-info.cjs

@@ -14,9 +14,9 @@ function detectMode() {
 /** Resolve build + runtime version metadata. */
 function getVersionInfo() {
 	return {
-		commit: read(() => "4ccb2b26b", ""),
-		tag: read(() => "clicky-ui@0.3.56", ""),
-		date: read(() => "2026-11-02T18:28:00.772Z", ""),
+		commit: read(() => "72e079b38", ""),
+		tag: read(() => "clicky-ui@0.3.58", ""),
+		date: read(() => "2026-11-10T16:45:28.650Z", ""),
 		dirty: read(() => true, false),
 		mode: detectMode()
 	};

package/dist/data/version-info.js

@@ -14,9 +14,9 @@ function detectMode() {
 /** Resolve build + runtime version metadata. */
 function getVersionInfo() {
 	return {
-		commit: read(() => "4ccb2b26b", ""),
-		tag: read(() => "clicky-ui@0.3.56", ""),
-		date: read(() => "2026-11-02T18:27:24.592Z", ""),
+		commit: read(() => "72e079b38", ""),
+		tag: read(() => "clicky-ui@0.3.58", ""),
+		date: read(() => "2026-11-10T16:44:55.856Z", ""),
 		dirty: read(() => true, false),
 		mode: detectMode()
 	};