@flanksource/clicky-ui 0.3.49 → 0.3.50

package/dist/data/traces/Sparkline.js

@@ -1,7 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
 import { sparklinePoints } from "./process-tree.js";
-function Sparkline({ values, label, width = 64, height = 16, className }) {
+function Sparkline({ values, label, width = 64, height = 16, fill = false, className }) {
   const points = sparklinePoints(values, width, height);
   if (!points) return null;
   return /* @__PURE__ */ jsx(
@@ -10,14 +10,36 @@ function Sparkline({ values, label, width = 64, height = 16, className }) {
       role: "img",
       "aria-label": label,
       viewBox: `0 0 ${width} ${height}`,
-      width,
-      height,
-      className: cn("shrink-0 overflow-visible text-primary", className),
-      children: /* @__PURE__ */ jsx("polyline", { points, fill: "none", stroke: "currentColor", strokeWidth: 1.25, strokeLinejoin: "round" })
+      ...fill ? { preserveAspectRatio: "none" } : { width, height },
+      className: cn(fill ? "w-full" : "shrink-0", "overflow-visible text-primary", className),
+      style: fill ? { height } : void 0,
+      children: /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          points,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.25,
+          strokeLinejoin: "round",
+          ...fill ? { vectorEffect: "non-scaling-stroke" } : {}
+        }
+      )
     }
   );
 }
+function LabeledSparkline({ label, values, format, className }) {
+  const max = Math.max(...values, 0);
+  const only = values[0];
+  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border border-border bg-muted/50 px-2.5 py-density-2", className), "data-sparkline": label, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: label }),
+      /* @__PURE__ */ jsx("span", { children: values.length > 0 ? `max ${format(max)}` : "" })
+    ] }),
+    values.length < 2 ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-[11px] text-muted-foreground", children: only === void 0 ? "No samples" : `${format(only)} (1 sample)` }) : /* @__PURE__ */ jsx(Sparkline, { fill: true, values, label: `${label} over time`, width: 160, height: 36, className: "mt-1" })
+  ] });
+}
 export {
+  LabeledSparkline,
   Sparkline
 };
 //# sourceMappingURL=Sparkline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.js","sources":["../../../src/data/traces/Sparkline.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { sparklinePoints } from \"./process-tree\";\n\nexport type SparklineProps = {\n  /** Values in order; at least two are needed to draw a line. */\n  values: number[];\n  /** Accessible description of what the line plots. */\n  label: string;\n  width?: number;\n  height?: number;\n  /** Classes applied to the svg; the stroke follows the text colour. */\n  className?: string;\n};\n\n/** A dependency-free inline SVG line, scaled so the largest value touches the top. */\nexport function Sparkline({ values, label, width = 64, height = 16, className }: SparklineProps) {\n  const points = sparklinePoints(values, width, height);\n  if (!points) return null;\n  return (\n    <svg\n      role=\"img\"\n      aria-label={label}\n      viewBox={`0 0 ${width} ${height}`}\n      width={width}\n      height={height}\n      className={cn(\"shrink-0 overflow-visible text-primary\", className)}\n    >\n      <polyline points={points} fill=\"none\" stroke=\"currentColor\" strokeWidth={1.25} strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,UAAU,EAAE,QAAQ,OAAO,QAAQ,IAAI,SAAS,IAAI,aAA6B;AAC/F,QAAM,SAAS,gBAAgB,QAAQ,OAAO,MAAM;AACpD,MAAI,CAAC,OAAQ,QAAO;AACpB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAEjE,UAAA,oBAAC,YAAA,EAAS,QAAgB,MAAK,QAAO,QAAO,gBAAe,aAAa,MAAM,gBAAe,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG5G;"}
+{"version":3,"file":"Sparkline.js","sources":["../../../src/data/traces/Sparkline.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { sparklinePoints } from \"./process-tree\";\n\nexport type SparklineProps = {\n  /** Values in order; at least two are needed to draw a line. */\n  values: number[];\n  /** Accessible description of what the line plots. */\n  label: string;\n  width?: number;\n  height?: number;\n  /** Stretch to the width of the container instead of the fixed pixel width. */\n  fill?: boolean;\n  /** Classes applied to the svg; the stroke follows the text colour. */\n  className?: string;\n};\n\n/** A dependency-free inline SVG line, scaled so the largest value touches the top. */\nexport function Sparkline({ values, label, width = 64, height = 16, fill = false, className }: SparklineProps) {\n  const points = sparklinePoints(values, width, height);\n  if (!points) return null;\n  return (\n    <svg\n      role=\"img\"\n      aria-label={label}\n      viewBox={`0 0 ${width} ${height}`}\n      {...(fill ? { preserveAspectRatio: \"none\" } : { width, height })}\n      className={cn(fill ? \"w-full\" : \"shrink-0\", \"overflow-visible text-primary\", className)}\n      style={fill ? { height } : undefined}\n    >\n      <polyline\n        points={points}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.25}\n        strokeLinejoin=\"round\"\n        {...(fill ? { vectorEffect: \"non-scaling-stroke\" } : {})}\n      />\n    </svg>\n  );\n}\n\nexport type LabeledSparklineProps = {\n  /** What the line plots, for example \"CPU %\". */\n  label: string;\n  values: number[];\n  /** Formats a value for the max label and the single-sample text. */\n  format: (value: number) => string;\n  className?: string;\n};\n\n/**\n * A sparkline in a labelled tile: the label and the series maximum above the\n * line, \"No samples\" for none and \"<value> (1 sample)\" for one, since a line\n * needs two points.\n */\nexport function LabeledSparkline({ label, values, format, className }: LabeledSparklineProps) {\n  const max = Math.max(...values, 0);\n  const only = values[0];\n  return (\n    <div className={cn(\"rounded-lg border border-border bg-muted/50 px-2.5 py-density-2\", className)} data-sparkline={label}>\n      <div className=\"flex items-center justify-between text-[10px] uppercase tracking-wide text-muted-foreground\">\n        <span>{label}</span>\n        <span>{values.length > 0 ? `max ${format(max)}` : \"\"}</span>\n      </div>\n      {values.length < 2 ? (\n        <div className=\"mt-1 text-[11px] text-muted-foreground\">\n          {only === undefined ? \"No samples\" : `${format(only)} (1 sample)`}\n        </div>\n      ) : (\n        <Sparkline fill values={values} label={`${label} over time`} width={160} height={36} className=\"mt-1\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAiBO,SAAS,UAAU,EAAE,QAAQ,OAAO,QAAQ,IAAI,SAAS,IAAI,OAAO,OAAO,UAAA,GAA6B;AAC7G,QAAM,SAAS,gBAAgB,QAAQ,OAAO,MAAM;AACpD,MAAI,CAAC,OAAQ,QAAO;AACpB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC9B,GAAI,OAAO,EAAE,qBAAqB,WAAW,EAAE,OAAO,OAAA;AAAA,MACvD,WAAW,GAAG,OAAO,WAAW,YAAY,iCAAiC,SAAS;AAAA,MACtF,OAAO,OAAO,EAAE,OAAA,IAAW;AAAA,MAE3B,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAa;AAAA,UACb,gBAAe;AAAA,UACd,GAAI,OAAO,EAAE,cAAc,yBAAyB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACxD;AAAA,EAAA;AAGN;AAgBO,SAAS,iBAAiB,EAAE,OAAO,QAAQ,QAAQ,aAAoC;AAC5F,QAAM,MAAM,KAAK,IAAI,GAAG,QAAQ,CAAC;AACjC,QAAM,OAAO,OAAO,CAAC;AACrB,SACE,qBAAC,SAAI,WAAW,GAAG,mEAAmE,SAAS,GAAG,kBAAgB,OAChH,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,+FACb,UAAA;AAAA,MAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,MACb,oBAAC,QAAA,EAAM,UAAA,OAAO,SAAS,IAAI,OAAO,OAAO,GAAG,CAAC,KAAK,GAAA,CAAG;AAAA,IAAA,GACvD;AAAA,IACC,OAAO,SAAS,IACf,oBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA,SAAS,SAAY,eAAe,GAAG,OAAO,IAAI,CAAC,cAAA,CACtD,IAEA,oBAAC,WAAA,EAAU,MAAI,MAAC,QAAgB,OAAO,GAAG,KAAK,cAAc,OAAO,KAAK,QAAQ,IAAI,WAAU,OAAA,CAAO;AAAA,EAAA,GAE1G;AAEJ;"}

package/dist/data/traces/TraceView.cjs

@@ -5,6 +5,7 @@ const react = require("react");
 const utils = require("../../lib/utils.cjs");
 const dataTableUtils = require("../data-table-utils.cjs");
 const DataTable = require("../DataTable.cjs");
+const ProcessRecordViews = require("./ProcessRecordViews.cjs");
 const ProcessTraceTree = require("./ProcessTraceTree.cjs");
 const SqlTraceTable = require("./SqlTraceTable.cjs");
 const TerminalCastPlayer = require("./TerminalCastPlayer.cjs");
@@ -44,6 +45,14 @@ function TraceView({ kind, rows, samples, className }) {
         requireField(kind, rows, "key");
         if (samples) requireField("process_samples", samples, "key");
         return /* @__PURE__ */ jsxRuntime.jsx(ProcessTraceView, { rows, samples });
+      case "goprof":
+        requireField(kind, rows, "key");
+        requireField(kind, rows, "checkpointId");
+        return /* @__PURE__ */ jsxRuntime.jsx(ProcessRecordViews.GoProfileTraceView, { rows });
+      case "stacks":
+        requireField(kind, rows, "key");
+        requireField(kind, rows, "checkpointId");
+        return /* @__PURE__ */ jsxRuntime.jsx(ProcessRecordViews.StackTraceView, { rows });
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(GenericTraceTable, { kind, rows });
     }

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

@@ -1 +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 { ProcessTraceTree } from \"./ProcessTraceTree\";\nimport { SqlTraceTable } from \"./SqlTraceTable\";\nimport { TerminalCastPlayer } from \"./TerminalCastPlayer\";\nimport { TraceHarView } from \"./TraceHarView\";\nimport type {\n  HttpExchangeRow,\n  ProcessNodeRow,\n  ProcessSampleRow,\n  SqlStatementRow,\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`, 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. Any other kind 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      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","cn"],"mappings":";;;;;;;;;;;AA6BA,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;AAOO,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;AACE,eAAOA,2BAAAA,IAAC,mBAAA,EAAkB,MAAY,KAAA,CAAY;AAAA,IAAA;AAAA,EAExD,GAAA;AACA,wCAAQ,OAAA,EAAI,WAAWO,MAAAA,GAAG,gCAAgC,SAAS,GAAI,UAAA,MAAK;AAC9E;;"}
+{"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

@@ -1,6 +1,6 @@
 import { TraceRow } from './types.js';
 export type TraceViewProps = {
-    /** The record kind: `http`, `http_proxy`, `pg_proxy`, `sql_statements`, `terminal`, `process_tree`, or any other. */
+    /** 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[];
@@ -12,7 +12,9 @@ export type TraceViewProps = {
 /**
  * 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. Any other kind gets a table over the row keys.
+ * 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

@@ -1 +1 @@
-{"version":3,"file":"TraceView.d.ts","sourceRoot":"","sources":["../../../src/data/traces/TraceView.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAMV,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B,qHAAqH;IACrH,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;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,+BAyB3E"}
+{"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

@@ -3,6 +3,7 @@ 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";
@@ -42,6 +43,14 @@ function TraceView({ kind, rows, samples, className }) {
         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 });
     }

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

@@ -1 +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 { ProcessTraceTree } from \"./ProcessTraceTree\";\nimport { SqlTraceTable } from \"./SqlTraceTable\";\nimport { TerminalCastPlayer } from \"./TerminalCastPlayer\";\nimport { TraceHarView } from \"./TraceHarView\";\nimport type {\n  HttpExchangeRow,\n  ProcessNodeRow,\n  ProcessSampleRow,\n  SqlStatementRow,\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`, 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. Any other kind 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      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":";;;;;;;;;AA6BA,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;AAOO,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;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;"}
+{"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/fixtures.d.ts

@@ -1,8 +1,32 @@
-import { HttpExchangeRow, ProcessNodeRow, ProcessSampleRow, SqlStatementRow, TerminalEvent } from './types.js';
+import { TraceWindow } from './TraceWindowList.js';
+import { GoProfileRecord, HttpExchangeRow, ProcessEnv, ProcessNodeRow, ProcessSampleRow, SqlStatementRow, StackRecord, TerminalEvent } from './types.js';
 export declare const httpExchangeRows: HttpExchangeRow[];
 export declare const sqlStatementRows: SqlStatementRow[];
 /** A short build log: colour, a progress line redrawn with a carriage return, a resize, and a settled screen. */
 export declare const terminalEvents: TerminalEvent[];
 export declare const processNodeRows: ProcessNodeRow[];
 export declare const processSampleRows: ProcessSampleRow[];
+export declare const processEnvFixture: ProcessEnv;
+/** processNodeRows with a working directory, the stack transports each process offers, and the root's recorded environment. */
+export declare const processDetailRows: ProcessNodeRow[];
+/** A native stack sample, which the UI shows as raw text. */
+export declare const nativeSample = "Sampling process 101 for 1 seconds\nCall graph:\n    12 Thread_1001  DispatchQueue_1: com.apple.main-thread  (serial)\n      12 start  (in dyld) + 6076\n        12 main  (in go) + 88\n";
+/**
+ * `stacks` records: the root dumped twice in-process (a periodic reading, then the watchdog
+ * timeout), a busy child sampled natively, and an exited child whose dump failed.
+ */
+export declare const stackRecords: StackRecord[];
+/**
+ * processSampleRows from a session that armed every facet and disk IO. Open files change at
+ * ticks 5 and 9, a socket and a connection appear at tick 6 and close at tick 10 (an empty list
+ * is not stored), and the listening port never changes, so only tick 1 stores its list.
+ */
+export declare const processFacetSampleRows: ProcessSampleRow[];
+/**
+ * `goprof` records: a CPU profile taken at the watchdog timeout (two sample types) and an
+ * earlier heap profile (in-use and allocated space).
+ */
+export declare const goProfileRecords: GoProfileRecord[];
+/** Two armed windows of one fixture step: an HTTP capture and a process capture, with chips beyond the six that fit. */
+export declare const traceWindows: TraceWindow[];
 //# sourceMappingURL=fixtures.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/traces/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,gBAAgB,EAAE,eAAe,EA8E7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eAAe,EA4D7C,CAAC;AAIF,iHAAiH;AACjH,eAAO,MAAM,cAAc,EAAE,aAAa,EAiBzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,EA+D3C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAQ7C,CAAC"}
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/traces/fixtures.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAEf,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,eAAe,EAEf,WAAW,EACX,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,gBAAgB,EAAE,eAAe,EA8E7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eAAe,EA4D7C,CAAC;AAIF,iHAAiH;AACjH,eAAO,MAAM,cAAc,EAAE,aAAa,EAiBzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,EA+D3C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAQ7C,CAAC;AAEJ,eAAO,MAAM,iBAAiB,EAAE,UAK/B,CAAC;AAEF,+HAA+H;AAC/H,eAAO,MAAM,iBAAiB,EAAE,cAAc,EA0B5C,CAAC;AAmCH,6DAA6D;AAC7D,eAAO,MAAM,YAAY,6LAKxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,WAAW,EA6DrC,CAAC;AAuCF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EAcnD,CAAC;AAyDH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAsC7C,CAAC;AAEF,wHAAwH;AACxH,eAAO,MAAM,YAAY,EAAE,WAAW,EAWrC,CAAC"}

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

@@ -6,7 +6,14 @@ export { groupStatements, formatStatementDuration, type SqlDisplayRow } from './
 export { TerminalCastPlayer, type TerminalCastPlayerProps } from './TerminalCastPlayer.js';
 export { parseCast } from './cast.js';
 export { ProcessTraceTree, type ProcessTraceTreeProps } from './ProcessTraceTree.js';
-export { buildProcessForest, flattenForest, type ProcessTreeNode } from './process-tree.js';
-export { Sparkline, type SparklineProps } from './Sparkline.js';
-export type { HttpExchangeRequest, HttpExchangeResponse, HttpExchangeRow, ProcessNodeRow, ProcessSampleRow, SqlStatementRow, TerminalEvent, TerminalEventKind, TraceBodyText, TraceRow, } from './types.js';
+export { ProcessTraceDetail, type ProcessTraceDetailProps } from './ProcessTraceDetail.js';
+export { ProcessFacetTable, type ProcessFacetTableProps } from './ProcessFacetTable.js';
+export { GoProfileView, ProfileTopTable, type GoProfileViewProps, type ProfileTopTableProps } from './GoProfileView.js';
+export { aggregateProfile, formatProfileValue, profileValueTypes, stacksThrough, type ProfileAggregate, type ProfileFunctionRow, type ProfileStack, type ProfileValueType, } from './profile-aggregate.js';
+export { SAMPLE_FACETS, SAMPLE_FACET_ORDER, armedFacets, diskSeries, facetCountSeries, latestFacetReading, type FacetReading, } from './process-facets.js';
+export { stackCheckpoints, type StackCheckpoint } from './stack-checkpoints.js';
+export { TraceWindowList, type TraceWindow, type TraceWindowListProps, type TraceWindowSource, } from './TraceWindowList.js';
+export { buildProcessForest, flattenForest, formatCpuPercent, formatProcessTimestamp, isProcessExited, processLifetimeMs, processSeries, pruneExitedProcesses, type ProcessTreeNode, } from './process-tree.js';
+export { Sparkline, LabeledSparkline, type SparklineProps, type LabeledSparklineProps } from './Sparkline.js';
+export type { HttpExchangeRequest, HttpExchangeResponse, GoProfileRecord, HttpExchangeRow, ProcessDescriptor, ProcessEnv, ProcessNodeRow, ProcessSampleFacet, ProcessSampleRow, ProcessStackTransport, ProfileSample, SqlStatementRow, StackFormat, StackFrame, StackRecord, TerminalEvent, TerminalEventKind, TraceBodyText, TraceRow, } from './types.js';
 //# sourceMappingURL=index.d.ts.map