@flanksource/clicky-ui 0.3.49 → 0.3.50

package/dist/data/test-runner/types.d.ts

@@ -19,6 +19,12 @@ export interface Test {
      * failure (a warned child never fails its parent). Distinct from `failed`.
      */
     warned?: boolean;
+    /**
+     * Never ran because the run stopped after an earlier failure — distinct from
+     * an intentional skip, which is `skipped` alone. An aborted node is
+     * normally also `skipped`; it counts once, as aborted.
+     */
+    aborted?: boolean;
     pending?: boolean;
     /**
      * Execution started but not yet finished — distinct from `pending`
@@ -69,12 +75,20 @@ export interface TestAttempt {
     cpu_percent?: number;
     rss?: number;
     goroutine_count?: number;
+    /**
+     * The pid, CPU and RSS belong to a process shared with other tests (every
+     * package of a unified `go test` batch has the same pid), not to this test
+     * alone, so a viewer should label them as the batch's.
+     */
+    shared_process?: boolean;
 }
 export interface TestSummary {
     Total: number;
     Passed: number;
     Failed: number;
     Warned?: number;
+    /** Count of nodes that never ran because the run stopped after an earlier failure. */
+    Aborted?: number;
     Skipped: number;
     Pending: number;
     Running?: number;

package/dist/data/test-runner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/types.ts"],"names":[],"mappings":"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"}

package/dist/data/traces/GoProfileView.cjs

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const select = require("../../components/select.cjs");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const profileAggregate = require("./profile-aggregate.cjs");
+const processTree = require("./process-tree.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const DEFAULT_TOP_N = 20;
+const DRILL_DOWN_STACKS = 5;
+function frameLocation(frame) {
+  return frame.file ? `${frame.file}${frame.line ? `:${frame.line}` : ""}` : "";
+}
+function Percent({ value, total }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: total > 0 ? `${(value / total * 100).toFixed(1)}%` : "—" });
+}
+function DrillDown({
+  samples,
+  sampleType,
+  unit,
+  func,
+  total
+}) {
+  const stacks = profileAggregate.stacksThrough(samples, sampleType, func, DRILL_DOWN_STACKS);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-density-2", "data-profile-stacks": func, children: stacks.map((stack, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded border border-border bg-muted/30 p-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 text-[11px] text-muted-foreground", children: [
+      profileAggregate.formatProfileValue(stack.value, unit),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(Percent, { value: stack.value, total })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "space-y-0.5 font-mono text-[11px] leading-4", children: stack.frames.map((frame, depth) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils.cn("break-all", frame.func === func ? "font-semibold text-foreground" : "text-muted-foreground"), children: [
+      frame.func,
+      frameLocation(frame) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-[10px] font-normal opacity-80", children: frameLocation(frame) })
+    ] }, depth)) })
+  ] }, index)) });
+}
+function ProfileTopTable({ samples, topN = DEFAULT_TOP_N, className }) {
+  var _a, _b;
+  const types = react.useMemo(() => profileAggregate.profileValueTypes(samples), [samples]);
+  const [picked, setPicked] = react.useState(null);
+  const sampleType = ((_a = types.find((type) => type.sampleType === picked)) == null ? void 0 : _a.sampleType) ?? ((_b = types[types.length - 1]) == null ? void 0 : _b.sampleType);
+  const [sortKey, setSortKey] = react.useState("flat");
+  const [showAll, setShowAll] = react.useState(false);
+  const [open, setOpen] = react.useState(null);
+  const aggregate = react.useMemo(() => sampleType ? profileAggregate.aggregateProfile(samples, sampleType) : void 0, [samples, sampleType]);
+  if (!sampleType || !aggregate) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "The profile has no samples" });
+  }
+  const sorted = sortKey === "flat" ? aggregate.functions : [...aggregate.functions].sort((a, b) => b.cum - a.cum || b.flat - a.flat);
+  const shown = showAll ? sorted : sorted.slice(0, topN);
+  const sortHeader = (key, label) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-2 py-1 text-right font-medium", "aria-sort": sortKey === key ? "descending" : "none", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: utils.cn("hover:text-foreground", sortKey === key && "text-foreground"), onClick: () => setSortKey(key), children: label }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-density-2", className), "data-profile-top": "", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-density-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Total ",
+        profileAggregate.formatProfileValue(aggregate.total, aggregate.unit),
+        " across ",
+        aggregate.functions.length,
+        " functions"
+      ] }),
+      types.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-[12rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        select.Select,
+        {
+          "aria-label": "Sample type",
+          value: sampleType,
+          onChange: (event) => {
+            setPicked(event.target.value);
+            setOpen(null);
+          },
+          options: types.map((type) => ({ value: type.sampleType, label: `${type.sampleType} (${type.unit})` }))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed border-collapse text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-2 py-1 text-left font-medium", children: "Function" }),
+        sortHeader("flat", "Flat"),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "w-16 px-2 py-1 text-right font-medium", children: "Flat %" }),
+        sortHeader("cum", "Cum"),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "w-16 px-2 py-1 text-right font-medium", children: "Cum %" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: shown.map((row) => {
+        const expanded = open === row.func;
+        return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border/60 hover:bg-muted/40", "data-profile-function": row.func, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": expanded,
+                className: "flex w-full items-start gap-1 text-left",
+                onClick: () => setOpen(expanded ? null : row.func),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: expanded ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight, className: "mt-0.5 shrink-0 text-[11px]" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block break-all font-mono text-[11px] font-semibold", children: row.func }),
+                    frameLocation(row) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block break-all text-[10px] text-muted-foreground", children: frameLocation(row) })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: profileAggregate.formatProfileValue(row.flat, aggregate.unit) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: /* @__PURE__ */ jsxRuntime.jsx(Percent, { value: row.flat, total: aggregate.total }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: profileAggregate.formatProfileValue(row.cum, aggregate.unit) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: /* @__PURE__ */ jsxRuntime.jsx(Percent, { value: row.cum, total: aggregate.total }) })
+          ] }),
+          expanded && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "px-2 py-density-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            DrillDown,
+            {
+              samples,
+              sampleType,
+              unit: aggregate.unit,
+              func: row.func,
+              total: aggregate.total
+            }
+          ) }) })
+        ] }, row.func);
+      }) })
+    ] }),
+    !showAll && sorted.length > shown.length && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "text-xs text-primary hover:underline", onClick: () => setShowAll(true), children: [
+      "Show all ",
+      sorted.length,
+      " functions"
+    ] })
+  ] });
+}
+function profileCheckpoints(records) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const record of records) groups.set(record.checkpointId, [...groups.get(record.checkpointId) ?? [], record]);
+  return [...groups].map(([checkpointId, group]) => {
+    const [first] = group;
+    return {
+      checkpointId,
+      takenAt: first.takenAt,
+      reason: first.reason,
+      source: first.source,
+      profile: first.profile,
+      records: group
+    };
+  }).sort((a, b) => Date.parse(a.takenAt) - Date.parse(b.takenAt));
+}
+function GoProfileView({ records, processKey, topN, className }) {
+  const keys = react.useMemo(() => new Set(records.map((record) => record.key)), [records]);
+  if (keys.size > 1 && processKey === void 0) {
+    throw new Error(`GoProfileView got records of ${keys.size} processes; pass processKey to choose one`);
+  }
+  const own = react.useMemo(
+    () => processKey === void 0 ? records : records.filter((record) => record.key === processKey),
+    [records, processKey]
+  );
+  const checkpoints = react.useMemo(() => profileCheckpoints(own), [own]);
+  const [picked, setPicked] = react.useState(null);
+  const selected = checkpoints.find((checkpoint) => checkpoint.checkpointId === picked) ?? checkpoints[checkpoints.length - 1];
+  if (!selected) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "No profile collected yet" });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-density-2", className), "data-go-profile": selected.profile, children: [
+    checkpoints.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select,
+      {
+        "aria-label": "Profile checkpoint",
+        value: selected.checkpointId,
+        onChange: (event) => setPicked(event.target.value),
+        options: [...checkpoints].reverse().map((checkpoint) => ({
+          value: checkpoint.checkpointId,
+          label: [processTree.formatProcessTimestamp(checkpoint.takenAt), checkpoint.profile, checkpoint.reason, checkpoint.source].filter(Boolean).join(" · ")
+        }))
+      }
+    ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: [selected.profile, processTree.formatProcessTimestamp(selected.takenAt), selected.reason, selected.source].filter(Boolean).join(" · ") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProfileTopTable, { samples: selected.records, ...topN !== void 0 ? { topN } : {} }, selected.checkpointId)
+  ] });
+}
+exports.GoProfileView = GoProfileView;
+exports.ProfileTopTable = ProfileTopTable;
+//# sourceMappingURL=GoProfileView.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoProfileView.cjs","sources":["../../../src/data/traces/GoProfileView.tsx"],"sourcesContent":["import { Fragment, useMemo, useState } from \"react\";\nimport { Select } from \"../../components/select\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  aggregateProfile,\n  formatProfileValue,\n  profileValueTypes,\n  stacksThrough,\n  type ProfileFunctionRow,\n} from \"./profile-aggregate\";\nimport { formatProcessTimestamp } from \"./process-tree\";\nimport type { GoProfileRecord, ProfileSample, StackFrame } from \"./types\";\n\nconst DEFAULT_TOP_N = 20;\nconst DRILL_DOWN_STACKS = 5;\n\ntype SortKey = \"flat\" | \"cum\";\n\nfunction frameLocation(frame: StackFrame): string {\n  return frame.file ? `${frame.file}${frame.line ? `:${frame.line}` : \"\"}` : \"\";\n}\n\nfunction Percent({ value, total }: { value: number; total: number }) {\n  return <span className=\"text-muted-foreground\">{total > 0 ? `${((value / total) * 100).toFixed(1)}%` : \"—\"}</span>;\n}\n\nfunction DrillDown({\n  samples,\n  sampleType,\n  unit,\n  func,\n  total,\n}: {\n  samples: ProfileSample[];\n  sampleType: string;\n  unit: string;\n  func: string;\n  total: number;\n}) {\n  const stacks = stacksThrough(samples, sampleType, func, DRILL_DOWN_STACKS);\n  return (\n    <div className=\"space-y-density-2\" data-profile-stacks={func}>\n      {stacks.map((stack, index) => (\n        <div key={index} className=\"rounded border border-border bg-muted/30 p-density-2\">\n          <div className=\"mb-1 text-[11px] text-muted-foreground\">\n            {formatProfileValue(stack.value, unit)} <Percent value={stack.value} total={total} />\n          </div>\n          <ol className=\"space-y-0.5 font-mono text-[11px] leading-4\">\n            {stack.frames.map((frame, depth) => (\n              <li key={depth} className={cn(\"break-all\", frame.func === func ? \"font-semibold text-foreground\" : \"text-muted-foreground\")}>\n                {frame.func}\n                {frameLocation(frame) && <span className=\"ml-2 text-[10px] font-normal opacity-80\">{frameLocation(frame)}</span>}\n              </li>\n            ))}\n          </ol>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport type ProfileTopTableProps = {\n  /** Samples of any profile: a value of some type and unit attributed to a stack, innermost frame first. */\n  samples: ProfileSample[];\n  /** Functions shown before \"Show all\"; defaults to 20. */\n  topN?: number;\n  className?: string;\n};\n\n/**\n * The heaviest functions of a profile: a table by flat value (the innermost\n * frame) and cumulative value (anywhere in the stack), sortable by either, per\n * sample type, with a drill-down from a function to the stacks that reach it.\n * Not specific to Go: any samples of a value, a unit and a stack fit.\n */\nexport function ProfileTopTable({ samples, topN = DEFAULT_TOP_N, className }: ProfileTopTableProps) {\n  const types = useMemo(() => profileValueTypes(samples), [samples]);\n  // pprof's default sample index is its last value type: cpu, inuse_space.\n  const [picked, setPicked] = useState<string | null>(null);\n  const sampleType = types.find((type) => type.sampleType === picked)?.sampleType ?? types[types.length - 1]?.sampleType;\n  const [sortKey, setSortKey] = useState<SortKey>(\"flat\");\n  const [showAll, setShowAll] = useState(false);\n  const [open, setOpen] = useState<string | null>(null);\n  const aggregate = useMemo(() => (sampleType ? aggregateProfile(samples, sampleType) : undefined), [samples, sampleType]);\n\n  if (!sampleType || !aggregate) {\n    return <div className=\"text-sm text-muted-foreground\">The profile has no samples</div>;\n  }\n\n  const sorted: ProfileFunctionRow[] =\n    sortKey === \"flat\" ? aggregate.functions : [...aggregate.functions].sort((a, b) => b.cum - a.cum || b.flat - a.flat);\n  const shown = showAll ? sorted : sorted.slice(0, topN);\n  const sortHeader = (key: SortKey, label: string) => (\n    <th scope=\"col\" className=\"px-2 py-1 text-right font-medium\" aria-sort={sortKey === key ? \"descending\" : \"none\"}>\n      <button type=\"button\" className={cn(\"hover:text-foreground\", sortKey === key && \"text-foreground\")} onClick={() => setSortKey(key)}>\n        {label}\n      </button>\n    </th>\n  );\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)} data-profile-top=\"\">\n      <div className=\"flex flex-wrap items-center justify-between gap-density-2 text-xs text-muted-foreground\">\n        <span>\n          Total {formatProfileValue(aggregate.total, aggregate.unit)} across {aggregate.functions.length} functions\n        </span>\n        {types.length > 1 && (\n          <div className=\"min-w-[12rem]\">\n            <Select\n              aria-label=\"Sample type\"\n              value={sampleType}\n              onChange={(event) => {\n                setPicked(event.target.value);\n                setOpen(null);\n              }}\n              options={types.map((type) => ({ value: type.sampleType, label: `${type.sampleType} (${type.unit})` }))}\n            />\n          </div>\n        )}\n      </div>\n      <table className=\"w-full table-fixed border-collapse text-xs\">\n        <thead className=\"text-muted-foreground\">\n          <tr className=\"border-b border-border\">\n            <th scope=\"col\" className=\"px-2 py-1 text-left font-medium\">\n              Function\n            </th>\n            {sortHeader(\"flat\", \"Flat\")}\n            <th scope=\"col\" className=\"w-16 px-2 py-1 text-right font-medium\">\n              Flat %\n            </th>\n            {sortHeader(\"cum\", \"Cum\")}\n            <th scope=\"col\" className=\"w-16 px-2 py-1 text-right font-medium\">\n              Cum %\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {shown.map((row) => {\n            const expanded = open === row.func;\n            return (\n              <Fragment key={row.func}>\n                <tr className=\"border-b border-border/60 hover:bg-muted/40\" data-profile-function={row.func}>\n                  <td className=\"px-2 py-1\">\n                    <button\n                      type=\"button\"\n                      aria-expanded={expanded}\n                      className=\"flex w-full items-start gap-1 text-left\"\n                      onClick={() => setOpen(expanded ? null : row.func)}\n                    >\n                      <Icon icon={expanded ? UiChevronDown : UiChevronRight} className=\"mt-0.5 shrink-0 text-[11px]\" />\n                      <span className=\"min-w-0\">\n                        <span className=\"block break-all font-mono text-[11px] font-semibold\">{row.func}</span>\n                        {frameLocation(row) && (\n                          <span className=\"block break-all text-[10px] text-muted-foreground\">{frameLocation(row)}</span>\n                        )}\n                      </span>\n                    </button>\n                  </td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">{formatProfileValue(row.flat, aggregate.unit)}</td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">\n                    <Percent value={row.flat} total={aggregate.total} />\n                  </td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">{formatProfileValue(row.cum, aggregate.unit)}</td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">\n                    <Percent value={row.cum} total={aggregate.total} />\n                  </td>\n                </tr>\n                {expanded && (\n                  <tr>\n                    <td colSpan={5} className=\"px-2 py-density-2\">\n                      <DrillDown\n                        samples={samples}\n                        sampleType={sampleType}\n                        unit={aggregate.unit}\n                        func={row.func}\n                        total={aggregate.total}\n                      />\n                    </td>\n                  </tr>\n                )}\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n      {!showAll && sorted.length > shown.length && (\n        <button type=\"button\" className=\"text-xs text-primary hover:underline\" onClick={() => setShowAll(true)}>\n          Show all {sorted.length} functions\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport type GoProfileViewProps = {\n  /** `goprof` records, possibly of several checkpoints and processes; those of one process are shown. */\n  records: GoProfileRecord[];\n  /** The `process_tree` key whose profiles to show; required when the records span processes. */\n  processKey?: string;\n  topN?: number;\n  className?: string;\n};\n\ntype ProfileCheckpoint = { checkpointId: string; takenAt: string; reason: string; source: string; profile: string; records: GoProfileRecord[] };\n\nfunction profileCheckpoints(records: GoProfileRecord[]): ProfileCheckpoint[] {\n  const groups = new Map<string, GoProfileRecord[]>();\n  for (const record of records) groups.set(record.checkpointId, [...(groups.get(record.checkpointId) ?? []), record]);\n  return [...groups]\n    .map(([checkpointId, group]): ProfileCheckpoint => {\n      const [first] = group as [GoProfileRecord, ...GoProfileRecord[]];\n      return {\n        checkpointId,\n        takenAt: first.takenAt,\n        reason: first.reason,\n        source: first.source,\n        profile: first.profile,\n        records: group,\n      };\n    })\n    .sort((a, b) => Date.parse(a.takenAt) - Date.parse(b.takenAt));\n}\n\n/**\n * A Go pprof profile as the `goprof` kind stores it: the checkpoint chooser\n * (profile type, source and time; the latest by default) over a top-N table of\n * functions by flat and cumulative value with a frames drill-down. Props-only.\n */\nexport function GoProfileView({ records, processKey, topN, className }: GoProfileViewProps) {\n  const keys = useMemo(() => new Set(records.map((record) => record.key)), [records]);\n  if (keys.size > 1 && processKey === undefined) {\n    throw new Error(`GoProfileView got records of ${keys.size} processes; pass processKey to choose one`);\n  }\n  const own = useMemo(\n    () => (processKey === undefined ? records : records.filter((record) => record.key === processKey)),\n    [records, processKey],\n  );\n  const checkpoints = useMemo(() => profileCheckpoints(own), [own]);\n  const [picked, setPicked] = useState<string | null>(null);\n  const selected = checkpoints.find((checkpoint) => checkpoint.checkpointId === picked) ?? checkpoints[checkpoints.length - 1];\n\n  if (!selected) return <div className=\"text-sm text-muted-foreground\">No profile collected yet</div>;\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)} data-go-profile={selected.profile}>\n      {checkpoints.length > 1 ? (\n        <div className=\"max-w-md\">\n          <Select\n            aria-label=\"Profile checkpoint\"\n            value={selected.checkpointId}\n            onChange={(event) => setPicked(event.target.value)}\n            options={[...checkpoints].reverse().map((checkpoint) => ({\n              value: checkpoint.checkpointId,\n              label: [formatProcessTimestamp(checkpoint.takenAt), checkpoint.profile, checkpoint.reason, checkpoint.source]\n                .filter(Boolean)\n                .join(\" · \"),\n            }))}\n          />\n        </div>\n      ) : (\n        <div className=\"text-xs text-muted-foreground\">\n          {[selected.profile, formatProcessTimestamp(selected.takenAt), selected.reason, selected.source].filter(Boolean).join(\" · \")}\n        </div>\n      )}\n      <ProfileTopTable key={selected.checkpointId} samples={selected.records} {...(topN !== undefined ? { topN } : {})} />\n    </div>\n  );\n}\n"],"names":["jsx","stacksThrough","jsxs","formatProfileValue","cn","useMemo","profileValueTypes","useState","aggregateProfile","Select","Fragment","Icon","UiChevronDown","UiChevronRight","formatProcessTimestamp"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import { GoProfileRecord, ProfileSample } from './types.js';
+export type ProfileTopTableProps = {
+    /** Samples of any profile: a value of some type and unit attributed to a stack, innermost frame first. */
+    samples: ProfileSample[];
+    /** Functions shown before "Show all"; defaults to 20. */
+    topN?: number;
+    className?: string;
+};
+/**
+ * The heaviest functions of a profile: a table by flat value (the innermost
+ * frame) and cumulative value (anywhere in the stack), sortable by either, per
+ * sample type, with a drill-down from a function to the stacks that reach it.
+ * Not specific to Go: any samples of a value, a unit and a stack fit.
+ */
+export declare function ProfileTopTable({ samples, topN, className }: ProfileTopTableProps): import("react").JSX.Element;
+export type GoProfileViewProps = {
+    /** `goprof` records, possibly of several checkpoints and processes; those of one process are shown. */
+    records: GoProfileRecord[];
+    /** The `process_tree` key whose profiles to show; required when the records span processes. */
+    processKey?: string;
+    topN?: number;
+    className?: string;
+};
+/**
+ * A Go pprof profile as the `goprof` kind stores it: the checkpoint chooser
+ * (profile type, source and time; the latest by default) over a top-N table of
+ * functions by flat and cumulative value with a frames drill-down. Props-only.
+ */
+export declare function GoProfileView({ records, processKey, topN, className }: GoProfileViewProps): import("react").JSX.Element;
+//# sourceMappingURL=GoProfileView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoProfileView.d.ts","sourceRoot":"","sources":["../../../src/data/traces/GoProfileView.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAkD1E,MAAM,MAAM,oBAAoB,GAAG;IACjC,0GAA0G;IAC1G,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,IAAoB,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAqHjG;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uGAAuG;IACvG,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsBF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAuCzF"}

package/dist/data/traces/GoProfileView.js

@@ -0,0 +1,176 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState, Fragment } from "react";
+import { Select } from "../../components/select.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { profileValueTypes, aggregateProfile, formatProfileValue, stacksThrough } from "./profile-aggregate.js";
+import { formatProcessTimestamp } from "./process-tree.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+const DEFAULT_TOP_N = 20;
+const DRILL_DOWN_STACKS = 5;
+function frameLocation(frame) {
+  return frame.file ? `${frame.file}${frame.line ? `:${frame.line}` : ""}` : "";
+}
+function Percent({ value, total }) {
+  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: total > 0 ? `${(value / total * 100).toFixed(1)}%` : "—" });
+}
+function DrillDown({
+  samples,
+  sampleType,
+  unit,
+  func,
+  total
+}) {
+  const stacks = stacksThrough(samples, sampleType, func, DRILL_DOWN_STACKS);
+  return /* @__PURE__ */ jsx("div", { className: "space-y-density-2", "data-profile-stacks": func, children: stacks.map((stack, index) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-muted/30 p-density-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 text-[11px] text-muted-foreground", children: [
+      formatProfileValue(stack.value, unit),
+      " ",
+      /* @__PURE__ */ jsx(Percent, { value: stack.value, total })
+    ] }),
+    /* @__PURE__ */ jsx("ol", { className: "space-y-0.5 font-mono text-[11px] leading-4", children: stack.frames.map((frame, depth) => /* @__PURE__ */ jsxs("li", { className: cn("break-all", frame.func === func ? "font-semibold text-foreground" : "text-muted-foreground"), children: [
+      frame.func,
+      frameLocation(frame) && /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] font-normal opacity-80", children: frameLocation(frame) })
+    ] }, depth)) })
+  ] }, index)) });
+}
+function ProfileTopTable({ samples, topN = DEFAULT_TOP_N, className }) {
+  var _a, _b;
+  const types = useMemo(() => profileValueTypes(samples), [samples]);
+  const [picked, setPicked] = useState(null);
+  const sampleType = ((_a = types.find((type) => type.sampleType === picked)) == null ? void 0 : _a.sampleType) ?? ((_b = types[types.length - 1]) == null ? void 0 : _b.sampleType);
+  const [sortKey, setSortKey] = useState("flat");
+  const [showAll, setShowAll] = useState(false);
+  const [open, setOpen] = useState(null);
+  const aggregate = useMemo(() => sampleType ? aggregateProfile(samples, sampleType) : void 0, [samples, sampleType]);
+  if (!sampleType || !aggregate) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "The profile has no samples" });
+  }
+  const sorted = sortKey === "flat" ? aggregate.functions : [...aggregate.functions].sort((a, b) => b.cum - a.cum || b.flat - a.flat);
+  const shown = showAll ? sorted : sorted.slice(0, topN);
+  const sortHeader = (key, label) => /* @__PURE__ */ jsx("th", { scope: "col", className: "px-2 py-1 text-right font-medium", "aria-sort": sortKey === key ? "descending" : "none", children: /* @__PURE__ */ jsx("button", { type: "button", className: cn("hover:text-foreground", sortKey === key && "text-foreground"), onClick: () => setSortKey(key), children: label }) });
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-density-2", className), "data-profile-top": "", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-density-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Total ",
+        formatProfileValue(aggregate.total, aggregate.unit),
+        " across ",
+        aggregate.functions.length,
+        " functions"
+      ] }),
+      types.length > 1 && /* @__PURE__ */ jsx("div", { className: "min-w-[12rem]", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          "aria-label": "Sample type",
+          value: sampleType,
+          onChange: (event) => {
+            setPicked(event.target.value);
+            setOpen(null);
+          },
+          options: types.map((type) => ({ value: type.sampleType, label: `${type.sampleType} (${type.unit})` }))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed border-collapse text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-2 py-1 text-left font-medium", children: "Function" }),
+        sortHeader("flat", "Flat"),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "w-16 px-2 py-1 text-right font-medium", children: "Flat %" }),
+        sortHeader("cum", "Cum"),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "w-16 px-2 py-1 text-right font-medium", children: "Cum %" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: shown.map((row) => {
+        const expanded = open === row.func;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/60 hover:bg-muted/40", "data-profile-function": row.func, children: [
+            /* @__PURE__ */ jsx("td", { className: "px-2 py-1", children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": expanded,
+                className: "flex w-full items-start gap-1 text-left",
+                onClick: () => setOpen(expanded ? null : row.func),
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: expanded ? UiChevronDown : UiChevronRight, className: "mt-0.5 shrink-0 text-[11px]" }),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block break-all font-mono text-[11px] font-semibold", children: row.func }),
+                    frameLocation(row) && /* @__PURE__ */ jsx("span", { className: "block break-all text-[10px] text-muted-foreground", children: frameLocation(row) })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: formatProfileValue(row.flat, aggregate.unit) }),
+            /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: /* @__PURE__ */ jsx(Percent, { value: row.flat, total: aggregate.total }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: formatProfileValue(row.cum, aggregate.unit) }),
+            /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-right tabular-nums", children: /* @__PURE__ */ jsx(Percent, { value: row.cum, total: aggregate.total }) })
+          ] }),
+          expanded && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, className: "px-2 py-density-2", children: /* @__PURE__ */ jsx(
+            DrillDown,
+            {
+              samples,
+              sampleType,
+              unit: aggregate.unit,
+              func: row.func,
+              total: aggregate.total
+            }
+          ) }) })
+        ] }, row.func);
+      }) })
+    ] }),
+    !showAll && sorted.length > shown.length && /* @__PURE__ */ jsxs("button", { type: "button", className: "text-xs text-primary hover:underline", onClick: () => setShowAll(true), children: [
+      "Show all ",
+      sorted.length,
+      " functions"
+    ] })
+  ] });
+}
+function profileCheckpoints(records) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const record of records) groups.set(record.checkpointId, [...groups.get(record.checkpointId) ?? [], record]);
+  return [...groups].map(([checkpointId, group]) => {
+    const [first] = group;
+    return {
+      checkpointId,
+      takenAt: first.takenAt,
+      reason: first.reason,
+      source: first.source,
+      profile: first.profile,
+      records: group
+    };
+  }).sort((a, b) => Date.parse(a.takenAt) - Date.parse(b.takenAt));
+}
+function GoProfileView({ records, processKey, topN, className }) {
+  const keys = useMemo(() => new Set(records.map((record) => record.key)), [records]);
+  if (keys.size > 1 && processKey === void 0) {
+    throw new Error(`GoProfileView got records of ${keys.size} processes; pass processKey to choose one`);
+  }
+  const own = useMemo(
+    () => processKey === void 0 ? records : records.filter((record) => record.key === processKey),
+    [records, processKey]
+  );
+  const checkpoints = useMemo(() => profileCheckpoints(own), [own]);
+  const [picked, setPicked] = useState(null);
+  const selected = checkpoints.find((checkpoint) => checkpoint.checkpointId === picked) ?? checkpoints[checkpoints.length - 1];
+  if (!selected) return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No profile collected yet" });
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-density-2", className), "data-go-profile": selected.profile, children: [
+    checkpoints.length > 1 ? /* @__PURE__ */ jsx("div", { className: "max-w-md", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": "Profile checkpoint",
+        value: selected.checkpointId,
+        onChange: (event) => setPicked(event.target.value),
+        options: [...checkpoints].reverse().map((checkpoint) => ({
+          value: checkpoint.checkpointId,
+          label: [formatProcessTimestamp(checkpoint.takenAt), checkpoint.profile, checkpoint.reason, checkpoint.source].filter(Boolean).join(" · ")
+        }))
+      }
+    ) }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: [selected.profile, formatProcessTimestamp(selected.takenAt), selected.reason, selected.source].filter(Boolean).join(" · ") }),
+    /* @__PURE__ */ jsx(ProfileTopTable, { samples: selected.records, ...topN !== void 0 ? { topN } : {} }, selected.checkpointId)
+  ] });
+}
+export {
+  GoProfileView,
+  ProfileTopTable
+};
+//# sourceMappingURL=GoProfileView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoProfileView.js","sources":["../../../src/data/traces/GoProfileView.tsx"],"sourcesContent":["import { Fragment, useMemo, useState } from \"react\";\nimport { Select } from \"../../components/select\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport {\n  aggregateProfile,\n  formatProfileValue,\n  profileValueTypes,\n  stacksThrough,\n  type ProfileFunctionRow,\n} from \"./profile-aggregate\";\nimport { formatProcessTimestamp } from \"./process-tree\";\nimport type { GoProfileRecord, ProfileSample, StackFrame } from \"./types\";\n\nconst DEFAULT_TOP_N = 20;\nconst DRILL_DOWN_STACKS = 5;\n\ntype SortKey = \"flat\" | \"cum\";\n\nfunction frameLocation(frame: StackFrame): string {\n  return frame.file ? `${frame.file}${frame.line ? `:${frame.line}` : \"\"}` : \"\";\n}\n\nfunction Percent({ value, total }: { value: number; total: number }) {\n  return <span className=\"text-muted-foreground\">{total > 0 ? `${((value / total) * 100).toFixed(1)}%` : \"—\"}</span>;\n}\n\nfunction DrillDown({\n  samples,\n  sampleType,\n  unit,\n  func,\n  total,\n}: {\n  samples: ProfileSample[];\n  sampleType: string;\n  unit: string;\n  func: string;\n  total: number;\n}) {\n  const stacks = stacksThrough(samples, sampleType, func, DRILL_DOWN_STACKS);\n  return (\n    <div className=\"space-y-density-2\" data-profile-stacks={func}>\n      {stacks.map((stack, index) => (\n        <div key={index} className=\"rounded border border-border bg-muted/30 p-density-2\">\n          <div className=\"mb-1 text-[11px] text-muted-foreground\">\n            {formatProfileValue(stack.value, unit)} <Percent value={stack.value} total={total} />\n          </div>\n          <ol className=\"space-y-0.5 font-mono text-[11px] leading-4\">\n            {stack.frames.map((frame, depth) => (\n              <li key={depth} className={cn(\"break-all\", frame.func === func ? \"font-semibold text-foreground\" : \"text-muted-foreground\")}>\n                {frame.func}\n                {frameLocation(frame) && <span className=\"ml-2 text-[10px] font-normal opacity-80\">{frameLocation(frame)}</span>}\n              </li>\n            ))}\n          </ol>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport type ProfileTopTableProps = {\n  /** Samples of any profile: a value of some type and unit attributed to a stack, innermost frame first. */\n  samples: ProfileSample[];\n  /** Functions shown before \"Show all\"; defaults to 20. */\n  topN?: number;\n  className?: string;\n};\n\n/**\n * The heaviest functions of a profile: a table by flat value (the innermost\n * frame) and cumulative value (anywhere in the stack), sortable by either, per\n * sample type, with a drill-down from a function to the stacks that reach it.\n * Not specific to Go: any samples of a value, a unit and a stack fit.\n */\nexport function ProfileTopTable({ samples, topN = DEFAULT_TOP_N, className }: ProfileTopTableProps) {\n  const types = useMemo(() => profileValueTypes(samples), [samples]);\n  // pprof's default sample index is its last value type: cpu, inuse_space.\n  const [picked, setPicked] = useState<string | null>(null);\n  const sampleType = types.find((type) => type.sampleType === picked)?.sampleType ?? types[types.length - 1]?.sampleType;\n  const [sortKey, setSortKey] = useState<SortKey>(\"flat\");\n  const [showAll, setShowAll] = useState(false);\n  const [open, setOpen] = useState<string | null>(null);\n  const aggregate = useMemo(() => (sampleType ? aggregateProfile(samples, sampleType) : undefined), [samples, sampleType]);\n\n  if (!sampleType || !aggregate) {\n    return <div className=\"text-sm text-muted-foreground\">The profile has no samples</div>;\n  }\n\n  const sorted: ProfileFunctionRow[] =\n    sortKey === \"flat\" ? aggregate.functions : [...aggregate.functions].sort((a, b) => b.cum - a.cum || b.flat - a.flat);\n  const shown = showAll ? sorted : sorted.slice(0, topN);\n  const sortHeader = (key: SortKey, label: string) => (\n    <th scope=\"col\" className=\"px-2 py-1 text-right font-medium\" aria-sort={sortKey === key ? \"descending\" : \"none\"}>\n      <button type=\"button\" className={cn(\"hover:text-foreground\", sortKey === key && \"text-foreground\")} onClick={() => setSortKey(key)}>\n        {label}\n      </button>\n    </th>\n  );\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)} data-profile-top=\"\">\n      <div className=\"flex flex-wrap items-center justify-between gap-density-2 text-xs text-muted-foreground\">\n        <span>\n          Total {formatProfileValue(aggregate.total, aggregate.unit)} across {aggregate.functions.length} functions\n        </span>\n        {types.length > 1 && (\n          <div className=\"min-w-[12rem]\">\n            <Select\n              aria-label=\"Sample type\"\n              value={sampleType}\n              onChange={(event) => {\n                setPicked(event.target.value);\n                setOpen(null);\n              }}\n              options={types.map((type) => ({ value: type.sampleType, label: `${type.sampleType} (${type.unit})` }))}\n            />\n          </div>\n        )}\n      </div>\n      <table className=\"w-full table-fixed border-collapse text-xs\">\n        <thead className=\"text-muted-foreground\">\n          <tr className=\"border-b border-border\">\n            <th scope=\"col\" className=\"px-2 py-1 text-left font-medium\">\n              Function\n            </th>\n            {sortHeader(\"flat\", \"Flat\")}\n            <th scope=\"col\" className=\"w-16 px-2 py-1 text-right font-medium\">\n              Flat %\n            </th>\n            {sortHeader(\"cum\", \"Cum\")}\n            <th scope=\"col\" className=\"w-16 px-2 py-1 text-right font-medium\">\n              Cum %\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {shown.map((row) => {\n            const expanded = open === row.func;\n            return (\n              <Fragment key={row.func}>\n                <tr className=\"border-b border-border/60 hover:bg-muted/40\" data-profile-function={row.func}>\n                  <td className=\"px-2 py-1\">\n                    <button\n                      type=\"button\"\n                      aria-expanded={expanded}\n                      className=\"flex w-full items-start gap-1 text-left\"\n                      onClick={() => setOpen(expanded ? null : row.func)}\n                    >\n                      <Icon icon={expanded ? UiChevronDown : UiChevronRight} className=\"mt-0.5 shrink-0 text-[11px]\" />\n                      <span className=\"min-w-0\">\n                        <span className=\"block break-all font-mono text-[11px] font-semibold\">{row.func}</span>\n                        {frameLocation(row) && (\n                          <span className=\"block break-all text-[10px] text-muted-foreground\">{frameLocation(row)}</span>\n                        )}\n                      </span>\n                    </button>\n                  </td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">{formatProfileValue(row.flat, aggregate.unit)}</td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">\n                    <Percent value={row.flat} total={aggregate.total} />\n                  </td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">{formatProfileValue(row.cum, aggregate.unit)}</td>\n                  <td className=\"px-2 py-1 text-right tabular-nums\">\n                    <Percent value={row.cum} total={aggregate.total} />\n                  </td>\n                </tr>\n                {expanded && (\n                  <tr>\n                    <td colSpan={5} className=\"px-2 py-density-2\">\n                      <DrillDown\n                        samples={samples}\n                        sampleType={sampleType}\n                        unit={aggregate.unit}\n                        func={row.func}\n                        total={aggregate.total}\n                      />\n                    </td>\n                  </tr>\n                )}\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n      {!showAll && sorted.length > shown.length && (\n        <button type=\"button\" className=\"text-xs text-primary hover:underline\" onClick={() => setShowAll(true)}>\n          Show all {sorted.length} functions\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport type GoProfileViewProps = {\n  /** `goprof` records, possibly of several checkpoints and processes; those of one process are shown. */\n  records: GoProfileRecord[];\n  /** The `process_tree` key whose profiles to show; required when the records span processes. */\n  processKey?: string;\n  topN?: number;\n  className?: string;\n};\n\ntype ProfileCheckpoint = { checkpointId: string; takenAt: string; reason: string; source: string; profile: string; records: GoProfileRecord[] };\n\nfunction profileCheckpoints(records: GoProfileRecord[]): ProfileCheckpoint[] {\n  const groups = new Map<string, GoProfileRecord[]>();\n  for (const record of records) groups.set(record.checkpointId, [...(groups.get(record.checkpointId) ?? []), record]);\n  return [...groups]\n    .map(([checkpointId, group]): ProfileCheckpoint => {\n      const [first] = group as [GoProfileRecord, ...GoProfileRecord[]];\n      return {\n        checkpointId,\n        takenAt: first.takenAt,\n        reason: first.reason,\n        source: first.source,\n        profile: first.profile,\n        records: group,\n      };\n    })\n    .sort((a, b) => Date.parse(a.takenAt) - Date.parse(b.takenAt));\n}\n\n/**\n * A Go pprof profile as the `goprof` kind stores it: the checkpoint chooser\n * (profile type, source and time; the latest by default) over a top-N table of\n * functions by flat and cumulative value with a frames drill-down. Props-only.\n */\nexport function GoProfileView({ records, processKey, topN, className }: GoProfileViewProps) {\n  const keys = useMemo(() => new Set(records.map((record) => record.key)), [records]);\n  if (keys.size > 1 && processKey === undefined) {\n    throw new Error(`GoProfileView got records of ${keys.size} processes; pass processKey to choose one`);\n  }\n  const own = useMemo(\n    () => (processKey === undefined ? records : records.filter((record) => record.key === processKey)),\n    [records, processKey],\n  );\n  const checkpoints = useMemo(() => profileCheckpoints(own), [own]);\n  const [picked, setPicked] = useState<string | null>(null);\n  const selected = checkpoints.find((checkpoint) => checkpoint.checkpointId === picked) ?? checkpoints[checkpoints.length - 1];\n\n  if (!selected) return <div className=\"text-sm text-muted-foreground\">No profile collected yet</div>;\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)} data-go-profile={selected.profile}>\n      {checkpoints.length > 1 ? (\n        <div className=\"max-w-md\">\n          <Select\n            aria-label=\"Profile checkpoint\"\n            value={selected.checkpointId}\n            onChange={(event) => setPicked(event.target.value)}\n            options={[...checkpoints].reverse().map((checkpoint) => ({\n              value: checkpoint.checkpointId,\n              label: [formatProcessTimestamp(checkpoint.takenAt), checkpoint.profile, checkpoint.reason, checkpoint.source]\n                .filter(Boolean)\n                .join(\" · \"),\n            }))}\n          />\n        </div>\n      ) : (\n        <div className=\"text-xs text-muted-foreground\">\n          {[selected.profile, formatProcessTimestamp(selected.takenAt), selected.reason, selected.source].filter(Boolean).join(\" · \")}\n        </div>\n      )}\n      <ProfileTopTable key={selected.checkpointId} samples={selected.records} {...(topN !== undefined ? { topN } : {})} />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/traces/ProcessFacetTable.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const DataTable = require("../DataTable.cjs");
+const processFacets = require("./process-facets.cjs");
+const processTree = require("./process-tree.cjs");
+const addressColumns = [
+  { key: "fd", label: "FD", sortable: true },
+  {
+    key: "protocol",
+    label: "Protocol",
+    sortable: true,
+    filterable: true,
+    accessor: (descriptor) => descriptor.protocol || descriptor.type
+  },
+  { key: "state", label: "State", sortable: true, filterable: true },
+  {
+    key: "localAddr",
+    label: "Local",
+    sortable: true,
+    grow: true,
+    accessor: (descriptor) => descriptor.localAddr || descriptor.name
+  },
+  { key: "remoteAddr", label: "Remote", sortable: true }
+];
+const descriptorColumns = {
+  openFiles: [
+    { key: "fd", label: "FD", sortable: true },
+    { key: "type", label: "Type", sortable: true, filterable: true },
+    { key: "name", label: "Path", sortable: true, grow: true }
+  ],
+  sockets: addressColumns,
+  connections: addressColumns,
+  ports: [
+    { key: "port", label: "Port", sortable: true },
+    { key: "protocol", label: "Protocol", sortable: true, filterable: true },
+    { key: "localAddr", label: "Address", sortable: true, grow: true },
+    { key: "fd", label: "FD", sortable: true }
+  ]
+};
+const envColumns = [
+  { key: "name", label: "Name", sortable: true },
+  { key: "value", label: "Value", grow: true }
+];
+const tableChrome = { autoFilter: true, showThemeControl: false, showFullscreenControl: false };
+function ProcessFacetTable(props) {
+  if (props.facet === "env") {
+    const rows = Object.entries(props.environment ?? {}).map(([name, value]) => ({ name, value })).sort((a, b) => a.name.localeCompare(b.name));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", "data-process-facet": "env", children: [
+      props.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap text-xs text-red-700 dark:text-red-400", role: "alert", children: props.error }),
+      props.environment && /* @__PURE__ */ jsxRuntime.jsx(
+        DataTable.DataTable,
+        {
+          data: rows,
+          columns: envColumns,
+          getRowId: (row) => row.name,
+          emptyMessage: "The process has no environment variables",
+          ...tableChrome
+        }
+      )
+    ] });
+  }
+  const { reading, facet } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", "data-process-facet": facet, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: reading ? `Read at ${processTree.formatProcessTimestamp(reading.readAt)}` : "No reading stored for this process yet" }),
+    reading && /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable.DataTable,
+      {
+        data: reading.rows,
+        columns: descriptorColumns[facet],
+        getRowId: (row, index) => `${row.fd}:${index}`,
+        emptyMessage: processFacets.SAMPLE_FACETS[facet].empty,
+        ...tableChrome
+      }
+    )
+  ] });
+}
+exports.ProcessFacetTable = ProcessFacetTable;
+//# sourceMappingURL=ProcessFacetTable.cjs.map