@flanksource/clicky-ui 0.1.0 → 0.2.1

package/dist/data/diagnostics/DiagnosticsDetailPanel.js

@@ -0,0 +1,445 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { Icon } from "../Icon.js";
+import { processLabel, processStateIcon, processStateColor, formatBytes } from "./utils.js";
+import { parseStackDump, countStackByState } from "./stacktrace.js";
+import { GoroutineCard, goroutineStateDot } from "./GoroutineCard.js";
+import { ThreadCard, threadStateDot } from "./ThreadCard.js";
+const STACK_MIN_LINES = 10;
+const STACK_LINE_HEIGHT_REM = 1;
+const STACK_MIN_HEIGHT = `${STACK_MIN_LINES * STACK_LINE_HEIGHT_REM}rem`;
+function cpuTone(pct) {
+  if (pct >= 90) return "danger";
+  if (pct >= 60) return "warning";
+  if (pct > 0) return "success";
+  return "neutral";
+}
+function memoryTone(rss, vms) {
+  if (!rss || !vms) return "neutral";
+  const ratio = rss / vms;
+  if (ratio >= 0.9) return "danger";
+  if (ratio >= 0.6) return "warning";
+  return "info";
+}
+function DiagnosticsDetailPanel({
+  process,
+  collectBusy,
+  onCollectStack,
+  runMeta
+}) {
+  const [search, setSearch] = useState("");
+  const [selectedStates, setSelectedStates] = useState(/* @__PURE__ */ new Set());
+  const [hideRuntimeOnly, setHideRuntimeOnly] = useState(true);
+  const stack = process == null ? void 0 : process.stack_capture;
+  const parsed = useMemo(() => parseStackDump((stack == null ? void 0 : stack.text) || ""), [stack == null ? void 0 : stack.text]);
+  const stateCounts = useMemo(() => countStackByState(parsed), [parsed]);
+  const filtered = useMemo(() => {
+    const needle = search.trim().toLowerCase();
+    const items = parsed.format === "jvm" ? parsed.threads : parsed.format === "go" ? parsed.goroutines : [];
+    return items.filter((item) => {
+      if (selectedStates.size > 0 && !selectedStates.has(item.state)) return false;
+      if (hideRuntimeOnly && item.userFrameCount === 0) return false;
+      if (needle && !item.searchText.includes(needle)) return false;
+      return true;
+    });
+  }, [parsed, search, selectedStates, hideRuntimeOnly]);
+  useEffect(() => {
+    setSearch("");
+    setSelectedStates(/* @__PURE__ */ new Set());
+    setHideRuntimeOnly(true);
+  }, [stack == null ? void 0 : stack.text, process == null ? void 0 : process.pid]);
+  if (!process) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground text-sm", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "codicon:server-process", className: "text-4xl mb-density-2" }),
+      /* @__PURE__ */ jsx("div", { children: "Select a process to view diagnostics" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-0 flex flex-col gap-density-3 p-density-4", children: [
+    /* @__PURE__ */ jsx(Header, { process }),
+    runMeta && /* @__PURE__ */ jsx(RunSection, { runMeta }),
+    process.command && /* @__PURE__ */ jsx(PanelSection, { title: "Command", children: /* @__PURE__ */ jsx("pre", { className: "text-xs text-foreground whitespace-pre-wrap font-mono bg-blue-50 dark:bg-blue-500/10 rounded p-2 break-all", children: process.command }) }),
+    /* @__PURE__ */ jsx(PanelSection, { title: "Metrics", children: /* @__PURE__ */ jsx(ProcessMetrics, { process }) }),
+    /* @__PURE__ */ jsx(PanelSection, { title: "Stack", grow: true, children: /* @__PURE__ */ jsx(
+      StackBlock,
+      {
+        process,
+        parsed,
+        stateCounts,
+        filtered,
+        search,
+        setSearch,
+        selectedStates,
+        setSelectedStates,
+        hideRuntimeOnly,
+        setHideRuntimeOnly,
+        collectBusy: collectBusy ?? false,
+        ...onCollectStack ? { onCollectStack } : {}
+      }
+    ) })
+  ] });
+}
+function Header({ process }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-density-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-density-2", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: process.is_root ? "codicon:server-process" : "codicon:debug-alt",
+          className: "text-2xl text-blue-600"
+        }
+      ),
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-foreground break-words", children: processLabel(process) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-density-2 flex-wrap text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+        "pid ",
+        process.pid
+      ] }),
+      process.ppid ? /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+        "ppid ",
+        process.ppid
+      ] }) : null,
+      process.status ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: `inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 ${processStateColor(
+            process.status
+          )}`,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: processStateIcon(process.status) }),
+            process.status
+          ]
+        }
+      ) : null
+    ] })
+  ] }) });
+}
+function RunSection({ runMeta }) {
+  return /* @__PURE__ */ jsx(PanelSection, { title: "Run", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-density-2 text-sm", children: [
+    /* @__PURE__ */ jsx(
+      InfoTile,
+      {
+        label: runMeta.kind === "rerun" ? `Rerun #${runMeta.sequence}` : "Initial run",
+        value: runMeta.started ? new Date(runMeta.started).toLocaleString() : "Unavailable"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      InfoTile,
+      {
+        label: "Finished",
+        value: runMeta.ended ? new Date(runMeta.ended).toLocaleString() : "In progress"
+      }
+    )
+  ] }) });
+}
+function stackItemCount(parsed) {
+  if (parsed.format === "jvm") return parsed.threads.length;
+  if (parsed.format === "go") return parsed.goroutines.length;
+  return 0;
+}
+function stackItemLabel(parsed) {
+  if (parsed.format === "jvm") return "threads";
+  if (parsed.format === "go") return "goroutines";
+  return "frames";
+}
+function stackStateDot(parsed, state) {
+  return parsed.format === "jvm" ? threadStateDot(state) : goroutineStateDot(state);
+}
+function StackBlock(props) {
+  const {
+    process,
+    parsed,
+    stateCounts,
+    filtered,
+    search,
+    setSearch,
+    selectedStates,
+    setSelectedStates,
+    hideRuntimeOnly,
+    setHideRuntimeOnly,
+    collectBusy,
+    onCollectStack
+  } = props;
+  const stack = process.stack_capture;
+  if (!(stack == null ? void 0 : stack.text)) {
+    return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-[14rem] flex flex-col justify-center gap-density-3 p-density-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `h-3 w-40 rounded ${collectBusy ? "animate-pulse bg-muted" : "bg-muted/70"}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `h-3 w-full rounded ${collectBusy ? "animate-pulse bg-muted" : "bg-muted/70"}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `h-3 w-5/6 rounded ${collectBusy ? "animate-pulse bg-muted" : "bg-muted/70"}`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-density-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: (stack == null ? void 0 : stack.error) ? stack.error : collectBusy ? "Collecting stack trace..." : "No stack trace collected yet." }),
+        onCollectStack && /* @__PURE__ */ jsx(
+          CollectButton,
+          {
+            pid: process.pid,
+            busy: collectBusy ?? false,
+            onClick: onCollectStack,
+            primary: true
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-0 flex flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-1 py-1.5 space-y-density-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-density-2 text-[11px] text-muted-foreground flex-wrap", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-density-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx(StackStatusBadge, { status: stack.status }),
+          stack.collected_at && /* @__PURE__ */ jsx("span", { children: new Date(stack.collected_at).toLocaleString() }),
+          stackItemCount(parsed) > 0 && /* @__PURE__ */ jsxs("span", { children: [
+            filtered.length,
+            " / ",
+            stackItemCount(parsed),
+            " ",
+            stackItemLabel(parsed)
+          ] })
+        ] }),
+        onCollectStack && /* @__PURE__ */ jsx(CollectButton, { pid: process.pid, busy: collectBusy ?? false, onClick: onCollectStack })
+      ] }),
+      stackItemCount(parsed) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative min-w-[14rem] flex-1", children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: "codicon:search",
+                className: "absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground text-xs"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "w-full rounded-md border border-border bg-muted/50 py-1 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background",
+                placeholder: parsed.format === "jvm" ? "Filter by thread name, function, or file" : "Filter by goroutine id, function, or file",
+                value: search,
+                onChange: (e) => setSearch(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: hideRuntimeOnly,
+                onChange: (e) => setHideRuntimeOnly(e.target.checked)
+              }
+            ),
+            "Hide runtime-only"
+          ] }),
+          (search || selectedStates.size > 0 || !hideRuntimeOnly) && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "text-[11px] text-muted-foreground hover:text-foreground",
+              onClick: () => {
+                setSearch("");
+                setSelectedStates(() => /* @__PURE__ */ new Set());
+                setHideRuntimeOnly(true);
+              },
+              children: "Clear"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 flex-wrap", children: Array.from(stateCounts.entries()).sort((a, b) => b[1] - a[1]).map(([state, count]) => {
+          const active = selectedStates.has(state);
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] transition-colors ${active ? "border-primary bg-primary/10 text-primary" : "border-border bg-muted/50 text-muted-foreground hover:bg-background"}`,
+              onClick: () => {
+                setSelectedStates((prev) => {
+                  const next = new Set(prev);
+                  if (next.has(state)) next.delete(state);
+                  else next.add(state);
+                  return next;
+                });
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${stackStateDot(parsed, state)}` }),
+                state,
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] opacity-70", children: count })
+              ]
+            },
+            state
+          );
+        }) })
+      ] })
+    ] }),
+    stack.error && /* @__PURE__ */ jsx("div", { className: "mt-density-2 text-xs text-red-600 whitespace-pre-wrap", children: stack.error }),
+    stackItemCount(parsed) === 0 ? /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: "flex-1 min-h-0 overflow-auto py-1 text-[11px] text-foreground whitespace-pre-wrap font-mono leading-4",
+        style: { minHeight: STACK_MIN_HEIGHT },
+        children: stack.text
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex-1 min-h-0 overflow-auto py-1 space-y-1",
+        style: { minHeight: STACK_MIN_HEIGHT },
+        children: [
+          filtered.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-density-3 text-center text-xs text-muted-foreground", children: [
+            "No ",
+            stackItemLabel(parsed),
+            " match the current filters."
+          ] }),
+          parsed.format === "jvm" && parsed.threads.filter((t) => filtered.includes(t)).map((t) => /* @__PURE__ */ jsx(
+            ThreadCard,
+            {
+              thread: t,
+              search,
+              hideRuntimeOnly
+            },
+            t.id
+          )),
+          parsed.format === "go" && parsed.goroutines.filter((g) => filtered.includes(g)).map((goroutine) => /* @__PURE__ */ jsx(
+            GoroutineCard,
+            {
+              goroutine,
+              search,
+              hideRuntimeOnly
+            },
+            goroutine.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+function StackStatusBadge({ status }) {
+  const cls = status === "ready" ? "bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300" : status === "unsupported" ? "bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300" : "bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-300";
+  return /* @__PURE__ */ jsx("span", { className: `px-2 py-0.5 rounded-full ${cls}`, children: status });
+}
+function CollectButton({
+  pid,
+  busy,
+  onClick,
+  primary
+}) {
+  const base = "shrink-0 text-[11px] px-2 py-1 rounded disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1";
+  const style = primary ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-border text-muted-foreground hover:bg-accent";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `${base} ${style}`,
+      onClick: () => onClick(pid),
+      disabled: busy,
+      title: primary ? "Collect the latest stack trace" : "Refresh stack trace",
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: busy ? "svg-spinners:ring-resize" : primary ? "codicon:debug-alt-small" : "codicon:refresh"
+          }
+        ),
+        busy ? "Collecting..." : primary ? "Collect stack trace" : "Refresh"
+      ]
+    }
+  );
+}
+function PanelSection({
+  title,
+  grow,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: grow ? "flex min-h-0 flex-1 flex-col" : "", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children: title }),
+    grow ? /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children }) : children
+  ] });
+}
+function InfoTile({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-lg bg-muted/50 px-2.5 py-density-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-foreground mt-0.5", children: value })
+  ] });
+}
+function ProcessMetrics({ process }) {
+  const cpu = process.cpu_percent || 0;
+  const rss = process.rss;
+  const vms = process.vms;
+  const memRatioPct = rss && vms && vms > 0 ? Math.min(100, Math.round(rss / vms * 100)) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-density-1", children: [
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "CPU",
+        value: `${cpu.toFixed(1)}%`,
+        barPct: Math.min(100, cpu),
+        tone: cpuTone(cpu)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "RSS",
+        value: rss !== void 0 ? formatBytes(rss) : "n/a",
+        barPct: memRatioPct,
+        tone: memoryTone(rss, vms)
+      }
+    ),
+    /* @__PURE__ */ jsx(MetricTile, { label: "VMS", value: vms !== void 0 ? formatBytes(vms) : "n/a", tone: "neutral" }),
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Files",
+        value: process.open_files !== void 0 ? String(process.open_files) : "n/a",
+        barPct: process.open_files ? Math.min(100, process.open_files / 1024 * 100) : 0,
+        tone: "info"
+      }
+    )
+  ] });
+}
+function MetricTile({
+  label,
+  value,
+  barPct,
+  tone = "neutral"
+}) {
+  const toneBar = {
+    neutral: "bg-muted-foreground/40",
+    success: "bg-green-500",
+    warning: "bg-yellow-500",
+    danger: "bg-red-500",
+    info: "bg-blue-500"
+  };
+  const toneText = {
+    neutral: "text-foreground",
+    success: "text-green-600 dark:text-green-400",
+    warning: "text-yellow-600 dark:text-yellow-400",
+    danger: "text-red-600 dark:text-red-400",
+    info: "text-blue-600 dark:text-blue-400"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 rounded-md border border-border bg-background px-density-2 py-1 min-w-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[9px] uppercase tracking-wide text-muted-foreground leading-none", children: label }),
+    /* @__PURE__ */ jsx("span", { className: `text-xs font-semibold tabular-nums truncate ${toneText[tone]}`, children: value }),
+    barPct !== void 0 && /* @__PURE__ */ jsx("div", { className: "h-0.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `h-full ${toneBar[tone]} transition-all duration-300`,
+        style: { width: `${barPct}%` }
+      }
+    ) })
+  ] });
+}
+export {
+  DiagnosticsDetailPanel
+};
+//# sourceMappingURL=DiagnosticsDetailPanel.js.map

package/dist/data/diagnostics/DiagnosticsDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsDetailPanel.js","sources":["../../../src/data/diagnostics/DiagnosticsDetailPanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { GaugeTone } from \"../Gauge\";\nimport type { ProcessNode, RunMeta } from \"./types\";\nimport { formatBytes, processLabel, processStateColor, processStateIcon } from \"./utils\";\nimport { countStackByState, parseStackDump, type ParsedStack } from \"./stacktrace\";\nimport { GoroutineCard, goroutineStateDot } from \"./GoroutineCard\";\nimport { ThreadCard, threadStateDot } from \"./ThreadCard\";\n\nconst STACK_MIN_LINES = 10;\nconst STACK_LINE_HEIGHT_REM = 1;\nconst STACK_MIN_HEIGHT = `${STACK_MIN_LINES * STACK_LINE_HEIGHT_REM}rem`;\n\nfunction cpuTone(pct: number): GaugeTone {\n  if (pct >= 90) return \"danger\";\n  if (pct >= 60) return \"warning\";\n  if (pct > 0) return \"success\";\n  return \"neutral\";\n}\n\nfunction memoryTone(rss: number | undefined, vms: number | undefined): GaugeTone {\n  if (!rss || !vms) return \"neutral\";\n  const ratio = rss / vms;\n  if (ratio >= 0.9) return \"danger\";\n  if (ratio >= 0.6) return \"warning\";\n  return \"info\";\n}\n\nexport type DiagnosticsDetailPanelProps = {\n  process: ProcessNode | null;\n  collectBusy?: boolean;\n  onCollectStack?: (pid: number) => void | Promise<void>;\n  runMeta?: RunMeta;\n};\n\nexport function DiagnosticsDetailPanel({\n  process,\n  collectBusy,\n  onCollectStack,\n  runMeta,\n}: DiagnosticsDetailPanelProps) {\n  const [search, setSearch] = useState(\"\");\n  const [selectedStates, setSelectedStates] = useState<Set<string>>(new Set());\n  const [hideRuntimeOnly, setHideRuntimeOnly] = useState(true);\n  const stack = process?.stack_capture;\n  const parsed = useMemo<ParsedStack>(() => parseStackDump(stack?.text || \"\"), [stack?.text]);\n  const stateCounts = useMemo(() => countStackByState(parsed), [parsed]);\n  const filtered = useMemo(() => {\n    const needle = search.trim().toLowerCase();\n    const items: Array<{\n      state: string;\n      userFrameCount: number;\n      searchText: string;\n    }> = parsed.format === \"jvm\" ? parsed.threads : parsed.format === \"go\" ? parsed.goroutines : [];\n    return items.filter((item) => {\n      if (selectedStates.size > 0 && !selectedStates.has(item.state)) return false;\n      if (hideRuntimeOnly && item.userFrameCount === 0) return false;\n      if (needle && !item.searchText.includes(needle)) return false;\n      return true;\n    });\n  }, [parsed, search, selectedStates, hideRuntimeOnly]);\n\n  useEffect(() => {\n    setSearch(\"\");\n    setSelectedStates(new Set());\n    setHideRuntimeOnly(true);\n  }, [stack?.text, process?.pid]);\n\n  if (!process) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-muted-foreground text-sm\">\n        <div className=\"text-center\">\n          <Icon name=\"codicon:server-process\" className=\"text-4xl mb-density-2\" />\n          <div>Select a process to view diagnostics</div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col gap-density-3 p-density-4\">\n      <Header process={process} />\n      {runMeta && <RunSection runMeta={runMeta} />}\n      {process.command && (\n        <PanelSection title=\"Command\">\n          <pre className=\"text-xs text-foreground whitespace-pre-wrap font-mono bg-blue-50 dark:bg-blue-500/10 rounded p-2 break-all\">\n            {process.command}\n          </pre>\n        </PanelSection>\n      )}\n\n      <PanelSection title=\"Metrics\">\n        <ProcessMetrics process={process} />\n      </PanelSection>\n\n      <PanelSection title=\"Stack\" grow>\n        <StackBlock\n          process={process}\n          parsed={parsed}\n          stateCounts={stateCounts}\n          filtered={filtered}\n          search={search}\n          setSearch={setSearch}\n          selectedStates={selectedStates}\n          setSelectedStates={setSelectedStates}\n          hideRuntimeOnly={hideRuntimeOnly}\n          setHideRuntimeOnly={setHideRuntimeOnly}\n          collectBusy={collectBusy ?? false}\n          {...(onCollectStack ? { onCollectStack } : {})}\n        />\n      </PanelSection>\n    </div>\n  );\n}\n\nfunction Header({ process }: { process: ProcessNode }) {\n  return (\n    <div className=\"flex items-start justify-between gap-density-3\">\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-density-2\">\n          <Icon\n            name={process.is_root ? \"codicon:server-process\" : \"codicon:debug-alt\"}\n            className=\"text-2xl text-blue-600\"\n          />\n          <h2 className=\"text-lg font-bold text-foreground break-words\">{processLabel(process)}</h2>\n        </div>\n        <div className=\"mt-1 flex items-center gap-density-2 flex-wrap text-xs text-muted-foreground\">\n          <span className=\"font-mono\">pid {process.pid}</span>\n          {process.ppid ? <span className=\"font-mono\">ppid {process.ppid}</span> : null}\n          {process.status ? (\n            <span\n              className={`inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 ${processStateColor(\n                process.status,\n              )}`}\n            >\n              <Icon name={processStateIcon(process.status)} />\n              {process.status}\n            </span>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction RunSection({ runMeta }: { runMeta: RunMeta }) {\n  return (\n    <PanelSection title=\"Run\">\n      <div className=\"grid grid-cols-2 gap-density-2 text-sm\">\n        <InfoTile\n          label={runMeta.kind === \"rerun\" ? `Rerun #${runMeta.sequence}` : \"Initial run\"}\n          value={runMeta.started ? new Date(runMeta.started).toLocaleString() : \"Unavailable\"}\n        />\n        <InfoTile\n          label=\"Finished\"\n          value={runMeta.ended ? new Date(runMeta.ended).toLocaleString() : \"In progress\"}\n        />\n      </div>\n    </PanelSection>\n  );\n}\n\ntype StackFilterItem = { state: string; userFrameCount: number; searchText: string };\n\ntype StackBlockProps = {\n  process: ProcessNode;\n  parsed: ParsedStack;\n  stateCounts: Map<string, number>;\n  filtered: StackFilterItem[];\n  search: string;\n  setSearch: (v: string) => void;\n  selectedStates: Set<string>;\n  setSelectedStates: (updater: (prev: Set<string>) => Set<string>) => void;\n  hideRuntimeOnly: boolean;\n  setHideRuntimeOnly: (v: boolean) => void;\n  collectBusy?: boolean;\n  onCollectStack?: (pid: number) => void | Promise<void>;\n};\n\nfunction stackItemCount(parsed: ParsedStack): number {\n  if (parsed.format === \"jvm\") return parsed.threads.length;\n  if (parsed.format === \"go\") return parsed.goroutines.length;\n  return 0;\n}\n\nfunction stackItemLabel(parsed: ParsedStack): string {\n  if (parsed.format === \"jvm\") return \"threads\";\n  if (parsed.format === \"go\") return \"goroutines\";\n  return \"frames\";\n}\n\nfunction stackStateDot(parsed: ParsedStack, state: string): string {\n  return parsed.format === \"jvm\" ? threadStateDot(state) : goroutineStateDot(state);\n}\n\nfunction StackBlock(props: StackBlockProps) {\n  const {\n    process,\n    parsed,\n    stateCounts,\n    filtered,\n    search,\n    setSearch,\n    selectedStates,\n    setSelectedStates,\n    hideRuntimeOnly,\n    setHideRuntimeOnly,\n    collectBusy,\n    onCollectStack,\n  } = props;\n  const stack = process.stack_capture;\n\n  if (!stack?.text) {\n    return (\n      <div className=\"h-full min-h-[14rem] flex flex-col justify-center gap-density-3 p-density-3\">\n        <div className=\"space-y-1.5\">\n          <div\n            className={`h-3 w-40 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-full rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-5/6 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n        </div>\n        <div className=\"flex items-center justify-between gap-density-3\">\n          <div className=\"text-sm text-muted-foreground\">\n            {stack?.error\n              ? stack.error\n              : collectBusy\n                ? \"Collecting stack trace...\"\n                : \"No stack trace collected yet.\"}\n          </div>\n          {onCollectStack && (\n            <CollectButton\n              pid={process.pid}\n              busy={collectBusy ?? false}\n              onClick={onCollectStack}\n              primary\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col\">\n      <div className=\"px-1 py-1.5 space-y-density-2\">\n        <div className=\"flex items-center justify-between gap-density-2 text-[11px] text-muted-foreground flex-wrap\">\n          <div className=\"flex items-center gap-density-2 flex-wrap\">\n            <StackStatusBadge status={stack.status} />\n            {stack.collected_at && <span>{new Date(stack.collected_at).toLocaleString()}</span>}\n            {stackItemCount(parsed) > 0 && (\n              <span>\n                {filtered.length} / {stackItemCount(parsed)} {stackItemLabel(parsed)}\n              </span>\n            )}\n          </div>\n          {onCollectStack && (\n            <CollectButton pid={process.pid} busy={collectBusy ?? false} onClick={onCollectStack} />\n          )}\n        </div>\n        {stackItemCount(parsed) > 0 && (\n          <>\n            <div className=\"flex items-center gap-1.5 flex-wrap\">\n              <div className=\"relative min-w-[14rem] flex-1\">\n                <Icon\n                  name=\"codicon:search\"\n                  className=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground text-xs\"\n                />\n                <input\n                  className=\"w-full rounded-md border border-border bg-muted/50 py-1 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background\"\n                  placeholder={\n                    parsed.format === \"jvm\"\n                      ? \"Filter by thread name, function, or file\"\n                      : \"Filter by goroutine id, function, or file\"\n                  }\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                />\n              </div>\n              <label className=\"inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={hideRuntimeOnly}\n                  onChange={(e) => setHideRuntimeOnly(e.target.checked)}\n                />\n                Hide runtime-only\n              </label>\n              {(search || selectedStates.size > 0 || !hideRuntimeOnly) && (\n                <button\n                  className=\"text-[11px] text-muted-foreground hover:text-foreground\"\n                  onClick={() => {\n                    setSearch(\"\");\n                    setSelectedStates(() => new Set());\n                    setHideRuntimeOnly(true);\n                  }}\n                >\n                  Clear\n                </button>\n              )}\n            </div>\n            <div className=\"flex items-center gap-1 flex-wrap\">\n              {Array.from(stateCounts.entries())\n                .sort((a, b) => b[1] - a[1])\n                .map(([state, count]) => {\n                  const active = selectedStates.has(state);\n                  return (\n                    <button\n                      key={state}\n                      className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] transition-colors ${\n                        active\n                          ? \"border-primary bg-primary/10 text-primary\"\n                          : \"border-border bg-muted/50 text-muted-foreground hover:bg-background\"\n                      }`}\n                      onClick={() => {\n                        setSelectedStates((prev) => {\n                          const next = new Set(prev);\n                          if (next.has(state)) next.delete(state);\n                          else next.add(state);\n                          return next;\n                        });\n                      }}\n                    >\n                      <span className={`h-2 w-2 rounded-full ${stackStateDot(parsed, state)}`} />\n                      {state}\n                      <span className=\"text-[10px] opacity-70\">{count}</span>\n                    </button>\n                  );\n                })}\n            </div>\n          </>\n        )}\n      </div>\n      {stack.error && (\n        <div className=\"mt-density-2 text-xs text-red-600 whitespace-pre-wrap\">{stack.error}</div>\n      )}\n      {stackItemCount(parsed) === 0 ? (\n        <pre\n          className=\"flex-1 min-h-0 overflow-auto py-1 text-[11px] text-foreground whitespace-pre-wrap font-mono leading-4\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {stack.text}\n        </pre>\n      ) : (\n        <div\n          className=\"flex-1 min-h-0 overflow-auto py-1 space-y-1\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {filtered.length === 0 && (\n            <div className=\"py-density-3 text-center text-xs text-muted-foreground\">\n              No {stackItemLabel(parsed)} match the current filters.\n            </div>\n          )}\n          {parsed.format === \"jvm\" &&\n            parsed.threads\n              .filter((t) => filtered.includes(t))\n              .map((t) => (\n                <ThreadCard\n                  key={t.id}\n                  thread={t}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                />\n              ))}\n          {parsed.format === \"go\" &&\n            parsed.goroutines\n              .filter((g) => filtered.includes(g))\n              .map((goroutine) => (\n                <GoroutineCard\n                  key={goroutine.id}\n                  goroutine={goroutine}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                />\n              ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StackStatusBadge({ status }: { status: string }) {\n  const cls =\n    status === \"ready\"\n      ? \"bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300\"\n      : status === \"unsupported\"\n        ? \"bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300\"\n        : \"bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-300\";\n  return <span className={`px-2 py-0.5 rounded-full ${cls}`}>{status}</span>;\n}\n\nfunction CollectButton({\n  pid,\n  busy,\n  onClick,\n  primary,\n}: {\n  pid: number;\n  busy?: boolean;\n  onClick: (pid: number) => void | Promise<void>;\n  primary?: boolean;\n}) {\n  const base =\n    \"shrink-0 text-[11px] px-2 py-1 rounded disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1\";\n  const style = primary\n    ? \"bg-primary text-primary-foreground hover:bg-primary/90\"\n    : \"border border-border text-muted-foreground hover:bg-accent\";\n  return (\n    <button\n      className={`${base} ${style}`}\n      onClick={() => onClick(pid)}\n      disabled={busy}\n      title={primary ? \"Collect the latest stack trace\" : \"Refresh stack trace\"}\n    >\n      <Icon\n        name={\n          busy\n            ? \"svg-spinners:ring-resize\"\n            : primary\n              ? \"codicon:debug-alt-small\"\n              : \"codicon:refresh\"\n        }\n      />\n      {busy ? \"Collecting...\" : primary ? \"Collect stack trace\" : \"Refresh\"}\n    </button>\n  );\n}\n\nfunction PanelSection({\n  title,\n  grow,\n  children,\n}: {\n  title: string;\n  grow?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <section className={grow ? \"flex min-h-0 flex-1 flex-col\" : \"\"}>\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-1.5\">\n        {title}\n      </div>\n      {grow ? <div className=\"flex-1 min-h-0 overflow-hidden\">{children}</div> : children}\n    </section>\n  );\n}\n\nfunction InfoTile({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"border border-border rounded-lg bg-muted/50 px-2.5 py-density-2\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <div className=\"text-xs font-medium text-foreground mt-0.5\">{value}</div>\n    </div>\n  );\n}\n\nfunction ProcessMetrics({ process }: { process: ProcessNode }) {\n  const cpu = process.cpu_percent || 0;\n  const rss = process.rss;\n  const vms = process.vms;\n  const memRatioPct = rss && vms && vms > 0 ? Math.min(100, Math.round((rss / vms) * 100)) : 0;\n  return (\n    <div className=\"grid grid-cols-4 gap-density-1\">\n      <MetricTile\n        label=\"CPU\"\n        value={`${cpu.toFixed(1)}%`}\n        barPct={Math.min(100, cpu)}\n        tone={cpuTone(cpu)}\n      />\n      <MetricTile\n        label=\"RSS\"\n        value={rss !== undefined ? formatBytes(rss) : \"n/a\"}\n        barPct={memRatioPct}\n        tone={memoryTone(rss, vms)}\n      />\n      <MetricTile label=\"VMS\" value={vms !== undefined ? formatBytes(vms) : \"n/a\"} tone=\"neutral\" />\n      <MetricTile\n        label=\"Files\"\n        value={process.open_files !== undefined ? String(process.open_files) : \"n/a\"}\n        barPct={process.open_files ? Math.min(100, (process.open_files / 1024) * 100) : 0}\n        tone=\"info\"\n      />\n    </div>\n  );\n}\n\nfunction MetricTile({\n  label,\n  value,\n  barPct,\n  tone = \"neutral\",\n}: {\n  label: string;\n  value: string;\n  barPct?: number;\n  tone?: GaugeTone;\n}) {\n  const toneBar: Record<GaugeTone, string> = {\n    neutral: \"bg-muted-foreground/40\",\n    success: \"bg-green-500\",\n    warning: \"bg-yellow-500\",\n    danger: \"bg-red-500\",\n    info: \"bg-blue-500\",\n  };\n  const toneText: Record<GaugeTone, string> = {\n    neutral: \"text-foreground\",\n    success: \"text-green-600 dark:text-green-400\",\n    warning: \"text-yellow-600 dark:text-yellow-400\",\n    danger: \"text-red-600 dark:text-red-400\",\n    info: \"text-blue-600 dark:text-blue-400\",\n  };\n  return (\n    <div className=\"flex flex-col gap-0.5 rounded-md border border-border bg-background px-density-2 py-1 min-w-0\">\n      <span className=\"text-[9px] uppercase tracking-wide text-muted-foreground leading-none\">\n        {label}\n      </span>\n      <span className={`text-xs font-semibold tabular-nums truncate ${toneText[tone]}`}>\n        {value}\n      </span>\n      {barPct !== undefined && (\n        <div className=\"h-0.5 w-full rounded-full bg-muted overflow-hidden\">\n          <div\n            className={`h-full ${toneBar[tone]} transition-all duration-300`}\n            style={{ width: `${barPct}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/diagnostics/DiagnosticsTree.d.ts

@@ -0,0 +1,9 @@
+import { ProcessNode } from './types';
+export type DiagnosticsTreeProps = {
+    root?: ProcessNode;
+    selectedPid?: number | null;
+    expandAll?: boolean | null;
+    onSelect: (pid: number) => void;
+};
+export declare function DiagnosticsTree({ root, selectedPid, expandAll, onSelect, }: DiagnosticsTreeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiagnosticsTree.d.ts.map

package/dist/data/diagnostics/DiagnosticsTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsTree.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,SAAgB,EAChB,QAAQ,GACT,EAAE,oBAAoB,2CAsEtB"}

package/dist/data/diagnostics/DiagnosticsTree.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Tree } from "../Tree.js";
+import { Icon } from "../Icon.js";
+import { countProcesses, processLabel, processStateIcon, processStateColor, formatBytes } from "./utils.js";
+function DiagnosticsTree({
+  root,
+  selectedPid,
+  expandAll = null,
+  onSelect
+}) {
+  if (!root) {
+    return /* @__PURE__ */ jsxs("div", { className: "p-density-6 text-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "svg-spinners:ring-resize", className: "text-3xl text-blue-500" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-density-2", children: "Waiting for process diagnostics..." })
+    ] });
+  }
+  if (countProcesses(root) === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "p-density-6 text-center text-muted-foreground text-sm", children: "No processes available" });
+  }
+  return /* @__PURE__ */ jsx(
+    Tree,
+    {
+      roots: [root],
+      getChildren: (n) => n.children,
+      getKey: (n) => n.pid,
+      expandAll,
+      defaultOpen: (n, depth) => !!n.is_root || depth < 1,
+      onSelect: (n) => onSelect(n.pid),
+      renderRow: ({ node }) => {
+        const selected = node.pid === selectedPid;
+        const cpu = node.cpu_percent || 0;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: node.is_root ? "codicon:server-process" : "codicon:debug-alt",
+              className: node.is_root ? "text-base text-blue-600" : "text-base text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `truncate ${selected ? "font-semibold text-primary" : "font-medium text-foreground"}`,
+              children: processLabel(node)
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: [
+            "pid ",
+            node.pid
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+          node.status && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: `inline-flex items-center gap-1 text-xs shrink-0 ${processStateColor(
+                node.status
+              )}`,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: processStateIcon(node.status) }),
+                node.status
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground shrink-0 tabular-nums", children: [
+            cpu.toFixed(1),
+            "%"
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground shrink-0 tabular-nums", children: formatBytes(node.rss) })
+        ] });
+      },
+      rowClass: (node) => node.pid === selectedPid ? "bg-primary/10 border-l-2 border-primary" : "hover:bg-accent"
+    }
+  );
+}
+export {
+  DiagnosticsTree
+};
+//# sourceMappingURL=DiagnosticsTree.js.map

package/dist/data/diagnostics/DiagnosticsTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsTree.js","sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport type { ProcessNode } from \"./types\";\nimport {\n  countProcesses,\n  formatBytes,\n  processLabel,\n  processStateColor,\n  processStateIcon,\n} from \"./utils\";\n\nexport type DiagnosticsTreeProps = {\n  root?: ProcessNode;\n  selectedPid?: number | null;\n  expandAll?: boolean | null;\n  onSelect: (pid: number) => void;\n};\n\nexport function DiagnosticsTree({\n  root,\n  selectedPid,\n  expandAll = null,\n  onSelect,\n}: DiagnosticsTreeProps) {\n  if (!root) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground\">\n        <Icon name=\"svg-spinners:ring-resize\" className=\"text-3xl text-blue-500\" />\n        <p className=\"mt-density-2\">Waiting for process diagnostics...</p>\n      </div>\n    );\n  }\n\n  if (countProcesses(root) === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">\n        No processes available\n      </div>\n    );\n  }\n\n  return (\n    <Tree<ProcessNode>\n      roots={[root]}\n      getChildren={(n) => n.children}\n      getKey={(n) => n.pid}\n      expandAll={expandAll}\n      defaultOpen={(n, depth) => !!n.is_root || depth < 1}\n      onSelect={(n) => onSelect(n.pid)}\n      renderRow={({ node }) => {\n        const selected = node.pid === selectedPid;\n        const cpu = node.cpu_percent || 0;\n        return (\n          <>\n            <Icon\n              name={node.is_root ? \"codicon:server-process\" : \"codicon:debug-alt\"}\n              className={\n                node.is_root ? \"text-base text-blue-600\" : \"text-base text-muted-foreground\"\n              }\n            />\n            <span\n              className={`truncate ${\n                selected ? \"font-semibold text-primary\" : \"font-medium text-foreground\"\n              }`}\n            >\n              {processLabel(node)}\n            </span>\n            <span className=\"text-xs text-muted-foreground shrink-0\">pid {node.pid}</span>\n            <span className=\"flex-1\" />\n            {node.status && (\n              <span\n                className={`inline-flex items-center gap-1 text-xs shrink-0 ${processStateColor(\n                  node.status,\n                )}`}\n              >\n                <Icon name={processStateIcon(node.status)} />\n                {node.status}\n              </span>\n            )}\n            <span className=\"text-xs text-muted-foreground shrink-0 tabular-nums\">\n              {cpu.toFixed(1)}%\n            </span>\n            <span className=\"text-xs text-muted-foreground shrink-0 tabular-nums\">\n              {formatBytes(node.rss)}\n            </span>\n          </>\n        );\n      }}\n      rowClass={(node) =>\n        node.pid === selectedPid ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\"\n      }\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAyB;AACvB,MAAI,CAAC,MAAM;AACT,WACE,qBAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAK,4BAA2B,WAAU,0BAAyB;AAAA,MACzE,oBAAC,KAAA,EAAE,WAAU,gBAAe,UAAA,qCAAA,CAAkC;AAAA,IAAA,GAChE;AAAA,EAEJ;AAEA,MAAI,eAAe,IAAI,MAAM,GAAG;AAC9B,WACE,oBAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,0BAEvE;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,IAAI;AAAA,MACZ,aAAa,CAAC,MAAM,EAAE;AAAA,MACtB,QAAQ,CAAC,MAAM,EAAE;AAAA,MACjB;AAAA,MACA,aAAa,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,QAAQ;AAAA,MAClD,UAAU,CAAC,MAAM,SAAS,EAAE,GAAG;AAAA,MAC/B,WAAW,CAAC,EAAE,WAAW;AACvB,cAAM,WAAW,KAAK,QAAQ;AAC9B,cAAM,MAAM,KAAK,eAAe;AAChC,eACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM,KAAK,UAAU,2BAA2B;AAAA,cAChD,WACE,KAAK,UAAU,4BAA4B;AAAA,YAAA;AAAA,UAAA;AAAA,UAG/C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,YACT,WAAW,+BAA+B,6BAC5C;AAAA,cAEC,uBAAa,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpB,qBAAC,QAAA,EAAK,WAAU,0CAAyC,UAAA;AAAA,YAAA;AAAA,YAAK,KAAK;AAAA,UAAA,GAAI;AAAA,UACvE,oBAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,UACxB,KAAK,UACJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,mDAAmD;AAAA,gBAC5D,KAAK;AAAA,cAAA,CACN;AAAA,cAED,UAAA;AAAA,gBAAA,oBAAC,MAAA,EAAK,MAAM,iBAAiB,KAAK,MAAM,GAAG;AAAA,gBAC1C,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGV,qBAAC,QAAA,EAAK,WAAU,uDACb,UAAA;AAAA,YAAA,IAAI,QAAQ,CAAC;AAAA,YAAE;AAAA,UAAA,GAClB;AAAA,8BACC,QAAA,EAAK,WAAU,uDACb,UAAA,YAAY,KAAK,GAAG,EAAA,CACvB;AAAA,QAAA,GACF;AAAA,MAEJ;AAAA,MACA,UAAU,CAAC,SACT,KAAK,QAAQ,cAAc,4CAA4C;AAAA,IAAA;AAAA,EAAA;AAI/E;"}

package/dist/data/diagnostics/ErrorDetails.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ErrorDiagnostics } from './error-diagnostics';
+export type ErrorDetailsProps = {
+    diagnostics: ErrorDiagnostics;
+    renderJsonContext?: (entry: {
+        label: string;
+        value: string;
+        data: unknown;
+    }) => ReactNode;
+};
+export declare function ErrorDetails({ diagnostics, renderJsonContext }: ErrorDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function PrettyStackTrace({ stacktrace }: {
+    stacktrace: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CopyBadge({ label, value, className, }: {
+    label: string;
+    value: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorDetails.d.ts.map

package/dist/data/diagnostics/ErrorDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDetails.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAI9B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3F,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CA4FjF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,2CAmCtE;AAiCD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAkBA"}