@flanksource/clicky-ui 0.3.48 → 0.3.50

package/dist/data/traces/TraceView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceView.cjs","sources":["../../../src/data/traces/TraceView.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { inferColumns } from \"../data-table-utils\";\nimport { DataTable } from \"../DataTable\";\nimport { GoProfileTraceView, StackTraceView } from \"./ProcessRecordViews\";\nimport { ProcessTraceTree } from \"./ProcessTraceTree\";\nimport { SqlTraceTable } from \"./SqlTraceTable\";\nimport { TerminalCastPlayer } from \"./TerminalCastPlayer\";\nimport { TraceHarView } from \"./TraceHarView\";\nimport type {\n  GoProfileRecord,\n  HttpExchangeRow,\n  ProcessNodeRow,\n  ProcessSampleRow,\n  SqlStatementRow,\n  StackRecord,\n  TerminalEvent,\n  TraceRow,\n} from \"./types\";\n\nexport type TraceViewProps = {\n  /** The record kind: `http`, `http_proxy`, `pg_proxy`, `sql_statements`, `terminal`, `process_tree`, `goprof`, `stacks`, or any other. */\n  kind: string;\n  /** The kind's records, as its stream stores them. */\n  rows: TraceRow[];\n  /** `process_samples` records of the same root; used by `process_tree` for CPU sparklines. */\n  samples?: TraceRow[];\n  /** Classes applied to the viewer root. */\n  className?: string;\n};\n\n/** Each row of a kind with a dedicated viewer must carry the field that viewer cannot do without. */\nfunction requireField(kind: string, rows: TraceRow[], field: string): void {\n  rows.forEach((row, index) => {\n    if (row[field] === undefined || row[field] === null) {\n      throw new Error(`trace kind \"${kind}\" row ${index} has no \"${field}\"`);\n    }\n  });\n}\n\nfunction GenericTraceTable({ kind, rows }: { kind: string; rows: TraceRow[] }) {\n  const columns = useMemo(() => inferColumns(rows, { literalKeys: true }), [rows]);\n  return <DataTable data={rows} columns={columns} autoFilter emptyMessage={`No ${kind} records`} />;\n}\n\nfunction ProcessTraceView({ rows, samples }: { rows: ProcessNodeRow[]; samples: ProcessSampleRow[] | undefined }) {\n  const [selectedKey, setSelectedKey] = useState<string | null>(null);\n  return <ProcessTraceTree nodes={rows} selectedKey={selectedKey} onSelect={setSelectedKey} {...(samples ? { samples } : {})} />;\n}\n\n/**\n * Renders a trace kind's records with its dedicated viewer: HTTP exchanges in\n * a HAR panel, SQL statements in a table, a terminal session in a cast player,\n * a process tree as a tree, Go profiles as a top-functions profile view per\n * process, stack dumps as one dump per checkpoint per process. Any other kind\n * gets a table over the row keys.\n */\nexport function TraceView({ kind, rows, samples, className }: TraceViewProps) {\n  const body = (() => {\n    switch (kind) {\n      case \"http\":\n      case \"http_proxy\":\n        requireField(kind, rows, \"request\");\n        requireField(kind, rows, \"response\");\n        return <TraceHarView rows={rows as HttpExchangeRow[]} />;\n      case \"pg_proxy\":\n      case \"sql_statements\":\n        requireField(kind, rows, \"sql\");\n        return <SqlTraceTable rows={rows as SqlStatementRow[]} />;\n      case \"terminal\":\n        requireField(kind, rows, \"kind\");\n        requireField(kind, rows, \"offset\");\n        return <TerminalCastPlayer events={rows as TerminalEvent[]} />;\n      case \"process_tree\":\n        requireField(kind, rows, \"key\");\n        if (samples) requireField(\"process_samples\", samples, \"key\");\n        return <ProcessTraceView rows={rows as ProcessNodeRow[]} samples={samples as ProcessSampleRow[] | undefined} />;\n      case \"goprof\":\n        requireField(kind, rows, \"key\");\n        requireField(kind, rows, \"checkpointId\");\n        return <GoProfileTraceView rows={rows as GoProfileRecord[]} />;\n      case \"stacks\":\n        requireField(kind, rows, \"key\");\n        requireField(kind, rows, \"checkpointId\");\n        return <StackTraceView rows={rows as StackRecord[]} />;\n      default:\n        return <GenericTraceTable kind={kind} rows={rows} />;\n    }\n  })();\n  return <div className={cn(\"flex h-full min-h-0 flex-col\", className)}>{body}</div>;\n}\n"],"names":["useMemo","inferColumns","jsx","DataTable","useState","ProcessTraceTree","TraceHarView","SqlTraceTable","TerminalCastPlayer","GoProfileTraceView","StackTraceView","cn"],"mappings":";;;;;;;;;;;;AAgCA,SAAS,aAAa,MAAc,MAAkB,OAAqB;AACzE,OAAK,QAAQ,CAAC,KAAK,UAAU;AAC3B,QAAI,IAAI,KAAK,MAAM,UAAa,IAAI,KAAK,MAAM,MAAM;AACnD,YAAM,IAAI,MAAM,eAAe,IAAI,SAAS,KAAK,YAAY,KAAK,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACH;AAEA,SAAS,kBAAkB,EAAE,MAAM,QAA4C;AAC7E,QAAM,UAAUA,MAAAA,QAAQ,MAAMC,eAAAA,aAAa,MAAM,EAAE,aAAa,KAAA,CAAM,GAAG,CAAC,IAAI,CAAC;AAC/E,SAAOC,2BAAAA,IAACC,UAAAA,WAAA,EAAU,MAAM,MAAM,SAAkB,YAAU,MAAC,cAAc,MAAM,IAAI,WAAA,CAAY;AACjG;AAEA,SAAS,iBAAiB,EAAE,MAAM,WAAgF;AAChH,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAwB,IAAI;AAClE,SAAOF,2BAAAA,IAACG,iBAAAA,kBAAA,EAAiB,OAAO,MAAM,aAA0B,UAAU,gBAAiB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAC9H;AASO,SAAS,UAAU,EAAE,MAAM,MAAM,SAAS,aAA6B;AAC5E,QAAM,QAAQ,MAAM;AAClB,YAAQ,MAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,qBAAa,MAAM,MAAM,SAAS;AAClC,qBAAa,MAAM,MAAM,UAAU;AACnC,eAAOH,+BAACI,aAAAA,gBAAa,MAAiC;AAAA,MACxD,KAAK;AAAA,MACL,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,eAAOJ,+BAACK,cAAAA,iBAAc,MAAiC;AAAA,MACzD,KAAK;AACH,qBAAa,MAAM,MAAM,MAAM;AAC/B,qBAAa,MAAM,MAAM,QAAQ;AACjC,eAAOL,2BAAAA,IAACM,mBAAAA,oBAAA,EAAmB,QAAQ,KAAA,CAAyB;AAAA,MAC9D,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,YAAI,QAAS,cAAa,mBAAmB,SAAS,KAAK;AAC3D,eAAON,2BAAAA,IAAC,kBAAA,EAAiB,MAAgC,QAAA,CAAoD;AAAA,MAC/G,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,qBAAa,MAAM,MAAM,cAAc;AACvC,eAAOA,+BAACO,mBAAAA,sBAAmB,MAAiC;AAAA,MAC9D,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,qBAAa,MAAM,MAAM,cAAc;AACvC,eAAOP,+BAACQ,mBAAAA,kBAAe,MAA6B;AAAA,MACtD;AACE,eAAOR,2BAAAA,IAAC,mBAAA,EAAkB,MAAY,KAAA,CAAY;AAAA,IAAA;AAAA,EAExD,GAAA;AACA,wCAAQ,OAAA,EAAI,WAAWS,MAAAA,GAAG,gCAAgC,SAAS,GAAI,UAAA,MAAK;AAC9E;;"}

package/dist/data/traces/TraceView.d.ts

@@ -0,0 +1,20 @@
+import { TraceRow } from './types.js';
+export type TraceViewProps = {
+    /** The record kind: `http`, `http_proxy`, `pg_proxy`, `sql_statements`, `terminal`, `process_tree`, `goprof`, `stacks`, or any other. */
+    kind: string;
+    /** The kind's records, as its stream stores them. */
+    rows: TraceRow[];
+    /** `process_samples` records of the same root; used by `process_tree` for CPU sparklines. */
+    samples?: TraceRow[];
+    /** Classes applied to the viewer root. */
+    className?: string;
+};
+/**
+ * Renders a trace kind's records with its dedicated viewer: HTTP exchanges in
+ * a HAR panel, SQL statements in a table, a terminal session in a cast player,
+ * a process tree as a tree, Go profiles as a top-functions profile view per
+ * process, stack dumps as one dump per checkpoint per process. Any other kind
+ * gets a table over the row keys.
+ */
+export declare function TraceView({ kind, rows, samples, className }: TraceViewProps): import("react").JSX.Element;
+//# sourceMappingURL=TraceView.d.ts.map

package/dist/data/traces/TraceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceView.d.ts","sourceRoot":"","sources":["../../../src/data/traces/TraceView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAQV,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B,yIAAyI;IACzI,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqBF;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,+BAiC3E"}

package/dist/data/traces/TraceView.js

@@ -0,0 +1,63 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { inferColumns } from "../data-table-utils.js";
+import { DataTable } from "../DataTable.js";
+import { StackTraceView, GoProfileTraceView } from "./ProcessRecordViews.js";
+import { ProcessTraceTree } from "./ProcessTraceTree.js";
+import { SqlTraceTable } from "./SqlTraceTable.js";
+import { TerminalCastPlayer } from "./TerminalCastPlayer.js";
+import { TraceHarView } from "./TraceHarView.js";
+function requireField(kind, rows, field) {
+  rows.forEach((row, index) => {
+    if (row[field] === void 0 || row[field] === null) {
+      throw new Error(`trace kind "${kind}" row ${index} has no "${field}"`);
+    }
+  });
+}
+function GenericTraceTable({ kind, rows }) {
+  const columns = useMemo(() => inferColumns(rows, { literalKeys: true }), [rows]);
+  return /* @__PURE__ */ jsx(DataTable, { data: rows, columns, autoFilter: true, emptyMessage: `No ${kind} records` });
+}
+function ProcessTraceView({ rows, samples }) {
+  const [selectedKey, setSelectedKey] = useState(null);
+  return /* @__PURE__ */ jsx(ProcessTraceTree, { nodes: rows, selectedKey, onSelect: setSelectedKey, ...samples ? { samples } : {} });
+}
+function TraceView({ kind, rows, samples, className }) {
+  const body = (() => {
+    switch (kind) {
+      case "http":
+      case "http_proxy":
+        requireField(kind, rows, "request");
+        requireField(kind, rows, "response");
+        return /* @__PURE__ */ jsx(TraceHarView, { rows });
+      case "pg_proxy":
+      case "sql_statements":
+        requireField(kind, rows, "sql");
+        return /* @__PURE__ */ jsx(SqlTraceTable, { rows });
+      case "terminal":
+        requireField(kind, rows, "kind");
+        requireField(kind, rows, "offset");
+        return /* @__PURE__ */ jsx(TerminalCastPlayer, { events: rows });
+      case "process_tree":
+        requireField(kind, rows, "key");
+        if (samples) requireField("process_samples", samples, "key");
+        return /* @__PURE__ */ jsx(ProcessTraceView, { rows, samples });
+      case "goprof":
+        requireField(kind, rows, "key");
+        requireField(kind, rows, "checkpointId");
+        return /* @__PURE__ */ jsx(GoProfileTraceView, { rows });
+      case "stacks":
+        requireField(kind, rows, "key");
+        requireField(kind, rows, "checkpointId");
+        return /* @__PURE__ */ jsx(StackTraceView, { rows });
+      default:
+        return /* @__PURE__ */ jsx(GenericTraceTable, { kind, rows });
+    }
+  })();
+  return /* @__PURE__ */ jsx("div", { className: cn("flex h-full min-h-0 flex-col", className), children: body });
+}
+export {
+  TraceView
+};
+//# sourceMappingURL=TraceView.js.map

package/dist/data/traces/TraceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceView.js","sources":["../../../src/data/traces/TraceView.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { inferColumns } from \"../data-table-utils\";\nimport { DataTable } from \"../DataTable\";\nimport { GoProfileTraceView, StackTraceView } from \"./ProcessRecordViews\";\nimport { ProcessTraceTree } from \"./ProcessTraceTree\";\nimport { SqlTraceTable } from \"./SqlTraceTable\";\nimport { TerminalCastPlayer } from \"./TerminalCastPlayer\";\nimport { TraceHarView } from \"./TraceHarView\";\nimport type {\n  GoProfileRecord,\n  HttpExchangeRow,\n  ProcessNodeRow,\n  ProcessSampleRow,\n  SqlStatementRow,\n  StackRecord,\n  TerminalEvent,\n  TraceRow,\n} from \"./types\";\n\nexport type TraceViewProps = {\n  /** The record kind: `http`, `http_proxy`, `pg_proxy`, `sql_statements`, `terminal`, `process_tree`, `goprof`, `stacks`, or any other. */\n  kind: string;\n  /** The kind's records, as its stream stores them. */\n  rows: TraceRow[];\n  /** `process_samples` records of the same root; used by `process_tree` for CPU sparklines. */\n  samples?: TraceRow[];\n  /** Classes applied to the viewer root. */\n  className?: string;\n};\n\n/** Each row of a kind with a dedicated viewer must carry the field that viewer cannot do without. */\nfunction requireField(kind: string, rows: TraceRow[], field: string): void {\n  rows.forEach((row, index) => {\n    if (row[field] === undefined || row[field] === null) {\n      throw new Error(`trace kind \"${kind}\" row ${index} has no \"${field}\"`);\n    }\n  });\n}\n\nfunction GenericTraceTable({ kind, rows }: { kind: string; rows: TraceRow[] }) {\n  const columns = useMemo(() => inferColumns(rows, { literalKeys: true }), [rows]);\n  return <DataTable data={rows} columns={columns} autoFilter emptyMessage={`No ${kind} records`} />;\n}\n\nfunction ProcessTraceView({ rows, samples }: { rows: ProcessNodeRow[]; samples: ProcessSampleRow[] | undefined }) {\n  const [selectedKey, setSelectedKey] = useState<string | null>(null);\n  return <ProcessTraceTree nodes={rows} selectedKey={selectedKey} onSelect={setSelectedKey} {...(samples ? { samples } : {})} />;\n}\n\n/**\n * Renders a trace kind's records with its dedicated viewer: HTTP exchanges in\n * a HAR panel, SQL statements in a table, a terminal session in a cast player,\n * a process tree as a tree, Go profiles as a top-functions profile view per\n * process, stack dumps as one dump per checkpoint per process. Any other kind\n * gets a table over the row keys.\n */\nexport function TraceView({ kind, rows, samples, className }: TraceViewProps) {\n  const body = (() => {\n    switch (kind) {\n      case \"http\":\n      case \"http_proxy\":\n        requireField(kind, rows, \"request\");\n        requireField(kind, rows, \"response\");\n        return <TraceHarView rows={rows as HttpExchangeRow[]} />;\n      case \"pg_proxy\":\n      case \"sql_statements\":\n        requireField(kind, rows, \"sql\");\n        return <SqlTraceTable rows={rows as SqlStatementRow[]} />;\n      case \"terminal\":\n        requireField(kind, rows, \"kind\");\n        requireField(kind, rows, \"offset\");\n        return <TerminalCastPlayer events={rows as TerminalEvent[]} />;\n      case \"process_tree\":\n        requireField(kind, rows, \"key\");\n        if (samples) requireField(\"process_samples\", samples, \"key\");\n        return <ProcessTraceView rows={rows as ProcessNodeRow[]} samples={samples as ProcessSampleRow[] | undefined} />;\n      case \"goprof\":\n        requireField(kind, rows, \"key\");\n        requireField(kind, rows, \"checkpointId\");\n        return <GoProfileTraceView rows={rows as GoProfileRecord[]} />;\n      case \"stacks\":\n        requireField(kind, rows, \"key\");\n        requireField(kind, rows, \"checkpointId\");\n        return <StackTraceView rows={rows as StackRecord[]} />;\n      default:\n        return <GenericTraceTable kind={kind} rows={rows} />;\n    }\n  })();\n  return <div className={cn(\"flex h-full min-h-0 flex-col\", className)}>{body}</div>;\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgCA,SAAS,aAAa,MAAc,MAAkB,OAAqB;AACzE,OAAK,QAAQ,CAAC,KAAK,UAAU;AAC3B,QAAI,IAAI,KAAK,MAAM,UAAa,IAAI,KAAK,MAAM,MAAM;AACnD,YAAM,IAAI,MAAM,eAAe,IAAI,SAAS,KAAK,YAAY,KAAK,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACH;AAEA,SAAS,kBAAkB,EAAE,MAAM,QAA4C;AAC7E,QAAM,UAAU,QAAQ,MAAM,aAAa,MAAM,EAAE,aAAa,KAAA,CAAM,GAAG,CAAC,IAAI,CAAC;AAC/E,SAAO,oBAAC,WAAA,EAAU,MAAM,MAAM,SAAkB,YAAU,MAAC,cAAc,MAAM,IAAI,WAAA,CAAY;AACjG;AAEA,SAAS,iBAAiB,EAAE,MAAM,WAAgF;AAChH,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAClE,SAAO,oBAAC,kBAAA,EAAiB,OAAO,MAAM,aAA0B,UAAU,gBAAiB,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA,EAAC,CAAI;AAC9H;AASO,SAAS,UAAU,EAAE,MAAM,MAAM,SAAS,aAA6B;AAC5E,QAAM,QAAQ,MAAM;AAClB,YAAQ,MAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,qBAAa,MAAM,MAAM,SAAS;AAClC,qBAAa,MAAM,MAAM,UAAU;AACnC,eAAO,oBAAC,gBAAa,MAAiC;AAAA,MACxD,KAAK;AAAA,MACL,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,eAAO,oBAAC,iBAAc,MAAiC;AAAA,MACzD,KAAK;AACH,qBAAa,MAAM,MAAM,MAAM;AAC/B,qBAAa,MAAM,MAAM,QAAQ;AACjC,eAAO,oBAAC,oBAAA,EAAmB,QAAQ,KAAA,CAAyB;AAAA,MAC9D,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,YAAI,QAAS,cAAa,mBAAmB,SAAS,KAAK;AAC3D,eAAO,oBAAC,kBAAA,EAAiB,MAAgC,QAAA,CAAoD;AAAA,MAC/G,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,qBAAa,MAAM,MAAM,cAAc;AACvC,eAAO,oBAAC,sBAAmB,MAAiC;AAAA,MAC9D,KAAK;AACH,qBAAa,MAAM,MAAM,KAAK;AAC9B,qBAAa,MAAM,MAAM,cAAc;AACvC,eAAO,oBAAC,kBAAe,MAA6B;AAAA,MACtD;AACE,eAAO,oBAAC,mBAAA,EAAkB,MAAY,KAAA,CAAY;AAAA,IAAA;AAAA,EAExD,GAAA;AACA,6BAAQ,OAAA,EAAI,WAAW,GAAG,gCAAgC,SAAS,GAAI,UAAA,MAAK;AAC9E;"}

package/dist/data/traces/TraceWindowList.cjs

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const TraceView = require("./TraceView.cjs");
+const UNSERVED = "This run's trace store is not served, so its windows cannot be opened.";
+const MAX_SUMMARY_CHIPS = 6;
+const windowKey = (window) => `${window.run_id}:${window.kind}:${window.stream}:${window.afterSeq ?? 0}`;
+const isScalar = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+function SummaryChips({ summary }) {
+  const entries = Object.entries(summary ?? {}).filter(([key, value]) => key !== "count" && isScalar(value)).slice(0, MAX_SUMMARY_CHIPS);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: entries.map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", "data-summary-chip": key, children: [
+    key,
+    ": ",
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: String(value) })
+  ] }, key)) });
+}
+class ViewerBoundary extends react.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {});
+  }
+  static getDerivedStateFromError(error) {
+    return { error: error instanceof Error ? error.message : String(error) };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-xs text-red-700 dark:text-red-400", role: "alert", children: this.state.error });
+    }
+    return this.props.children;
+  }
+}
+function WindowViewer({
+  window,
+  fetchRecords
+}) {
+  const [rows, setRows] = react.useState(null);
+  const [error, setError] = react.useState(void 0);
+  react.useEffect(() => {
+    const abort = new AbortController();
+    fetchRecords(window, abort.signal).then(setRows, (reason) => {
+      if (!abort.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));
+    });
+    return () => abort.abort();
+  }, [window.run_id, window.kind, window.stream, window.afterSeq, window.toSeq]);
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap border-t border-border px-2 py-1.5 text-xs text-red-700 dark:text-red-400", role: "alert", children: error });
+  }
+  if (!rows) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-2 py-1.5 text-xs text-muted-foreground", children: "Loading records..." });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border", style: { height: 420 }, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(TraceView.TraceView, { kind: window.kind, rows }) }) });
+}
+function WindowRow({
+  window,
+  mount,
+  formats,
+  fetchRecords,
+  exportUrl,
+  openUrl
+}) {
+  const [open, setOpen] = react.useState(false);
+  const linkClass = "text-xs text-primary hover:underline";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded border border-border", "data-trace-kind": window.kind, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 px-2 py-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium text-foreground", children: window.kind }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        window.count,
+        " ",
+        window.count === 1 ? "record" : "records"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(SummaryChips, { summary: window.summary }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+      mount && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("a", { className: linkClass, href: openUrl(window), target: "_blank", rel: "noreferrer", children: "Open in query" }),
+        formats.map((format) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: linkClass, href: exportUrl(window, format.name), download: true, children: format.name.toUpperCase() }, format.name)),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: linkClass, onClick: () => setOpen(!open), children: open ? "Hide" : "View" })
+      ] })
+    ] }),
+    window.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap px-2 pb-1.5 text-xs text-red-700 dark:text-red-400", children: window.error }),
+    open && mount && /* @__PURE__ */ jsxRuntime.jsx(WindowViewer, { window, fetchRecords })
+  ] });
+}
+function TraceWindowList({ windows, resolve, formats, fetchRecords, exportUrl, openUrl, error }) {
+  const sources = windows.map((window) => resolve(window));
+  const unavailable = [
+    ...new Set(sources.filter((source) => !source.mount).map((source) => source.unavailable || UNSERVED))
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Traces" }),
+    unavailable.map((reason) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "mb-2 rounded border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300",
+        role: "status",
+        children: reason
+      },
+      reason
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: windows.map((window, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      WindowRow,
+      {
+        window,
+        mount: sources[index].mount,
+        formats: formats(window.kind),
+        fetchRecords,
+        exportUrl,
+        openUrl
+      },
+      windowKey(window)
+    )) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-red-700 dark:text-red-400", children: error })
+  ] });
+}
+exports.TraceWindowList = TraceWindowList;
+//# sourceMappingURL=TraceWindowList.cjs.map

package/dist/data/traces/TraceWindowList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceWindowList.cjs","sources":["../../../src/data/traces/TraceWindowList.tsx"],"sourcesContent":["import { Component, useEffect, useState, type ReactNode } from \"react\";\nimport { TraceView } from \"./TraceView\";\nimport type { TraceRow } from \"./types\";\n\n/** A window of a trace stream a fixture armed: the records after `afterSeq` through `toSeq` (0 = unbounded) of one kind's stream. */\nexport type TraceWindow = {\n  kind: string;\n  stream: string;\n  afterSeq?: number;\n  toSeq?: number;\n  /** The run whose trace store holds the window. */\n  run_id: string;\n  count: number;\n  /** The kind's summary of the window, shown as chips. */\n  summary?: Record<string, unknown>;\n  /** Why the window could not be read. */\n  error?: string;\n};\n\n/** Where a window's run serves its store, or why it does not. */\nexport type TraceWindowSource = {\n  /** Where the store is served; absent when it is not. */\n  mount?: string;\n  /** Why a store that was kept is not served (for example pruned since). */\n  unavailable?: string;\n};\n\nexport type TraceWindowListProps = {\n  windows: TraceWindow[];\n  /** Resolves the store of a window's run. */\n  resolve: (window: TraceWindow) => TraceWindowSource;\n  /** The export formats of a kind, for example `[{ name: \"har\" }]`. */\n  formats: (kind: string) => Array<{ name: string }>;\n  /** Reads a window's records for the inline viewer. Must reject on failure and honour `signal`. */\n  fetchRecords: (window: TraceWindow, signal: AbortSignal) => Promise<TraceRow[]>;\n  /** Download URL of a window in one export format. */\n  exportUrl: (window: TraceWindow, format: string) => string;\n  /** URL of the query app opened at exactly this window. */\n  openUrl: (window: TraceWindow) => string;\n  /** A failure that applies to the whole list, such as the export formats not loading. */\n  error?: string;\n};\n\nconst UNSERVED = \"This run's trace store is not served, so its windows cannot be opened.\";\nconst MAX_SUMMARY_CHIPS = 6;\n\nconst windowKey = (window: TraceWindow) => `${window.run_id}:${window.kind}:${window.stream}:${window.afterSeq ?? 0}`;\n\nconst isScalar = (value: unknown) => typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\";\n\nfunction SummaryChips({ summary }: { summary: Record<string, unknown> | undefined }) {\n  const entries = Object.entries(summary ?? {})\n    .filter(([key, value]) => key !== \"count\" && isScalar(value))\n    .slice(0, MAX_SUMMARY_CHIPS);\n  return (\n    <>\n      {entries.map(([key, value]) => (\n        <span key={key} className=\"rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\" data-summary-chip={key}>\n          {key}: <span className=\"font-mono\">{String(value)}</span>\n        </span>\n      ))}\n    </>\n  );\n}\n\n/** Keeps a viewer that refuses its records (TraceView throws on a row its kind's viewer cannot render) from taking the whole list down. */\nclass ViewerBoundary extends Component<{ children: ReactNode }, { error?: string }> {\n  override state: { error?: string } = {};\n\n  static getDerivedStateFromError(error: unknown) {\n    return { error: error instanceof Error ? error.message : String(error) };\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <div className=\"px-2 py-1.5 text-xs text-red-700 dark:text-red-400\" role=\"alert\">\n          {this.state.error}\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n\nfunction WindowViewer({\n  window,\n  fetchRecords,\n}: {\n  window: TraceWindow;\n  fetchRecords: TraceWindowListProps[\"fetchRecords\"];\n}) {\n  const [rows, setRows] = useState<TraceRow[] | null>(null);\n  const [error, setError] = useState<string | undefined>(undefined);\n  useEffect(() => {\n    const abort = new AbortController();\n    fetchRecords(window, abort.signal).then(setRows, (reason: unknown) => {\n      if (!abort.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));\n    });\n    return () => abort.abort();\n    // The window is identified by its coordinates; the host may rebuild the object each render.\n  }, [window.run_id, window.kind, window.stream, window.afterSeq, window.toSeq]);\n  if (error) {\n    return (\n      <div className=\"whitespace-pre-wrap border-t border-border px-2 py-1.5 text-xs text-red-700 dark:text-red-400\" role=\"alert\">\n        {error}\n      </div>\n    );\n  }\n  if (!rows) return <div className=\"border-t border-border px-2 py-1.5 text-xs text-muted-foreground\">Loading records...</div>;\n  return (\n    <div className=\"border-t border-border\" style={{ height: 420 }}>\n      <ViewerBoundary>\n        <TraceView kind={window.kind} rows={rows} />\n      </ViewerBoundary>\n    </div>\n  );\n}\n\nfunction WindowRow({\n  window,\n  mount,\n  formats,\n  fetchRecords,\n  exportUrl,\n  openUrl,\n}: {\n  window: TraceWindow;\n  mount: string | undefined;\n  formats: Array<{ name: string }>;\n} & Pick<TraceWindowListProps, \"fetchRecords\" | \"exportUrl\" | \"openUrl\">) {\n  const [open, setOpen] = useState(false);\n  const linkClass = \"text-xs text-primary hover:underline\";\n  return (\n    <div className=\"rounded border border-border\" data-trace-kind={window.kind}>\n      <div className=\"flex flex-wrap items-center gap-2 px-2 py-1.5 text-sm\">\n        <span className=\"font-mono font-medium text-foreground\">{window.kind}</span>\n        <span className=\"text-xs text-muted-foreground\">\n          {window.count} {window.count === 1 ? \"record\" : \"records\"}\n        </span>\n        <SummaryChips summary={window.summary} />\n        <span className=\"flex-1\" />\n        {mount && (\n          <>\n            <a className={linkClass} href={openUrl(window)} target=\"_blank\" rel=\"noreferrer\">\n              Open in query\n            </a>\n            {formats.map((format) => (\n              <a key={format.name} className={linkClass} href={exportUrl(window, format.name)} download>\n                {format.name.toUpperCase()}\n              </a>\n            ))}\n            <button type=\"button\" className={linkClass} onClick={() => setOpen(!open)}>\n              {open ? \"Hide\" : \"View\"}\n            </button>\n          </>\n        )}\n      </div>\n      {window.error && (\n        <div className=\"whitespace-pre-wrap px-2 pb-1.5 text-xs text-red-700 dark:text-red-400\">{window.error}</div>\n      )}\n      {open && mount && <WindowViewer window={window} fetchRecords={fetchRecords} />}\n    </div>\n  );\n}\n\n/**\n * One fixture's trace windows: what each captured (kind, record count, summary\n * chips), a link into the query app at exactly that window, per-format export\n * downloads and an inline viewer of its records. Windows of a run whose store\n * is not served say why, once per reason. Props-only: the host resolves stores\n * and builds the URLs.\n */\nexport function TraceWindowList({ windows, resolve, formats, fetchRecords, exportUrl, openUrl, error }: TraceWindowListProps) {\n  const sources = windows.map((window) => resolve(window));\n  const unavailable = [\n    ...new Set(sources.filter((source) => !source.mount).map((source) => source.unavailable || UNSERVED)),\n  ];\n  return (\n    <div>\n      <h3 className=\"mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">Traces</h3>\n      {unavailable.map((reason) => (\n        <div\n          key={reason}\n          className=\"mb-2 rounded border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300\"\n          role=\"status\"\n        >\n          {reason}\n        </div>\n      ))}\n      <div className=\"space-y-2\">\n        {windows.map((window, index) => (\n          <WindowRow\n            key={windowKey(window)}\n            window={window}\n            mount={sources[index]!.mount}\n            formats={formats(window.kind)}\n            fetchRecords={fetchRecords}\n            exportUrl={exportUrl}\n            openUrl={openUrl}\n          />\n        ))}\n      </div>\n      {error && <div className=\"mt-1 text-xs text-red-700 dark:text-red-400\">{error}</div>}\n    </div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs","Component","useState","useEffect","TraceView"],"mappings":"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"}

package/dist/data/traces/TraceWindowList.d.ts

@@ -0,0 +1,48 @@
+import { TraceRow } from './types.js';
+/** A window of a trace stream a fixture armed: the records after `afterSeq` through `toSeq` (0 = unbounded) of one kind's stream. */
+export type TraceWindow = {
+    kind: string;
+    stream: string;
+    afterSeq?: number;
+    toSeq?: number;
+    /** The run whose trace store holds the window. */
+    run_id: string;
+    count: number;
+    /** The kind's summary of the window, shown as chips. */
+    summary?: Record<string, unknown>;
+    /** Why the window could not be read. */
+    error?: string;
+};
+/** Where a window's run serves its store, or why it does not. */
+export type TraceWindowSource = {
+    /** Where the store is served; absent when it is not. */
+    mount?: string;
+    /** Why a store that was kept is not served (for example pruned since). */
+    unavailable?: string;
+};
+export type TraceWindowListProps = {
+    windows: TraceWindow[];
+    /** Resolves the store of a window's run. */
+    resolve: (window: TraceWindow) => TraceWindowSource;
+    /** The export formats of a kind, for example `[{ name: "har" }]`. */
+    formats: (kind: string) => Array<{
+        name: string;
+    }>;
+    /** Reads a window's records for the inline viewer. Must reject on failure and honour `signal`. */
+    fetchRecords: (window: TraceWindow, signal: AbortSignal) => Promise<TraceRow[]>;
+    /** Download URL of a window in one export format. */
+    exportUrl: (window: TraceWindow, format: string) => string;
+    /** URL of the query app opened at exactly this window. */
+    openUrl: (window: TraceWindow) => string;
+    /** A failure that applies to the whole list, such as the export formats not loading. */
+    error?: string;
+};
+/**
+ * One fixture's trace windows: what each captured (kind, record count, summary
+ * chips), a link into the query app at exactly that window, per-format export
+ * downloads and an inline viewer of its records. Windows of a run whose store
+ * is not served say why, once per reason. Props-only: the host resolves stores
+ * and builds the URLs.
+ */
+export declare function TraceWindowList({ windows, resolve, formats, fetchRecords, exportUrl, openUrl, error }: TraceWindowListProps): import("react").JSX.Element;
+//# sourceMappingURL=TraceWindowList.d.ts.map

package/dist/data/traces/TraceWindowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceWindowList.d.ts","sourceRoot":"","sources":["../../../src/data/traces/TraceWindowList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,qIAAqI;AACrI,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,4CAA4C;IAC5C,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,iBAAiB,CAAC;IACpD,qEAAqE;IACrE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,kGAAkG;IAClG,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChF,qDAAqD;IACrD,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,0DAA0D;IAC1D,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC;IACzC,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6HF;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,oBAAoB,+BAiC3H"}

package/dist/data/traces/TraceWindowList.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, Component } from "react";
+import { TraceView } from "./TraceView.js";
+const UNSERVED = "This run's trace store is not served, so its windows cannot be opened.";
+const MAX_SUMMARY_CHIPS = 6;
+const windowKey = (window) => `${window.run_id}:${window.kind}:${window.stream}:${window.afterSeq ?? 0}`;
+const isScalar = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+function SummaryChips({ summary }) {
+  const entries = Object.entries(summary ?? {}).filter(([key, value]) => key !== "count" && isScalar(value)).slice(0, MAX_SUMMARY_CHIPS);
+  return /* @__PURE__ */ jsx(Fragment, { children: entries.map(([key, value]) => /* @__PURE__ */ jsxs("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", "data-summary-chip": key, children: [
+    key,
+    ": ",
+    /* @__PURE__ */ jsx("span", { className: "font-mono", children: String(value) })
+  ] }, key)) });
+}
+class ViewerBoundary extends Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {});
+  }
+  static getDerivedStateFromError(error) {
+    return { error: error instanceof Error ? error.message : String(error) };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-red-700 dark:text-red-400", role: "alert", children: this.state.error });
+    }
+    return this.props.children;
+  }
+}
+function WindowViewer({
+  window,
+  fetchRecords
+}) {
+  const [rows, setRows] = useState(null);
+  const [error, setError] = useState(void 0);
+  useEffect(() => {
+    const abort = new AbortController();
+    fetchRecords(window, abort.signal).then(setRows, (reason) => {
+      if (!abort.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));
+    });
+    return () => abort.abort();
+  }, [window.run_id, window.kind, window.stream, window.afterSeq, window.toSeq]);
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap border-t border-border px-2 py-1.5 text-xs text-red-700 dark:text-red-400", role: "alert", children: error });
+  }
+  if (!rows) return /* @__PURE__ */ jsx("div", { className: "border-t border-border px-2 py-1.5 text-xs text-muted-foreground", children: "Loading records..." });
+  return /* @__PURE__ */ jsx("div", { className: "border-t border-border", style: { height: 420 }, children: /* @__PURE__ */ jsx(ViewerBoundary, { children: /* @__PURE__ */ jsx(TraceView, { kind: window.kind, rows }) }) });
+}
+function WindowRow({
+  window,
+  mount,
+  formats,
+  fetchRecords,
+  exportUrl,
+  openUrl
+}) {
+  const [open, setOpen] = useState(false);
+  const linkClass = "text-xs text-primary hover:underline";
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border", "data-trace-kind": window.kind, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 px-2 py-1.5 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: window.kind }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        window.count,
+        " ",
+        window.count === 1 ? "record" : "records"
+      ] }),
+      /* @__PURE__ */ jsx(SummaryChips, { summary: window.summary }),
+      /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+      mount && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("a", { className: linkClass, href: openUrl(window), target: "_blank", rel: "noreferrer", children: "Open in query" }),
+        formats.map((format) => /* @__PURE__ */ jsx("a", { className: linkClass, href: exportUrl(window, format.name), download: true, children: format.name.toUpperCase() }, format.name)),
+        /* @__PURE__ */ jsx("button", { type: "button", className: linkClass, onClick: () => setOpen(!open), children: open ? "Hide" : "View" })
+      ] })
+    ] }),
+    window.error && /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap px-2 pb-1.5 text-xs text-red-700 dark:text-red-400", children: window.error }),
+    open && mount && /* @__PURE__ */ jsx(WindowViewer, { window, fetchRecords })
+  ] });
+}
+function TraceWindowList({ windows, resolve, formats, fetchRecords, exportUrl, openUrl, error }) {
+  const sources = windows.map((window) => resolve(window));
+  const unavailable = [
+    ...new Set(sources.filter((source) => !source.mount).map((source) => source.unavailable || UNSERVED))
+  ];
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Traces" }),
+    unavailable.map((reason) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mb-2 rounded border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300",
+        role: "status",
+        children: reason
+      },
+      reason
+    )),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: windows.map((window, index) => /* @__PURE__ */ jsx(
+      WindowRow,
+      {
+        window,
+        mount: sources[index].mount,
+        formats: formats(window.kind),
+        fetchRecords,
+        exportUrl,
+        openUrl
+      },
+      windowKey(window)
+    )) }),
+    error && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-red-700 dark:text-red-400", children: error })
+  ] });
+}
+export {
+  TraceWindowList
+};
+//# sourceMappingURL=TraceWindowList.js.map

package/dist/data/traces/TraceWindowList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceWindowList.js","sources":["../../../src/data/traces/TraceWindowList.tsx"],"sourcesContent":["import { Component, useEffect, useState, type ReactNode } from \"react\";\nimport { TraceView } from \"./TraceView\";\nimport type { TraceRow } from \"./types\";\n\n/** A window of a trace stream a fixture armed: the records after `afterSeq` through `toSeq` (0 = unbounded) of one kind's stream. */\nexport type TraceWindow = {\n  kind: string;\n  stream: string;\n  afterSeq?: number;\n  toSeq?: number;\n  /** The run whose trace store holds the window. */\n  run_id: string;\n  count: number;\n  /** The kind's summary of the window, shown as chips. */\n  summary?: Record<string, unknown>;\n  /** Why the window could not be read. */\n  error?: string;\n};\n\n/** Where a window's run serves its store, or why it does not. */\nexport type TraceWindowSource = {\n  /** Where the store is served; absent when it is not. */\n  mount?: string;\n  /** Why a store that was kept is not served (for example pruned since). */\n  unavailable?: string;\n};\n\nexport type TraceWindowListProps = {\n  windows: TraceWindow[];\n  /** Resolves the store of a window's run. */\n  resolve: (window: TraceWindow) => TraceWindowSource;\n  /** The export formats of a kind, for example `[{ name: \"har\" }]`. */\n  formats: (kind: string) => Array<{ name: string }>;\n  /** Reads a window's records for the inline viewer. Must reject on failure and honour `signal`. */\n  fetchRecords: (window: TraceWindow, signal: AbortSignal) => Promise<TraceRow[]>;\n  /** Download URL of a window in one export format. */\n  exportUrl: (window: TraceWindow, format: string) => string;\n  /** URL of the query app opened at exactly this window. */\n  openUrl: (window: TraceWindow) => string;\n  /** A failure that applies to the whole list, such as the export formats not loading. */\n  error?: string;\n};\n\nconst UNSERVED = \"This run's trace store is not served, so its windows cannot be opened.\";\nconst MAX_SUMMARY_CHIPS = 6;\n\nconst windowKey = (window: TraceWindow) => `${window.run_id}:${window.kind}:${window.stream}:${window.afterSeq ?? 0}`;\n\nconst isScalar = (value: unknown) => typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\";\n\nfunction SummaryChips({ summary }: { summary: Record<string, unknown> | undefined }) {\n  const entries = Object.entries(summary ?? {})\n    .filter(([key, value]) => key !== \"count\" && isScalar(value))\n    .slice(0, MAX_SUMMARY_CHIPS);\n  return (\n    <>\n      {entries.map(([key, value]) => (\n        <span key={key} className=\"rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\" data-summary-chip={key}>\n          {key}: <span className=\"font-mono\">{String(value)}</span>\n        </span>\n      ))}\n    </>\n  );\n}\n\n/** Keeps a viewer that refuses its records (TraceView throws on a row its kind's viewer cannot render) from taking the whole list down. */\nclass ViewerBoundary extends Component<{ children: ReactNode }, { error?: string }> {\n  override state: { error?: string } = {};\n\n  static getDerivedStateFromError(error: unknown) {\n    return { error: error instanceof Error ? error.message : String(error) };\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <div className=\"px-2 py-1.5 text-xs text-red-700 dark:text-red-400\" role=\"alert\">\n          {this.state.error}\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n\nfunction WindowViewer({\n  window,\n  fetchRecords,\n}: {\n  window: TraceWindow;\n  fetchRecords: TraceWindowListProps[\"fetchRecords\"];\n}) {\n  const [rows, setRows] = useState<TraceRow[] | null>(null);\n  const [error, setError] = useState<string | undefined>(undefined);\n  useEffect(() => {\n    const abort = new AbortController();\n    fetchRecords(window, abort.signal).then(setRows, (reason: unknown) => {\n      if (!abort.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));\n    });\n    return () => abort.abort();\n    // The window is identified by its coordinates; the host may rebuild the object each render.\n  }, [window.run_id, window.kind, window.stream, window.afterSeq, window.toSeq]);\n  if (error) {\n    return (\n      <div className=\"whitespace-pre-wrap border-t border-border px-2 py-1.5 text-xs text-red-700 dark:text-red-400\" role=\"alert\">\n        {error}\n      </div>\n    );\n  }\n  if (!rows) return <div className=\"border-t border-border px-2 py-1.5 text-xs text-muted-foreground\">Loading records...</div>;\n  return (\n    <div className=\"border-t border-border\" style={{ height: 420 }}>\n      <ViewerBoundary>\n        <TraceView kind={window.kind} rows={rows} />\n      </ViewerBoundary>\n    </div>\n  );\n}\n\nfunction WindowRow({\n  window,\n  mount,\n  formats,\n  fetchRecords,\n  exportUrl,\n  openUrl,\n}: {\n  window: TraceWindow;\n  mount: string | undefined;\n  formats: Array<{ name: string }>;\n} & Pick<TraceWindowListProps, \"fetchRecords\" | \"exportUrl\" | \"openUrl\">) {\n  const [open, setOpen] = useState(false);\n  const linkClass = \"text-xs text-primary hover:underline\";\n  return (\n    <div className=\"rounded border border-border\" data-trace-kind={window.kind}>\n      <div className=\"flex flex-wrap items-center gap-2 px-2 py-1.5 text-sm\">\n        <span className=\"font-mono font-medium text-foreground\">{window.kind}</span>\n        <span className=\"text-xs text-muted-foreground\">\n          {window.count} {window.count === 1 ? \"record\" : \"records\"}\n        </span>\n        <SummaryChips summary={window.summary} />\n        <span className=\"flex-1\" />\n        {mount && (\n          <>\n            <a className={linkClass} href={openUrl(window)} target=\"_blank\" rel=\"noreferrer\">\n              Open in query\n            </a>\n            {formats.map((format) => (\n              <a key={format.name} className={linkClass} href={exportUrl(window, format.name)} download>\n                {format.name.toUpperCase()}\n              </a>\n            ))}\n            <button type=\"button\" className={linkClass} onClick={() => setOpen(!open)}>\n              {open ? \"Hide\" : \"View\"}\n            </button>\n          </>\n        )}\n      </div>\n      {window.error && (\n        <div className=\"whitespace-pre-wrap px-2 pb-1.5 text-xs text-red-700 dark:text-red-400\">{window.error}</div>\n      )}\n      {open && mount && <WindowViewer window={window} fetchRecords={fetchRecords} />}\n    </div>\n  );\n}\n\n/**\n * One fixture's trace windows: what each captured (kind, record count, summary\n * chips), a link into the query app at exactly that window, per-format export\n * downloads and an inline viewer of its records. Windows of a run whose store\n * is not served say why, once per reason. Props-only: the host resolves stores\n * and builds the URLs.\n */\nexport function TraceWindowList({ windows, resolve, formats, fetchRecords, exportUrl, openUrl, error }: TraceWindowListProps) {\n  const sources = windows.map((window) => resolve(window));\n  const unavailable = [\n    ...new Set(sources.filter((source) => !source.mount).map((source) => source.unavailable || UNSERVED)),\n  ];\n  return (\n    <div>\n      <h3 className=\"mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">Traces</h3>\n      {unavailable.map((reason) => (\n        <div\n          key={reason}\n          className=\"mb-2 rounded border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300\"\n          role=\"status\"\n        >\n          {reason}\n        </div>\n      ))}\n      <div className=\"space-y-2\">\n        {windows.map((window, index) => (\n          <WindowRow\n            key={windowKey(window)}\n            window={window}\n            mount={sources[index]!.mount}\n            formats={formats(window.kind)}\n            fetchRecords={fetchRecords}\n            exportUrl={exportUrl}\n            openUrl={openUrl}\n          />\n        ))}\n      </div>\n      {error && <div className=\"mt-1 text-xs text-red-700 dark:text-red-400\">{error}</div>}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/traces/cast.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const NO_EXIT_CODE = -1;
+const IGNORED_EVENT_TYPES = /* @__PURE__ */ new Set(["i", "m"]);
+function parseJson(text, what) {
+  try {
+    return JSON.parse(text);
+  } catch (cause) {
+    throw new Error(`cast ${what} is not valid JSON: ${cause.message}`);
+  }
+}
+function parseHeader(line) {
+  const header = parseJson(line, "header");
+  if (header === null || typeof header !== "object" || Array.isArray(header)) {
+    throw new Error("cast header is not a JSON object");
+  }
+  if (header.version !== 2) throw new Error(`cast header: only asciinema version 2 is supported, got ${String(header.version)}`);
+  if (typeof header.width !== "number" || typeof header.height !== "number") {
+    throw new Error("cast header has no numeric width and height");
+  }
+  return { ...header, width: header.width, height: header.height };
+}
+function parseResize(data, lineNumber) {
+  const match = typeof data === "string" ? /^(\d+)x(\d+)$/.exec(data) : null;
+  if (!match) throw new Error(`cast line ${lineNumber}: resize data must be "<width>x<height>", got ${JSON.stringify(data)}`);
+  return { width: Number(match[1]), height: Number(match[2]) };
+}
+function parseCast(text) {
+  const lines = text.split("\n").filter((line) => line.trim() !== "");
+  const [headerLine, ...eventLines] = lines;
+  if (headerLine === void 0) throw new Error("cast text is empty");
+  const header = parseHeader(headerLine);
+  let size = { width: header.width, height: header.height };
+  const events = [];
+  let lastOffset = 0;
+  eventLines.forEach((line, index) => {
+    const lineNumber = index + 2;
+    let entry;
+    try {
+      entry = JSON.parse(line);
+    } catch (cause) {
+      throw new Error(`cast line ${lineNumber} is not valid JSON: ${cause.message}`);
+    }
+    if (!Array.isArray(entry) || entry.length < 3 || typeof entry[0] !== "number" || typeof entry[1] !== "string") {
+      throw new Error(`cast line ${lineNumber} is not a [seconds, type, data] event`);
+    }
+    const [offset, type, data] = entry;
+    lastOffset = Math.max(lastOffset, offset);
+    if (IGNORED_EVENT_TYPES.has(type)) return;
+    if (type === "o") {
+      events.push({ offset, kind: "o", data: String(data), ...size });
+    } else if (type === "r") {
+      size = parseResize(data, lineNumber);
+      events.push({ offset, kind: "r", data: "", ...size });
+    } else {
+      throw new Error(`cast line ${lineNumber}: unknown event type "${type}"`);
+    }
+  });
+  const extras = header._gavel;
+  if (!extras) return events;
+  const duration = header.duration ?? lastOffset;
+  const snapshots = extras.snapshots ?? [];
+  for (const [milliseconds, screen] of snapshots) {
+    events.push({ offset: milliseconds / 1e3, kind: "snapshot", data: screen, ...size });
+  }
+  if (snapshots.length === 0 && extras.final !== void 0) {
+    events.push({ offset: duration, kind: "snapshot", data: extras.final, ...size });
+  }
+  events.push({
+    offset: duration,
+    kind: "exit",
+    data: "",
+    ...size,
+    ...extras.exit_code !== void 0 && extras.exit_code !== NO_EXIT_CODE ? { exitCode: extras.exit_code } : {},
+    ...extras.truncated ? { truncated: true } : {},
+    ...header.command ? { command: header.command } : {}
+  });
+  return events;
+}
+exports.parseCast = parseCast;
+//# sourceMappingURL=cast.cjs.map

package/dist/data/traces/cast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast.cjs","sources":["../../../src/data/traces/cast.ts"],"sourcesContent":["import type { TerminalEvent } from \"./types\";\n\ntype CastHeader = {\n  version?: number;\n  width?: number;\n  height?: number;\n  duration?: number;\n  command?: string;\n  /** Gavel's extras on top of asciinema v2; players ignore keys they do not know. */\n  _gavel?: {\n    exit_code?: number;\n    snapshots?: [number, string][];\n    final?: string;\n    truncated?: boolean;\n  };\n};\n\nconst NO_EXIT_CODE = -1;\n/** Events asciinema defines that draw nothing on the screen. */\nconst IGNORED_EVENT_TYPES = new Set([\"i\", \"m\"]);\n\nfunction parseJson(text: string, what: string): unknown {\n  try {\n    return JSON.parse(text);\n  } catch (cause) {\n    throw new Error(`cast ${what} is not valid JSON: ${(cause as Error).message}`);\n  }\n}\n\nfunction parseHeader(line: string): CastHeader & { width: number; height: number } {\n  const header = parseJson(line, \"header\") as CastHeader | null;\n  if (header === null || typeof header !== \"object\" || Array.isArray(header)) {\n    throw new Error(\"cast header is not a JSON object\");\n  }\n  if (header.version !== 2) throw new Error(`cast header: only asciinema version 2 is supported, got ${String(header.version)}`);\n  if (typeof header.width !== \"number\" || typeof header.height !== \"number\") {\n    throw new Error(\"cast header has no numeric width and height\");\n  }\n  return { ...header, width: header.width, height: header.height };\n}\n\nfunction parseResize(data: unknown, lineNumber: number): { width: number; height: number } {\n  const match = typeof data === \"string\" ? /^(\\d+)x(\\d+)$/.exec(data) : null;\n  if (!match) throw new Error(`cast line ${lineNumber}: resize data must be \"<width>x<height>\", got ${JSON.stringify(data)}`);\n  return { width: Number(match[1]), height: Number(match[2]) };\n}\n\n/**\n * Parses an asciinema v2 cast (a header object, then one `[seconds, type, data]`\n * array per line) into the terminal events `TerminalCastPlayer` replays. The\n * `_gavel` header extras a commons-db export carries become the `snapshot` and\n * `exit` events a live capture records.\n */\nexport function parseCast(text: string): TerminalEvent[] {\n  const lines = text.split(\"\\n\").filter((line) => line.trim() !== \"\");\n  const [headerLine, ...eventLines] = lines;\n  if (headerLine === undefined) throw new Error(\"cast text is empty\");\n\n  const header = parseHeader(headerLine);\n  let size = { width: header.width, height: header.height };\n  const events: TerminalEvent[] = [];\n  let lastOffset = 0;\n\n  eventLines.forEach((line, index) => {\n    const lineNumber = index + 2;\n    let entry: unknown;\n    try {\n      entry = JSON.parse(line);\n    } catch (cause) {\n      throw new Error(`cast line ${lineNumber} is not valid JSON: ${(cause as Error).message}`);\n    }\n    if (!Array.isArray(entry) || entry.length < 3 || typeof entry[0] !== \"number\" || typeof entry[1] !== \"string\") {\n      throw new Error(`cast line ${lineNumber} is not a [seconds, type, data] event`);\n    }\n    const [offset, type, data] = entry as [number, string, unknown];\n    lastOffset = Math.max(lastOffset, offset);\n    if (IGNORED_EVENT_TYPES.has(type)) return;\n    if (type === \"o\") {\n      events.push({ offset, kind: \"o\", data: String(data), ...size });\n    } else if (type === \"r\") {\n      size = parseResize(data, lineNumber);\n      events.push({ offset, kind: \"r\", data: \"\", ...size });\n    } else {\n      throw new Error(`cast line ${lineNumber}: unknown event type \"${type}\"`);\n    }\n  });\n\n  const extras = header._gavel;\n  if (!extras) return events;\n\n  const duration = header.duration ?? lastOffset;\n  const snapshots = extras.snapshots ?? [];\n  for (const [milliseconds, screen] of snapshots) {\n    events.push({ offset: milliseconds / 1000, kind: \"snapshot\", data: screen, ...size });\n  }\n  if (snapshots.length === 0 && extras.final !== undefined) {\n    events.push({ offset: duration, kind: \"snapshot\", data: extras.final, ...size });\n  }\n  events.push({\n    offset: duration,\n    kind: \"exit\",\n    data: \"\",\n    ...size,\n    ...(extras.exit_code !== undefined && extras.exit_code !== NO_EXIT_CODE ? { exitCode: extras.exit_code } : {}),\n    ...(extras.truncated ? { truncated: true } : {}),\n    ...(header.command ? { command: header.command } : {}),\n  });\n  return events;\n}\n"],"names":[],"mappings":"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"}