@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/data/charts/chart.test-utils.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+/** Renders the way a static report does (no DOM, no effects) and parses the markup back for assertions. */
+export declare function renderStatic(element: ReactElement): HTMLElement;
+export declare function rootSvg(host: HTMLElement): SVGSVGElement;
+export declare function numAttr(element: Element, name: string): number;
+export declare function texts(host: ParentNode, selector: string): string[];
+//# sourceMappingURL=chart.test-utils.d.ts.map

package/dist/data/charts/chart.test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.test-utils.d.ts","sourceRoot":"","sources":["../../../src/data/charts/chart.test-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,2GAA2G;AAC3G,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW,CAI/D;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,aAAa,CAIxD;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAM9D;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAElE"}

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

@@ -0,0 +1,7 @@
+export { BarChart, type BarChartDatum, type BarChartProps } from './BarChart.js';
+export { ChartLegend, type ChartLegendItem, type ChartLegendProps } from './ChartLegend.js';
+export { CHART_PALETTE, chartColor } from './chart-palette.js';
+export { Sparkline, type SparklineProps } from './Sparkline.js';
+export { StackedBarChart, type ChartSeries, type StackedBarChartProps } from './StackedBarChart.js';
+export { TrendChart, type TrendChartProps } from './TrendChart.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/data/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/data/chat/MessageActions.cjs

@@ -20,7 +20,7 @@ function MessageActions({ text, onRegenerate, className }) {
 		}
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.cn("flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", className),
+		className: require_utils.cn("flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 [@media(hover:none)]:opacity-100", className),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			"aria-label": copied ? "Copied" : "Copy message",

package/dist/data/chat/MessageActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.cjs","names":["useState","cn","Icon","UiCheck","UiCopy","UiRefresh"],"sources":["../../../src/data/chat/MessageActions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiCopy, UiCheck, UiRefresh } from \"../../icons\";\n\nexport type MessageActionsProps = {\n  /** Plain-text content of the message, copied to the clipboard. */\n  text: string;\n  /** Called to re-generate this assistant message. Omit to hide the control. */\n  onRegenerate?: (() => void) | undefined;\n  className?: string;\n};\n\n/** Hover actions for an assistant message: copy its text and (optionally)\n *  regenerate it. */\nexport function MessageActions({ text, onRegenerate, className }: MessageActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={copied ? \"Copied\" : \"Copy message\"}\n        onClick={copy}\n        className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={copied ? UiCheck : UiCopy} className={cn(\"size-3.5\", copied && \"text-emerald-600\")} />\n      </button>\n      {onRegenerate && (\n        <button\n          type=\"button\"\n          aria-label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiRefresh} className=\"size-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAe,EAAE,MAAM,cAAc,aAAkC;CACrF,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAS,KAAK;CAE1C,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,IAAI;GACxC,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,IAAI;EACzC,SAAS,KAAK;GACZ,QAAQ,KAAK,uCAAuC,GAAG;EACzD;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT,sGACA,SACF;EAJF,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,cAAY,SAAS,WAAW;GAChC,SAAS;GACT,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAM,SAASC,gBAAAA,UAAUC,eAAAA;IAAQ,WAAWH,cAAAA,GAAG,YAAY,UAAU,kBAAkB;GAAI,CAAA;EAC3F,CAAA,GACP,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,SAAS;GACT,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAMG,kBAAAA;IAAW,WAAU;GAAY,CAAA;EACvC,CAAA,CAEP;;AAET"}
+{"version":3,"file":"MessageActions.cjs","names":["useState","cn","Icon","UiCheck","UiCopy","UiRefresh"],"sources":["../../../src/data/chat/MessageActions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiCopy, UiCheck, UiRefresh } from \"../../icons\";\n\nexport type MessageActionsProps = {\n  /** Plain-text content of the message, copied to the clipboard. */\n  text: string;\n  /** Called to re-generate this assistant message. Omit to hide the control. */\n  onRegenerate?: (() => void) | undefined;\n  className?: string;\n};\n\n/** Hover actions for an assistant message: copy its text and (optionally)\n *  regenerate it. */\nexport function MessageActions({ text, onRegenerate, className }: MessageActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 [@media(hover:none)]:opacity-100\",\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={copied ? \"Copied\" : \"Copy message\"}\n        onClick={copy}\n        className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={copied ? UiCheck : UiCopy} className={cn(\"size-3.5\", copied && \"text-emerald-600\")} />\n      </button>\n      {onRegenerate && (\n        <button\n          type=\"button\"\n          aria-label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiRefresh} className=\"size-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAe,EAAE,MAAM,cAAc,aAAkC;CACrF,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAS,KAAK;CAE1C,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,IAAI;GACxC,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,IAAI;EACzC,SAAS,KAAK;GACZ,QAAQ,KAAK,uCAAuC,GAAG;EACzD;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT,uIACA,SACF;EAJF,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,cAAY,SAAS,WAAW;GAChC,SAAS;GACT,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAM,SAASC,gBAAAA,UAAUC,eAAAA;IAAQ,WAAWH,cAAAA,GAAG,YAAY,UAAU,kBAAkB;GAAI,CAAA;EAC3F,CAAA,GACP,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,SAAS;GACT,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAMG,kBAAAA;IAAW,WAAU;GAAY,CAAA;EACvC,CAAA,CAEP;;AAET"}

package/dist/data/chat/MessageActions.js

@@ -20,7 +20,7 @@ function MessageActions({ text, onRegenerate, className }) {
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", className),
+		className: cn("flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 [@media(hover:none)]:opacity-100", className),
 		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": copied ? "Copied" : "Copy message",

package/dist/data/chat/MessageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.js","names":[],"sources":["../../../src/data/chat/MessageActions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiCopy, UiCheck, UiRefresh } from \"../../icons\";\n\nexport type MessageActionsProps = {\n  /** Plain-text content of the message, copied to the clipboard. */\n  text: string;\n  /** Called to re-generate this assistant message. Omit to hide the control. */\n  onRegenerate?: (() => void) | undefined;\n  className?: string;\n};\n\n/** Hover actions for an assistant message: copy its text and (optionally)\n *  regenerate it. */\nexport function MessageActions({ text, onRegenerate, className }: MessageActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={copied ? \"Copied\" : \"Copy message\"}\n        onClick={copy}\n        className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={copied ? UiCheck : UiCopy} className={cn(\"size-3.5\", copied && \"text-emerald-600\")} />\n      </button>\n      {onRegenerate && (\n        <button\n          type=\"button\"\n          aria-label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiRefresh} className=\"size-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAe,EAAE,MAAM,cAAc,aAAkC;CACrF,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,IAAI;GACxC,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,IAAI;EACzC,SAAS,KAAK;GACZ,QAAQ,KAAK,uCAAuC,GAAG;EACzD;CACF;CAEA,OACE,qBAAC,OAAD;EACE,WAAW,GACT,sGACA,SACF;EAJF,UAAA,CAME,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,SAAS,WAAW;GAChC,SAAS;GACT,WAAU;GAEV,UAAA,oBAAC,MAAD;IAAM,MAAM,SAAS,UAAU;IAAQ,WAAW,GAAG,YAAY,UAAU,kBAAkB;GAAI,CAAA;EAC3F,CAAA,GACP,gBACC,oBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,SAAS;GACT,WAAU;GAEV,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAW,WAAU;GAAY,CAAA;EACvC,CAAA,CAEP;;AAET"}
+{"version":3,"file":"MessageActions.js","names":[],"sources":["../../../src/data/chat/MessageActions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiCopy, UiCheck, UiRefresh } from \"../../icons\";\n\nexport type MessageActionsProps = {\n  /** Plain-text content of the message, copied to the clipboard. */\n  text: string;\n  /** Called to re-generate this assistant message. Omit to hide the control. */\n  onRegenerate?: (() => void) | undefined;\n  className?: string;\n};\n\n/** Hover actions for an assistant message: copy its text and (optionally)\n *  regenerate it. */\nexport function MessageActions({ text, onRegenerate, className }: MessageActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 [@media(hover:none)]:opacity-100\",\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={copied ? \"Copied\" : \"Copy message\"}\n        onClick={copy}\n        className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={copied ? UiCheck : UiCopy} className={cn(\"size-3.5\", copied && \"text-emerald-600\")} />\n      </button>\n      {onRegenerate && (\n        <button\n          type=\"button\"\n          aria-label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiRefresh} className=\"size-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAe,EAAE,MAAM,cAAc,aAAkC;CACrF,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,IAAI;GACxC,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,IAAI;EACzC,SAAS,KAAK;GACZ,QAAQ,KAAK,uCAAuC,GAAG;EACzD;CACF;CAEA,OACE,qBAAC,OAAD;EACE,WAAW,GACT,uIACA,SACF;EAJF,UAAA,CAME,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,SAAS,WAAW;GAChC,SAAS;GACT,WAAU;GAEV,UAAA,oBAAC,MAAD;IAAM,MAAM,SAAS,UAAU;IAAQ,WAAW,GAAG,YAAY,UAAU,kBAAkB;GAAI,CAAA;EAC3F,CAAA,GACP,gBACC,oBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,SAAS;GACT,WAAU;GAEV,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAW,WAAU;GAAY,CAAA;EACvC,CAAA,CAEP;;AAET"}

package/dist/data/diagnostics/DiagnosticsDetailPanel.cjs

@@ -5,8 +5,8 @@ const require_UiServerProcess = require("../../icons/components/UiServerProcess.
 const require_UiRefresh = require("../../icons/components/UiRefresh.cjs");
 const require_format = require("../../lib/format.cjs");
 const require_Icon = require("../Icon.cjs");
-const require_StackDumpView = require("./StackDumpView.cjs");
 const require_MetricTile = require("./MetricTile.cjs");
+const require_StackDumpView = require("./StackDumpView.cjs");
 const require_metric_tone = require("./metric-tone.cjs");
 const require_utils = require("./utils.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/data/diagnostics/DiagnosticsDetailPanel.js

@@ -5,8 +5,8 @@ import { UiServerProcess } from "../../icons/components/UiServerProcess.js";
 import { UiRefresh } from "../../icons/components/UiRefresh.js";
 import { formatBytes } from "../../lib/format.js";
 import { Icon } from "../Icon.js";
-import { StackDumpView } from "./StackDumpView.js";
 import { MetricTile } from "./MetricTile.js";
+import { StackDumpView } from "./StackDumpView.js";
 import { cpuTone, memoryTone } from "./metric-tone.js";
 import { processLabel, processStateColor, processStateIcon } from "./utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/data/diagnostics/DiagnosticsTree.cjs

@@ -38,7 +38,7 @@ function DiagnosticsTree({ root, selectedPid, expandAll = null, onSelect }) {
 					className: node.is_root ? "text-base text-blue-600" : "text-base text-muted-foreground"
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: `truncate ${selected ? "font-semibold text-primary" : "font-medium text-foreground"}`,
+					className: `min-w-0 truncate ${selected ? "font-semibold text-primary" : "font-medium text-foreground"}`,
 					children: require_utils.processLabel(node)
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"DiagnosticsTree.cjs","names":["Icon","UiLoader","countProcesses","Tree","_Fragment","UiServerProcess","UiDebug","processLabel","processStateColor","processStateIcon","formatBytes"],"sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { UiDebug, UiServerProcess, UiLoader } from \"../../icons\";\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 process node. Missing root renders a waiting state. */\n  root?: ProcessNode;\n  /** Currently selected process id. */\n  selectedPid?: number | null;\n  /** Controlled expand-all state forwarded to Tree. */\n  expandAll?: boolean | null;\n  /** Called with the selected process id. */\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 icon={UiLoader} 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              icon={node.is_root ? UiServerProcess : UiDebug}\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 icon={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"],"mappings":";;;;;;;;;AAuBA,SAAgB,gBAAgB,EAC9B,MACA,aACA,YAAY,MACZ,YACuB;CACvB,IAAI,CAAC,MACH,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD;GAAM,MAAMC,iBAAAA;GAAU,WAAU;EAA0B,CAAA,GAC1D,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;GAAe,UAAA;EAAqC,CAAA,CAC9D;;CAIT,IAAIC,cAAAA,eAAe,IAAI,MAAM,GAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAwD,UAAA;CAElE,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EACE,OAAO,CAAC,IAAI;EACZ,cAAc,MAAM,EAAE;EACtB,SAAS,MAAM,EAAE;EACN;EACX,cAAc,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,QAAQ;EAClD,WAAW,MAAM,SAAS,EAAE,GAAG;EAC/B,YAAY,EAAE,WAAW;GACvB,MAAM,WAAW,KAAK,QAAQ;GAC9B,MAAM,MAAM,KAAK,eAAe;GAChC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,aAAAA,MAAD;KACE,MAAM,KAAK,UAAUK,wBAAAA,kBAAkBC,gBAAAA;KACvC,WACE,KAAK,UAAU,4BAA4B;IAE9C,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAW,YACT,WAAW,+BAA+B;KAG3C,UAAAC,cAAAA,aAAa,IAAI;IACd,CAAA;IACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAyD,QAAK,KAAK,GAAU;;IAC7E,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,SAAU,CAAA;IACzB,KAAK,UACJ,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KACE,WAAW,mDAAmDC,cAAAA,kBAC5D,KAAK,MACP;KAHF,UAAA,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAACR,aAAAA,MAAD,EAAM,MAAMS,cAAAA,iBAAiB,KAAK,MAAM,EAAI,CAAA,GAC3C,KAAK,MACF;;IAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,IAAI,QAAQ,CAAC,GAAE,GACZ;;IACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACb,UAAAC,eAAAA,YAAY,KAAK,GAAG;IACjB,CAAA;GACN,EAAA,CAAA;EAEN;EACA,WAAW,SACT,KAAK,QAAQ,cAAc,4CAA4C;CAE1E,CAAA;AAEL"}
+{"version":3,"file":"DiagnosticsTree.cjs","names":["Icon","UiLoader","countProcesses","Tree","_Fragment","UiServerProcess","UiDebug","processLabel","processStateColor","processStateIcon","formatBytes"],"sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { UiDebug, UiServerProcess, UiLoader } from \"../../icons\";\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 process node. Missing root renders a waiting state. */\n  root?: ProcessNode;\n  /** Currently selected process id. */\n  selectedPid?: number | null;\n  /** Controlled expand-all state forwarded to Tree. */\n  expandAll?: boolean | null;\n  /** Called with the selected process id. */\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 icon={UiLoader} 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              icon={node.is_root ? UiServerProcess : UiDebug}\n              className={\n                node.is_root ? \"text-base text-blue-600\" : \"text-base text-muted-foreground\"\n              }\n            />\n            <span\n              className={`min-w-0 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 icon={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"],"mappings":";;;;;;;;;AAuBA,SAAgB,gBAAgB,EAC9B,MACA,aACA,YAAY,MACZ,YACuB;CACvB,IAAI,CAAC,MACH,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD;GAAM,MAAMC,iBAAAA;GAAU,WAAU;EAA0B,CAAA,GAC1D,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;GAAe,UAAA;EAAqC,CAAA,CAC9D;;CAIT,IAAIC,cAAAA,eAAe,IAAI,MAAM,GAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAwD,UAAA;CAElE,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EACE,OAAO,CAAC,IAAI;EACZ,cAAc,MAAM,EAAE;EACtB,SAAS,MAAM,EAAE;EACN;EACX,cAAc,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,QAAQ;EAClD,WAAW,MAAM,SAAS,EAAE,GAAG;EAC/B,YAAY,EAAE,WAAW;GACvB,MAAM,WAAW,KAAK,QAAQ;GAC9B,MAAM,MAAM,KAAK,eAAe;GAChC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,aAAAA,MAAD;KACE,MAAM,KAAK,UAAUK,wBAAAA,kBAAkBC,gBAAAA;KACvC,WACE,KAAK,UAAU,4BAA4B;IAE9C,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAW,oBACT,WAAW,+BAA+B;KAG3C,UAAAC,cAAAA,aAAa,IAAI;IACd,CAAA;IACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAyD,QAAK,KAAK,GAAU;;IAC7E,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,SAAU,CAAA;IACzB,KAAK,UACJ,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KACE,WAAW,mDAAmDC,cAAAA,kBAC5D,KAAK,MACP;KAHF,UAAA,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAACR,aAAAA,MAAD,EAAM,MAAMS,cAAAA,iBAAiB,KAAK,MAAM,EAAI,CAAA,GAC3C,KAAK,MACF;;IAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,IAAI,QAAQ,CAAC,GAAE,GACZ;;IACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACb,UAAAC,eAAAA,YAAY,KAAK,GAAG;IACjB,CAAA;GACN,EAAA,CAAA;EAEN;EACA,WAAW,SACT,KAAK,QAAQ,cAAc,4CAA4C;CAE1E,CAAA;AAEL"}

package/dist/data/diagnostics/DiagnosticsTree.js

@@ -38,7 +38,7 @@ function DiagnosticsTree({ root, selectedPid, expandAll = null, onSelect }) {
 					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"}`,
+					className: `min-w-0 truncate ${selected ? "font-semibold text-primary" : "font-medium text-foreground"}`,
 					children: processLabel(node)
 				}),
 				/* @__PURE__ */ jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"DiagnosticsTree.js","names":["_Fragment"],"sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { UiDebug, UiServerProcess, UiLoader } from \"../../icons\";\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 process node. Missing root renders a waiting state. */\n  root?: ProcessNode;\n  /** Currently selected process id. */\n  selectedPid?: number | null;\n  /** Controlled expand-all state forwarded to Tree. */\n  expandAll?: boolean | null;\n  /** Called with the selected process id. */\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 icon={UiLoader} 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              icon={node.is_root ? UiServerProcess : UiDebug}\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 icon={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"],"mappings":";;;;;;;;;AAuBA,SAAgB,gBAAgB,EAC9B,MACA,aACA,YAAY,MACZ,YACuB;CACvB,IAAI,CAAC,MACH,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAU;EAA0B,CAAA,GAC1D,oBAAC,KAAD;GAAG,WAAU;GAAe,UAAA;EAAqC,CAAA,CAC9D;;CAIT,IAAI,eAAe,IAAI,MAAM,GAC3B,OACE,oBAAC,OAAD;EAAK,WAAU;EAAwD,UAAA;CAElE,CAAA;CAIT,OACE,oBAAC,MAAD;EACE,OAAO,CAAC,IAAI;EACZ,cAAc,MAAM,EAAE;EACtB,SAAS,MAAM,EAAE;EACN;EACX,cAAc,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,QAAQ;EAClD,WAAW,MAAM,SAAS,EAAE,GAAG;EAC/B,YAAY,EAAE,WAAW;GACvB,MAAM,WAAW,KAAK,QAAQ;GAC9B,MAAM,MAAM,KAAK,eAAe;GAChC,OACE,qBAAAA,UAAA,EAAA,UAAA;IACE,oBAAC,MAAD;KACE,MAAM,KAAK,UAAU,kBAAkB;KACvC,WACE,KAAK,UAAU,4BAA4B;IAE9C,CAAA;IACD,oBAAC,QAAD;KACE,WAAW,YACT,WAAW,+BAA+B;KAG3C,UAAA,aAAa,IAAI;IACd,CAAA;IACN,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAyD,QAAK,KAAK,GAAU;;IAC7E,oBAAC,QAAD,EAAM,WAAU,SAAU,CAAA;IACzB,KAAK,UACJ,qBAAC,QAAD;KACE,WAAW,mDAAmD,kBAC5D,KAAK,MACP;KAHF,UAAA,CAKE,oBAAC,MAAD,EAAM,MAAM,iBAAiB,KAAK,MAAM,EAAI,CAAA,GAC3C,KAAK,MACF;;IAER,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,IAAI,QAAQ,CAAC,GAAE,GACZ;;IACN,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,YAAY,KAAK,GAAG;IACjB,CAAA;GACN,EAAA,CAAA;EAEN;EACA,WAAW,SACT,KAAK,QAAQ,cAAc,4CAA4C;CAE1E,CAAA;AAEL"}
+{"version":3,"file":"DiagnosticsTree.js","names":["_Fragment"],"sources":["../../../src/data/diagnostics/DiagnosticsTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { UiDebug, UiServerProcess, UiLoader } from \"../../icons\";\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 process node. Missing root renders a waiting state. */\n  root?: ProcessNode;\n  /** Currently selected process id. */\n  selectedPid?: number | null;\n  /** Controlled expand-all state forwarded to Tree. */\n  expandAll?: boolean | null;\n  /** Called with the selected process id. */\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 icon={UiLoader} 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              icon={node.is_root ? UiServerProcess : UiDebug}\n              className={\n                node.is_root ? \"text-base text-blue-600\" : \"text-base text-muted-foreground\"\n              }\n            />\n            <span\n              className={`min-w-0 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 icon={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"],"mappings":";;;;;;;;;AAuBA,SAAgB,gBAAgB,EAC9B,MACA,aACA,YAAY,MACZ,YACuB;CACvB,IAAI,CAAC,MACH,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAU;EAA0B,CAAA,GAC1D,oBAAC,KAAD;GAAG,WAAU;GAAe,UAAA;EAAqC,CAAA,CAC9D;;CAIT,IAAI,eAAe,IAAI,MAAM,GAC3B,OACE,oBAAC,OAAD;EAAK,WAAU;EAAwD,UAAA;CAElE,CAAA;CAIT,OACE,oBAAC,MAAD;EACE,OAAO,CAAC,IAAI;EACZ,cAAc,MAAM,EAAE;EACtB,SAAS,MAAM,EAAE;EACN;EACX,cAAc,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,QAAQ;EAClD,WAAW,MAAM,SAAS,EAAE,GAAG;EAC/B,YAAY,EAAE,WAAW;GACvB,MAAM,WAAW,KAAK,QAAQ;GAC9B,MAAM,MAAM,KAAK,eAAe;GAChC,OACE,qBAAAA,UAAA,EAAA,UAAA;IACE,oBAAC,MAAD;KACE,MAAM,KAAK,UAAU,kBAAkB;KACvC,WACE,KAAK,UAAU,4BAA4B;IAE9C,CAAA;IACD,oBAAC,QAAD;KACE,WAAW,oBACT,WAAW,+BAA+B;KAG3C,UAAA,aAAa,IAAI;IACd,CAAA;IACN,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAyD,QAAK,KAAK,GAAU;;IAC7E,oBAAC,QAAD,EAAM,WAAU,SAAU,CAAA;IACzB,KAAK,UACJ,qBAAC,QAAD;KACE,WAAW,mDAAmD,kBAC5D,KAAK,MACP;KAHF,UAAA,CAKE,oBAAC,MAAD,EAAM,MAAM,iBAAiB,KAAK,MAAM,EAAI,CAAA,GAC3C,KAAK,MACF;;IAER,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,IAAI,QAAQ,CAAC,GAAE,GACZ;;IACN,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,YAAY,KAAK,GAAG;IACjB,CAAA;GACN,EAAA,CAAA;EAEN;EACA,WAAW,SACT,KAAK,QAAQ,cAAc,4CAA4C;CAE1E,CAAA;AAEL"}

package/dist/data/diagnostics/FrameSourceWindow.cjs

@@ -26,10 +26,16 @@ function FrameSourceWindow({ frame, className, focalTone = "error", markers }) {
 	}, [lines, language]);
 	if (lines.length === 0) return null;
 	const neutralClassName = "bg-primary/10 font-semibold text-foreground";
-	const focalClassName = focalTone === "neutral" ? neutralClassName : "bg-red-500/10 font-semibold text-red-800 dark:text-red-300";
+	const focalClassName = {
+		neutral: neutralClassName,
+		error: "bg-red-500/10 font-semibold text-red-800 dark:text-red-300",
+		warning: "bg-amber-500/10 font-semibold text-foreground",
+		info: "bg-sky-500/10 font-semibold text-foreground"
+	}[focalTone];
 	const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed", className),
+		"data-scroll-x": true,
+		className: require_utils.cn("mx-3 mb-2 ml-12 overflow-x-auto max-sm:ml-6 rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed", className),
 		children: lines.map((source, i) => {
 			const lineNumber = numbers?.[i] ?? start + i;
 			const known = numbers === void 0 || lineNumber > 0;
@@ -37,6 +43,7 @@ function FrameSourceWindow({ frame, className, focalTone = "error", markers }) {
 			const marker = known ? markerAt.get(lineNumber) : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-source-line": known ? lineNumber : void 0,
+				"data-source-tone": isFocal ? focalTone : void 0,
 				"data-marked": marker === void 0 ? void 0 : "true",
 				className: ["grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2", isFocal ? focalClassName : marker !== void 0 ? neutralClassName : "text-foreground"].join(" "),
 				children: [

package/dist/data/diagnostics/FrameSourceWindow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FrameSourceWindow.cjs","names":["useMemo","useState","cn","HighlightedTokens"],"sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { highlightToLines, type HighlightedLine } from \"../code-highlight\";\nimport { HighlightedTokens } from \"../HighlightedTokens\";\nimport type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the single source-window renderer,\n// shared by the JVM thread-dump frames, the exception stack-trace frames, and\n// frameless callers that have source but no stack (a template error, a single\n// decompiled class).\n//\n// The gutter is painted explicitly rather than by embedding Shiki's own `<pre>`,\n// because `sourceLineNumbers` is frequently NOT a contiguous run: arthas `jad`\n// returns bytecode-keyed line numbers with gaps. A CSS-counter gutter would\n// silently renumber those. Tokenizing via `highlightToLines` keeps the\n// highlighting while letting us own the numbering — the same trade CodeDiff makes.\nexport function FrameSourceWindow({\n  frame,\n  className,\n  focalTone = \"error\",\n  markers,\n}: {\n  frame: FrameSource;\n  className?: string;\n  /**\n   * Lines to point at besides the focal one, each with an annotation painted\n   * under its code — e.g. the calls a caller's source makes. A marked line\n   * takes the neutral highlight.\n   */\n  markers?: { line: number; content: ReactNode }[];\n  /**\n   * Styling for the focal line. `\"error\"` (the default, so existing callers\n   * render unchanged) is the red highlight meaning \"this line failed\".\n   * `\"neutral\"` marks \"the line that made this call\" — a subtle theme-token\n   * highlight with no red.\n   */\n  focalTone?: \"error\" | \"neutral\";\n}) {\n  const lines = useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n  // No default language: this renderer is shared by JVM frames, exception frames\n  // and frameless callers, so a Go dump or a template error must not be coloured\n  // with Java grammar. `highlightToLines` returns null without a language and\n  // `HighlightedTokens` then paints the plain source.\n  const language = frame.sourceLanguage;\n\n  const [tokens, setTokens] = useState<HighlightedLine[] | null>(null);\n\n  useEffect(() => {\n    if (lines.length === 0) {\n      setTokens(null);\n      return;\n    }\n    let cancelled = false;\n    highlightToLines(lines.join(\"\\n\"), { lang: language }).then((out) => {\n      if (!cancelled) setTokens(out);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [lines, language]);\n\n  if (lines.length === 0) return null;\n\n  const neutralClassName = \"bg-primary/10 font-semibold text-foreground\";\n  const focalClassName =\n    focalTone === \"neutral\" ? neutralClassName : \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\";\n  const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));\n\n  return (\n    <div\n      className={cn(\n        \"mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\",\n        className,\n      )}\n    >\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const known = numbers === undefined || lineNumber > 0;\n        const isFocal = known && lineNumber === focal;\n        const marker = known ? markerAt.get(lineNumber) : undefined;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            data-source-line={known ? lineNumber : undefined}\n            data-marked={marker === undefined ? undefined : \"true\"}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal ? focalClassName : marker !== undefined ? neutralClassName : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal || marker !== undefined ? \">\" : \"\"}\n              {known ? lineNumber : \"\"}\n            </span>\n            <code className=\"whitespace-pre\">\n              {source ? <HighlightedTokens tokens={tokens?.[i]} content={source} /> : \" \"}\n            </code>\n            {/* Under the line rather than after it: a long line would push it past the window's scroll edge. */}\n            {marker !== undefined ? (\n              <span data-source-marker className=\"col-start-2 -mt-0.5 mb-0.5 font-sans font-normal\">\n                {marker}\n              </span>\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,kBAAkB,EAChC,OACA,WACA,YAAY,SACZ,WAiBC;CACD,MAAM,SAAA,GAAQA,MAAAA,QAAAA,OAAc,MAAM,eAAe,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC;CACxE,MAAM,QAAQ,MAAM,mBAAmB;CACvC,MAAM,UAAU,MAAM;CACtB,MAAM,QAAQ,MAAM,QAAQ;CAK5B,MAAM,WAAW,MAAM;CAEvB,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,CAAmC,IAAI;CAEnE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,MAAM,WAAW,GAAG;GACtB,UAAU,IAAI;GACd;EACF;EACA,IAAI,YAAY;EAChB,uBAAA,iBAAiB,MAAM,KAAK,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,CAAC,CAAC,MAAM,QAAQ;GACnE,IAAI,CAAC,WAAW,UAAU,GAAG;EAC/B,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,mBAAmB;CACzB,MAAM,iBACJ,cAAc,YAAY,mBAAmB;CAC/C,MAAM,WAAW,IAAI,IAAI,SAAS,KAAK,WAAW,CAAC,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC;CAEhF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT,0HACA,SACF;EAEC,UAAA,MAAM,KAAK,QAAQ,MAAM;GACxB,MAAM,aAAa,UAAU,MAAM,QAAQ;GAC3C,MAAM,QAAQ,YAAY,KAAA,KAAa,aAAa;GACpD,MAAM,UAAU,SAAS,eAAe;GACxC,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,IAAI,KAAA;GAClD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAEE,oBAAkB,QAAQ,aAAa,KAAA;IACvC,eAAa,WAAW,KAAA,IAAY,KAAA,IAAY;IAChD,WAAW,CACT,kEACA,UAAU,iBAAiB,WAAW,KAAA,IAAY,mBAAmB,iBACvE,CAAC,CAAC,KAAK,GAAG;IAPZ,UAAA;KASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACG,WAAW,WAAW,KAAA,IAAY,MAAM,IACxC,QAAQ,aAAa,EAClB;;KACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MACb,UAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;OAAmB,QAAQ,SAAS;OAAI,SAAS;MAAS,CAAA,IAAI;KACpE,CAAA;KAEL,WAAW,KAAA,IACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,sBAAA;MAAmB,WAAU;MAChC,UAAA;KACG,CAAA,IACJ;IACD;GArBE,GAAA,GAAG,WAAW,GAAG,GAqBnB;EAET,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"FrameSourceWindow.cjs","names":["useMemo","useState","cn","HighlightedTokens"],"sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { highlightToLines, type HighlightedLine } from \"../code-highlight\";\nimport { HighlightedTokens } from \"../HighlightedTokens\";\nimport type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the single source-window renderer,\n// shared by the JVM thread-dump frames, the exception stack-trace frames, and\n// frameless callers that have source but no stack (a template error, a single\n// decompiled class).\n//\n// The gutter is painted explicitly rather than by embedding Shiki's own `<pre>`,\n// because `sourceLineNumbers` is frequently NOT a contiguous run: arthas `jad`\n// returns bytecode-keyed line numbers with gaps. A CSS-counter gutter would\n// silently renumber those. Tokenizing via `highlightToLines` keeps the\n// highlighting while letting us own the numbering — the same trade CodeDiff makes.\nexport function FrameSourceWindow({\n  frame,\n  className,\n  focalTone = \"error\",\n  markers,\n}: {\n  frame: FrameSource;\n  className?: string;\n  /**\n   * Lines to point at besides the focal one, each with an annotation painted\n   * under its code — e.g. the calls a caller's source makes. A marked line\n   * takes the neutral highlight.\n   */\n  markers?: { line: number; content: ReactNode }[];\n  /**\n   * Styling for the focal line. `\"error\"` (the default, so existing callers\n   * render unchanged) is the red highlight meaning \"this line failed\".\n   * `\"neutral\"` marks \"the line that made this call\" — a subtle theme-token\n   * highlight with no red.\n   */\n  focalTone?: \"error\" | \"warning\" | \"info\" | \"neutral\";\n}) {\n  const lines = useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n  // No default language: this renderer is shared by JVM frames, exception frames\n  // and frameless callers, so a Go dump or a template error must not be coloured\n  // with Java grammar. `highlightToLines` returns null without a language and\n  // `HighlightedTokens` then paints the plain source.\n  const language = frame.sourceLanguage;\n\n  const [tokens, setTokens] = useState<HighlightedLine[] | null>(null);\n\n  useEffect(() => {\n    if (lines.length === 0) {\n      setTokens(null);\n      return;\n    }\n    let cancelled = false;\n    highlightToLines(lines.join(\"\\n\"), { lang: language }).then((out) => {\n      if (!cancelled) setTokens(out);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [lines, language]);\n\n  if (lines.length === 0) return null;\n\n  const neutralClassName = \"bg-primary/10 font-semibold text-foreground\";\n  const focalClassName = {\n    neutral: neutralClassName,\n    error: \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\",\n    warning: \"bg-amber-500/10 font-semibold text-foreground\",\n    info: \"bg-sky-500/10 font-semibold text-foreground\",\n  }[focalTone];\n  const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));\n\n  return (\n    <div\n      data-scroll-x\n      className={cn(\n        \"mx-3 mb-2 ml-12 overflow-x-auto max-sm:ml-6 rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\",\n        className,\n      )}\n    >\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const known = numbers === undefined || lineNumber > 0;\n        const isFocal = known && lineNumber === focal;\n        const marker = known ? markerAt.get(lineNumber) : undefined;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            data-source-line={known ? lineNumber : undefined}\n            data-source-tone={isFocal ? focalTone : undefined}\n            data-marked={marker === undefined ? undefined : \"true\"}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal ? focalClassName : marker !== undefined ? neutralClassName : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal || marker !== undefined ? \">\" : \"\"}\n              {known ? lineNumber : \"\"}\n            </span>\n            <code className=\"whitespace-pre\">\n              {source ? <HighlightedTokens tokens={tokens?.[i]} content={source} /> : \" \"}\n            </code>\n            {/* Under the line rather than after it: a long line would push it past the window's scroll edge. */}\n            {marker !== undefined ? (\n              <span data-source-marker className=\"col-start-2 -mt-0.5 mb-0.5 font-sans font-normal\">\n                {marker}\n              </span>\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,kBAAkB,EAChC,OACA,WACA,YAAY,SACZ,WAiBC;CACD,MAAM,SAAA,GAAQA,MAAAA,QAAAA,OAAc,MAAM,eAAe,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC;CACxE,MAAM,QAAQ,MAAM,mBAAmB;CACvC,MAAM,UAAU,MAAM;CACtB,MAAM,QAAQ,MAAM,QAAQ;CAK5B,MAAM,WAAW,MAAM;CAEvB,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,CAAmC,IAAI;CAEnE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,MAAM,WAAW,GAAG;GACtB,UAAU,IAAI;GACd;EACF;EACA,IAAI,YAAY;EAChB,uBAAA,iBAAiB,MAAM,KAAK,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,CAAC,CAAC,MAAM,QAAQ;GACnE,IAAI,CAAC,WAAW,UAAU,GAAG;EAC/B,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,mBAAmB;CACzB,MAAM,iBAAiB;EACrB,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;CACR,EAAE;CACF,MAAM,WAAW,IAAI,IAAI,SAAS,KAAK,WAAW,CAAC,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC;CAEhF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,iBAAA;EACA,WAAWC,cAAAA,GACT,sIACA,SACF;EAEC,UAAA,MAAM,KAAK,QAAQ,MAAM;GACxB,MAAM,aAAa,UAAU,MAAM,QAAQ;GAC3C,MAAM,QAAQ,YAAY,KAAA,KAAa,aAAa;GACpD,MAAM,UAAU,SAAS,eAAe;GACxC,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,IAAI,KAAA;GAClD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAEE,oBAAkB,QAAQ,aAAa,KAAA;IACvC,oBAAkB,UAAU,YAAY,KAAA;IACxC,eAAa,WAAW,KAAA,IAAY,KAAA,IAAY;IAChD,WAAW,CACT,kEACA,UAAU,iBAAiB,WAAW,KAAA,IAAY,mBAAmB,iBACvE,CAAC,CAAC,KAAK,GAAG;IARZ,UAAA;KAUE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACG,WAAW,WAAW,KAAA,IAAY,MAAM,IACxC,QAAQ,aAAa,EAClB;;KACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MACb,UAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;OAAmB,QAAQ,SAAS;OAAI,SAAS;MAAS,CAAA,IAAI;KACpE,CAAA;KAEL,WAAW,KAAA,IACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,sBAAA;MAAmB,WAAU;MAChC,UAAA;KACG,CAAA,IACJ;IACD;GAtBE,GAAA,GAAG,WAAW,GAAG,GAsBnB;EAET,CAAC;CACE,CAAA;AAET"}

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

@@ -18,6 +18,6 @@ export declare function FrameSourceWindow({ frame, className, focalTone, markers
      * `"neutral"` marks "the line that made this call" — a subtle theme-token
      * highlight with no red.
      */
-    focalTone?: "error" | "neutral";
+    focalTone?: "error" | "warning" | "info" | "neutral";
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=FrameSourceWindow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrameSourceWindow.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAc7D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,SAAmB,EACnB,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;IACjD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,sCA0EA"}
+{"version":3,"file":"FrameSourceWindow.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAc7D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,SAAmB,EACnB,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;IACjD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACtD,sCAgFA"}

package/dist/data/diagnostics/FrameSourceWindow.js

@@ -26,10 +26,16 @@ function FrameSourceWindow({ frame, className, focalTone = "error", markers }) {
 	}, [lines, language]);
 	if (lines.length === 0) return null;
 	const neutralClassName = "bg-primary/10 font-semibold text-foreground";
-	const focalClassName = focalTone === "neutral" ? neutralClassName : "bg-red-500/10 font-semibold text-red-800 dark:text-red-300";
+	const focalClassName = {
+		neutral: neutralClassName,
+		error: "bg-red-500/10 font-semibold text-red-800 dark:text-red-300",
+		warning: "bg-amber-500/10 font-semibold text-foreground",
+		info: "bg-sky-500/10 font-semibold text-foreground"
+	}[focalTone];
 	const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed", className),
+		"data-scroll-x": true,
+		className: cn("mx-3 mb-2 ml-12 overflow-x-auto max-sm:ml-6 rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed", className),
 		children: lines.map((source, i) => {
 			const lineNumber = numbers?.[i] ?? start + i;
 			const known = numbers === void 0 || lineNumber > 0;
@@ -37,6 +43,7 @@ function FrameSourceWindow({ frame, className, focalTone = "error", markers }) {
 			const marker = known ? markerAt.get(lineNumber) : void 0;
 			return /* @__PURE__ */ jsxs("div", {
 				"data-source-line": known ? lineNumber : void 0,
+				"data-source-tone": isFocal ? focalTone : void 0,
 				"data-marked": marker === void 0 ? void 0 : "true",
 				className: ["grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2", isFocal ? focalClassName : marker !== void 0 ? neutralClassName : "text-foreground"].join(" "),
 				children: [

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

@@ -1 +1 @@
-{"version":3,"file":"FrameSourceWindow.js","names":[],"sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { highlightToLines, type HighlightedLine } from \"../code-highlight\";\nimport { HighlightedTokens } from \"../HighlightedTokens\";\nimport type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the single source-window renderer,\n// shared by the JVM thread-dump frames, the exception stack-trace frames, and\n// frameless callers that have source but no stack (a template error, a single\n// decompiled class).\n//\n// The gutter is painted explicitly rather than by embedding Shiki's own `<pre>`,\n// because `sourceLineNumbers` is frequently NOT a contiguous run: arthas `jad`\n// returns bytecode-keyed line numbers with gaps. A CSS-counter gutter would\n// silently renumber those. Tokenizing via `highlightToLines` keeps the\n// highlighting while letting us own the numbering — the same trade CodeDiff makes.\nexport function FrameSourceWindow({\n  frame,\n  className,\n  focalTone = \"error\",\n  markers,\n}: {\n  frame: FrameSource;\n  className?: string;\n  /**\n   * Lines to point at besides the focal one, each with an annotation painted\n   * under its code — e.g. the calls a caller's source makes. A marked line\n   * takes the neutral highlight.\n   */\n  markers?: { line: number; content: ReactNode }[];\n  /**\n   * Styling for the focal line. `\"error\"` (the default, so existing callers\n   * render unchanged) is the red highlight meaning \"this line failed\".\n   * `\"neutral\"` marks \"the line that made this call\" — a subtle theme-token\n   * highlight with no red.\n   */\n  focalTone?: \"error\" | \"neutral\";\n}) {\n  const lines = useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n  // No default language: this renderer is shared by JVM frames, exception frames\n  // and frameless callers, so a Go dump or a template error must not be coloured\n  // with Java grammar. `highlightToLines` returns null without a language and\n  // `HighlightedTokens` then paints the plain source.\n  const language = frame.sourceLanguage;\n\n  const [tokens, setTokens] = useState<HighlightedLine[] | null>(null);\n\n  useEffect(() => {\n    if (lines.length === 0) {\n      setTokens(null);\n      return;\n    }\n    let cancelled = false;\n    highlightToLines(lines.join(\"\\n\"), { lang: language }).then((out) => {\n      if (!cancelled) setTokens(out);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [lines, language]);\n\n  if (lines.length === 0) return null;\n\n  const neutralClassName = \"bg-primary/10 font-semibold text-foreground\";\n  const focalClassName =\n    focalTone === \"neutral\" ? neutralClassName : \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\";\n  const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));\n\n  return (\n    <div\n      className={cn(\n        \"mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\",\n        className,\n      )}\n    >\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const known = numbers === undefined || lineNumber > 0;\n        const isFocal = known && lineNumber === focal;\n        const marker = known ? markerAt.get(lineNumber) : undefined;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            data-source-line={known ? lineNumber : undefined}\n            data-marked={marker === undefined ? undefined : \"true\"}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal ? focalClassName : marker !== undefined ? neutralClassName : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal || marker !== undefined ? \">\" : \"\"}\n              {known ? lineNumber : \"\"}\n            </span>\n            <code className=\"whitespace-pre\">\n              {source ? <HighlightedTokens tokens={tokens?.[i]} content={source} /> : \" \"}\n            </code>\n            {/* Under the line rather than after it: a long line would push it past the window's scroll edge. */}\n            {marker !== undefined ? (\n              <span data-source-marker className=\"col-start-2 -mt-0.5 mb-0.5 font-sans font-normal\">\n                {marker}\n              </span>\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,kBAAkB,EAChC,OACA,WACA,YAAY,SACZ,WAiBC;CACD,MAAM,QAAQ,cAAc,MAAM,eAAe,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC;CACxE,MAAM,QAAQ,MAAM,mBAAmB;CACvC,MAAM,UAAU,MAAM;CACtB,MAAM,QAAQ,MAAM,QAAQ;CAK5B,MAAM,WAAW,MAAM;CAEvB,MAAM,CAAC,QAAQ,aAAa,SAAmC,IAAI;CAEnE,gBAAgB;EACd,IAAI,MAAM,WAAW,GAAG;GACtB,UAAU,IAAI;GACd;EACF;EACA,IAAI,YAAY;EAChB,iBAAiB,MAAM,KAAK,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,CAAC,CAAC,MAAM,QAAQ;GACnE,IAAI,CAAC,WAAW,UAAU,GAAG;EAC/B,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,mBAAmB;CACzB,MAAM,iBACJ,cAAc,YAAY,mBAAmB;CAC/C,MAAM,WAAW,IAAI,IAAI,SAAS,KAAK,WAAW,CAAC,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC;CAEhF,OACE,oBAAC,OAAD;EACE,WAAW,GACT,0HACA,SACF;EAEC,UAAA,MAAM,KAAK,QAAQ,MAAM;GACxB,MAAM,aAAa,UAAU,MAAM,QAAQ;GAC3C,MAAM,QAAQ,YAAY,KAAA,KAAa,aAAa;GACpD,MAAM,UAAU,SAAS,eAAe;GACxC,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,IAAI,KAAA;GAClD,OACE,qBAAC,OAAD;IAEE,oBAAkB,QAAQ,aAAa,KAAA;IACvC,eAAa,WAAW,KAAA,IAAY,KAAA,IAAY;IAChD,WAAW,CACT,kEACA,UAAU,iBAAiB,WAAW,KAAA,IAAY,mBAAmB,iBACvE,CAAC,CAAC,KAAK,GAAG;IAPZ,UAAA;KASE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACG,WAAW,WAAW,KAAA,IAAY,MAAM,IACxC,QAAQ,aAAa,EAClB;;KACN,oBAAC,QAAD;MAAM,WAAU;MACb,UAAA,SAAS,oBAAC,mBAAD;OAAmB,QAAQ,SAAS;OAAI,SAAS;MAAS,CAAA,IAAI;KACpE,CAAA;KAEL,WAAW,KAAA,IACV,oBAAC,QAAD;MAAM,sBAAA;MAAmB,WAAU;MAChC,UAAA;KACG,CAAA,IACJ;IACD;GArBE,GAAA,GAAG,WAAW,GAAG,GAqBnB;EAET,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"FrameSourceWindow.js","names":[],"sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { highlightToLines, type HighlightedLine } from \"../code-highlight\";\nimport { HighlightedTokens } from \"../HighlightedTokens\";\nimport type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the single source-window renderer,\n// shared by the JVM thread-dump frames, the exception stack-trace frames, and\n// frameless callers that have source but no stack (a template error, a single\n// decompiled class).\n//\n// The gutter is painted explicitly rather than by embedding Shiki's own `<pre>`,\n// because `sourceLineNumbers` is frequently NOT a contiguous run: arthas `jad`\n// returns bytecode-keyed line numbers with gaps. A CSS-counter gutter would\n// silently renumber those. Tokenizing via `highlightToLines` keeps the\n// highlighting while letting us own the numbering — the same trade CodeDiff makes.\nexport function FrameSourceWindow({\n  frame,\n  className,\n  focalTone = \"error\",\n  markers,\n}: {\n  frame: FrameSource;\n  className?: string;\n  /**\n   * Lines to point at besides the focal one, each with an annotation painted\n   * under its code — e.g. the calls a caller's source makes. A marked line\n   * takes the neutral highlight.\n   */\n  markers?: { line: number; content: ReactNode }[];\n  /**\n   * Styling for the focal line. `\"error\"` (the default, so existing callers\n   * render unchanged) is the red highlight meaning \"this line failed\".\n   * `\"neutral\"` marks \"the line that made this call\" — a subtle theme-token\n   * highlight with no red.\n   */\n  focalTone?: \"error\" | \"warning\" | \"info\" | \"neutral\";\n}) {\n  const lines = useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n  // No default language: this renderer is shared by JVM frames, exception frames\n  // and frameless callers, so a Go dump or a template error must not be coloured\n  // with Java grammar. `highlightToLines` returns null without a language and\n  // `HighlightedTokens` then paints the plain source.\n  const language = frame.sourceLanguage;\n\n  const [tokens, setTokens] = useState<HighlightedLine[] | null>(null);\n\n  useEffect(() => {\n    if (lines.length === 0) {\n      setTokens(null);\n      return;\n    }\n    let cancelled = false;\n    highlightToLines(lines.join(\"\\n\"), { lang: language }).then((out) => {\n      if (!cancelled) setTokens(out);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [lines, language]);\n\n  if (lines.length === 0) return null;\n\n  const neutralClassName = \"bg-primary/10 font-semibold text-foreground\";\n  const focalClassName = {\n    neutral: neutralClassName,\n    error: \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\",\n    warning: \"bg-amber-500/10 font-semibold text-foreground\",\n    info: \"bg-sky-500/10 font-semibold text-foreground\",\n  }[focalTone];\n  const markerAt = new Map(markers?.map((marker) => [marker.line, marker.content]));\n\n  return (\n    <div\n      data-scroll-x\n      className={cn(\n        \"mx-3 mb-2 ml-12 overflow-x-auto max-sm:ml-6 rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\",\n        className,\n      )}\n    >\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const known = numbers === undefined || lineNumber > 0;\n        const isFocal = known && lineNumber === focal;\n        const marker = known ? markerAt.get(lineNumber) : undefined;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            data-source-line={known ? lineNumber : undefined}\n            data-source-tone={isFocal ? focalTone : undefined}\n            data-marked={marker === undefined ? undefined : \"true\"}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal ? focalClassName : marker !== undefined ? neutralClassName : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal || marker !== undefined ? \">\" : \"\"}\n              {known ? lineNumber : \"\"}\n            </span>\n            <code className=\"whitespace-pre\">\n              {source ? <HighlightedTokens tokens={tokens?.[i]} content={source} /> : \" \"}\n            </code>\n            {/* Under the line rather than after it: a long line would push it past the window's scroll edge. */}\n            {marker !== undefined ? (\n              <span data-source-marker className=\"col-start-2 -mt-0.5 mb-0.5 font-sans font-normal\">\n                {marker}\n              </span>\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,kBAAkB,EAChC,OACA,WACA,YAAY,SACZ,WAiBC;CACD,MAAM,QAAQ,cAAc,MAAM,eAAe,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC;CACxE,MAAM,QAAQ,MAAM,mBAAmB;CACvC,MAAM,UAAU,MAAM;CACtB,MAAM,QAAQ,MAAM,QAAQ;CAK5B,MAAM,WAAW,MAAM;CAEvB,MAAM,CAAC,QAAQ,aAAa,SAAmC,IAAI;CAEnE,gBAAgB;EACd,IAAI,MAAM,WAAW,GAAG;GACtB,UAAU,IAAI;GACd;EACF;EACA,IAAI,YAAY;EAChB,iBAAiB,MAAM,KAAK,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,CAAC,CAAC,MAAM,QAAQ;GACnE,IAAI,CAAC,WAAW,UAAU,GAAG;EAC/B,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,mBAAmB;CACzB,MAAM,iBAAiB;EACrB,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;CACR,EAAE;CACF,MAAM,WAAW,IAAI,IAAI,SAAS,KAAK,WAAW,CAAC,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC;CAEhF,OACE,oBAAC,OAAD;EACE,iBAAA;EACA,WAAW,GACT,sIACA,SACF;EAEC,UAAA,MAAM,KAAK,QAAQ,MAAM;GACxB,MAAM,aAAa,UAAU,MAAM,QAAQ;GAC3C,MAAM,QAAQ,YAAY,KAAA,KAAa,aAAa;GACpD,MAAM,UAAU,SAAS,eAAe;GACxC,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,IAAI,KAAA;GAClD,OACE,qBAAC,OAAD;IAEE,oBAAkB,QAAQ,aAAa,KAAA;IACvC,oBAAkB,UAAU,YAAY,KAAA;IACxC,eAAa,WAAW,KAAA,IAAY,KAAA,IAAY;IAChD,WAAW,CACT,kEACA,UAAU,iBAAiB,WAAW,KAAA,IAAY,mBAAmB,iBACvE,CAAC,CAAC,KAAK,GAAG;IARZ,UAAA;KAUE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACG,WAAW,WAAW,KAAA,IAAY,MAAM,IACxC,QAAQ,aAAa,EAClB;;KACN,oBAAC,QAAD;MAAM,WAAU;MACb,UAAA,SAAS,oBAAC,mBAAD;OAAmB,QAAQ,SAAS;OAAI,SAAS;MAAS,CAAA,IAAI;KACpE,CAAA;KAEL,WAAW,KAAA,IACV,oBAAC,QAAD;MAAM,sBAAA;MAAmB,WAAU;MAChC,UAAA;KACG,CAAA,IACJ;IACD;GAtBE,GAAA,GAAG,WAAW,GAAG,GAsBnB;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/data/diagnostics/ProblemActions.cjs

@@ -0,0 +1,37 @@
+const require_UiEllipsis = require("../../icons/components/UiEllipsis.cjs");
+const require_Icon = require("../Icon.cjs");
+const require_button = require("../../components/button.cjs");
+const require_DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const require_ContextMenu = require("../../overlay/ContextMenu.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/diagnostics/ProblemActions.tsx
+function ProblemActions({ items, label = "Problem actions" }) {
+	const [target, setTarget] = (0, react.useState)(null);
+	const bind = (0, react.useCallback)((el) => setTarget(el?.closest("tr") ?? el?.parentElement ?? null), []);
+	if (!items.length) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref: bind,
+		className: "shrink-0",
+		onClick: (event) => event.stopPropagation(),
+		onKeyDown: (event) => event.stopPropagation(),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu, {
+			menuLabel: label,
+			items,
+			trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-7 text-muted-foreground",
+				"aria-label": label,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, { icon: require_UiEllipsis.UiEllipsis })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContextMenu.ContextMenu, {
+			contextTarget: target,
+			menuLabel: label,
+			menuItems: items
+		})]
+	});
+}
+exports.ProblemActions = ProblemActions;
+
+//# sourceMappingURL=ProblemActions.cjs.map

package/dist/data/diagnostics/ProblemActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemActions.cjs","names":["useState","useCallback","DropdownMenu","Button","Icon","UiEllipsis","ContextMenu"],"sources":["../../../src/data/diagnostics/ProblemActions.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { ContextMenu } from \"../../overlay/ContextMenu\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiEllipsis } from \"../../icons\";\n\nexport function ProblemActions({\n  items,\n  label = \"Problem actions\",\n}: {\n  items: DropdownMenuItem[];\n  label?: string;\n}) {\n  const [target, setTarget] = useState<HTMLElement | null>(null);\n  const bind = useCallback(\n    (el: HTMLSpanElement | null) =>\n      setTarget(el?.closest(\"tr\") ?? el?.parentElement ?? null),\n    [],\n  );\n  if (!items.length) return null;\n  return (\n    <span\n      ref={bind}\n      className=\"shrink-0\"\n      onClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => event.stopPropagation()}\n    >\n      <DropdownMenu\n        menuLabel={label}\n        items={items}\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"size-7 text-muted-foreground\"\n            aria-label={label}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n        }\n      />\n      <ContextMenu contextTarget={target} menuLabel={label} menuItems={items} />\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,eAAe,EAC7B,OACA,QAAQ,qBAIP;CACD,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAA6B,IAAI;CAC7D,MAAM,QAAA,GAAOC,MAAAA,YAAAA,EACV,OACC,UAAU,IAAI,QAAQ,IAAI,KAAK,IAAI,iBAAiB,IAAI,GAC1D,CAAC,CACH;CACA,IAAI,CAAC,MAAM,QAAQ,OAAO;CAC1B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EACE,KAAK;EACL,WAAU;EACV,UAAU,UAAU,MAAM,gBAAgB;EAC1C,YAAY,UAAU,MAAM,gBAAgB;EAJ9C,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;GACE,WAAW;GACJ;GACP,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAY;IAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD,EAAM,MAAMC,mBAAAA,WAAa,CAAA;GACnB,CAAA;EAEX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;GAAa,eAAe;GAAQ,WAAW;GAAO,WAAW;EAAQ,CAAA,CACrE;;AAEV"}

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

@@ -0,0 +1,6 @@
+import { DropdownMenuItem } from '../../overlay/DropdownMenu.js';
+export declare function ProblemActions({ items, label, }: {
+    items: DropdownMenuItem[];
+    label?: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=ProblemActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemActions.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ProblemActions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAIpC,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAyB,GAC1B,EAAE;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,sCAgCA"}

package/dist/data/diagnostics/ProblemActions.js

@@ -0,0 +1,37 @@
+import { UiEllipsis } from "../../icons/components/UiEllipsis.js";
+import { Icon } from "../Icon.js";
+import { Button } from "../../components/button.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { ContextMenu } from "../../overlay/ContextMenu.js";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/diagnostics/ProblemActions.tsx
+function ProblemActions({ items, label = "Problem actions" }) {
+	const [target, setTarget] = useState(null);
+	const bind = useCallback((el) => setTarget(el?.closest("tr") ?? el?.parentElement ?? null), []);
+	if (!items.length) return null;
+	return /* @__PURE__ */ jsxs("span", {
+		ref: bind,
+		className: "shrink-0",
+		onClick: (event) => event.stopPropagation(),
+		onKeyDown: (event) => event.stopPropagation(),
+		children: [/* @__PURE__ */ jsx(DropdownMenu, {
+			menuLabel: label,
+			items,
+			trigger: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-7 text-muted-foreground",
+				"aria-label": label,
+				children: /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis })
+			})
+		}), /* @__PURE__ */ jsx(ContextMenu, {
+			contextTarget: target,
+			menuLabel: label,
+			menuItems: items
+		})]
+	});
+}
+export { ProblemActions };
+
+//# sourceMappingURL=ProblemActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemActions.js","names":[],"sources":["../../../src/data/diagnostics/ProblemActions.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { ContextMenu } from \"../../overlay/ContextMenu\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiEllipsis } from \"../../icons\";\n\nexport function ProblemActions({\n  items,\n  label = \"Problem actions\",\n}: {\n  items: DropdownMenuItem[];\n  label?: string;\n}) {\n  const [target, setTarget] = useState<HTMLElement | null>(null);\n  const bind = useCallback(\n    (el: HTMLSpanElement | null) =>\n      setTarget(el?.closest(\"tr\") ?? el?.parentElement ?? null),\n    [],\n  );\n  if (!items.length) return null;\n  return (\n    <span\n      ref={bind}\n      className=\"shrink-0\"\n      onClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => event.stopPropagation()}\n    >\n      <DropdownMenu\n        menuLabel={label}\n        items={items}\n        trigger={\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"size-7 text-muted-foreground\"\n            aria-label={label}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n        }\n      />\n      <ContextMenu contextTarget={target} menuLabel={label} menuItems={items} />\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,eAAe,EAC7B,OACA,QAAQ,qBAIP;CACD,MAAM,CAAC,QAAQ,aAAa,SAA6B,IAAI;CAC7D,MAAM,OAAO,aACV,OACC,UAAU,IAAI,QAAQ,IAAI,KAAK,IAAI,iBAAiB,IAAI,GAC1D,CAAC,CACH;CACA,IAAI,CAAC,MAAM,QAAQ,OAAO;CAC1B,OACE,qBAAC,QAAD;EACE,KAAK;EACL,WAAU;EACV,UAAU,UAAU,MAAM,gBAAgB;EAC1C,YAAY,UAAU,MAAM,gBAAgB;EAJ9C,UAAA,CAME,oBAAC,cAAD;GACE,WAAW;GACJ;GACP,SACE,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAY;IAEZ,UAAA,oBAAC,MAAD,EAAM,MAAM,WAAa,CAAA;GACnB,CAAA;EAEX,CAAA,GACD,oBAAC,aAAD;GAAa,eAAe;GAAQ,WAAW;GAAO,WAAW;EAAQ,CAAA,CACrE;;AAEV"}

package/dist/data/diagnostics/ProblemFacet.cjs

@@ -0,0 +1,33 @@
+const require_filter_bar_context = require("../../components/filter-bar-context.cjs");
+const require_filter_bar_multi = require("../../components/filter-bar-multi.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/diagnostics/ProblemFacet.tsx
+var IMMEDIATE = {
+	autoSubmit: false,
+	compact: false
+};
+function ProblemFacet({ label, options, state, onChange }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		"aria-label": label,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mb-1 text-xs font-medium text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_context.FilterBarContext.Provider, {
+			value: IMMEDIATE,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_multi.MultiFilterPanel, {
+				chrome: "embedded",
+				filter: {
+					key: label,
+					kind: "multi",
+					label,
+					options,
+					value: Object.fromEntries(state),
+					onChange: (value) => onChange(new Map(Object.entries(value)))
+				}
+			})
+		})]
+	});
+}
+exports.ProblemFacet = ProblemFacet;
+
+//# sourceMappingURL=ProblemFacet.cjs.map

package/dist/data/diagnostics/ProblemFacet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemFacet.cjs","names":["FilterBarContext","MultiFilterPanel"],"sources":["../../../src/data/diagnostics/ProblemFacet.tsx"],"sourcesContent":["import type { FilterState } from \"../test-runner/filterState\";\nimport { MultiFilterPanel } from \"../../components/filter-bar-multi\";\nimport { FilterBarContext } from \"../../components/filter-bar-context\";\nimport type { MultiSelectOption } from \"../../components/MultiSelect\";\n\nconst IMMEDIATE = { autoSubmit: false, compact: false };\nexport function ProblemFacet({\n  label,\n  options,\n  state,\n  onChange,\n}: {\n  label: string;\n  options: MultiSelectOption[];\n  state: FilterState<string>;\n  onChange: (state: FilterState<string>) => void;\n}) {\n  return (\n    <section aria-label={label}>\n      <div className=\"mb-1 text-xs font-medium text-muted-foreground\">\n        {label}\n      </div>\n      <FilterBarContext.Provider value={IMMEDIATE}>\n        <MultiFilterPanel\n          chrome=\"embedded\"\n          filter={{\n            key: label,\n            kind: \"multi\",\n            label,\n            options,\n            value: Object.fromEntries(state),\n            onChange: (value) => onChange(new Map(Object.entries(value))),\n          }}\n        />\n      </FilterBarContext.Provider>\n    </section>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,YAAY;CAAE,YAAY;CAAO,SAAS;AAAM;AACtD,SAAgB,aAAa,EAC3B,OACA,SACA,OACA,YAMC;CACD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,cAAY;EAArB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,GACL,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,iBAAiB,UAAlB;GAA2B,OAAO;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,QAAO;IACP,QAAQ;KACN,KAAK;KACL,MAAM;KACN;KACA;KACA,OAAO,OAAO,YAAY,KAAK;KAC/B,WAAW,UAAU,SAAS,IAAI,IAAI,OAAO,QAAQ,KAAK,CAAC,CAAC;IAC9D;GACD,CAAA;EACwB,CAAA,CACpB;;AAEb"}

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

@@ -0,0 +1,9 @@
+import { FilterState } from '../test-runner/filterState.js';
+import { MultiSelectOption } from '../../components/MultiSelect.js';
+export declare function ProblemFacet({ label, options, state, onChange, }: {
+    label: string;
+    options: MultiSelectOption[];
+    state: FilterState<string>;
+    onChange: (state: FilterState<string>) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ProblemFacet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemFacet.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ProblemFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,+BAqBA"}

package/dist/data/diagnostics/ProblemFacet.js

@@ -0,0 +1,33 @@
+import { FilterBarContext } from "../../components/filter-bar-context.js";
+import { MultiFilterPanel } from "../../components/filter-bar-multi.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/diagnostics/ProblemFacet.tsx
+var IMMEDIATE = {
+	autoSubmit: false,
+	compact: false
+};
+function ProblemFacet({ label, options, state, onChange }) {
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": label,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mb-1 text-xs font-medium text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ jsx(FilterBarContext.Provider, {
+			value: IMMEDIATE,
+			children: /* @__PURE__ */ jsx(MultiFilterPanel, {
+				chrome: "embedded",
+				filter: {
+					key: label,
+					kind: "multi",
+					label,
+					options,
+					value: Object.fromEntries(state),
+					onChange: (value) => onChange(new Map(Object.entries(value)))
+				}
+			})
+		})]
+	});
+}
+export { ProblemFacet };
+
+//# sourceMappingURL=ProblemFacet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemFacet.js","names":[],"sources":["../../../src/data/diagnostics/ProblemFacet.tsx"],"sourcesContent":["import type { FilterState } from \"../test-runner/filterState\";\nimport { MultiFilterPanel } from \"../../components/filter-bar-multi\";\nimport { FilterBarContext } from \"../../components/filter-bar-context\";\nimport type { MultiSelectOption } from \"../../components/MultiSelect\";\n\nconst IMMEDIATE = { autoSubmit: false, compact: false };\nexport function ProblemFacet({\n  label,\n  options,\n  state,\n  onChange,\n}: {\n  label: string;\n  options: MultiSelectOption[];\n  state: FilterState<string>;\n  onChange: (state: FilterState<string>) => void;\n}) {\n  return (\n    <section aria-label={label}>\n      <div className=\"mb-1 text-xs font-medium text-muted-foreground\">\n        {label}\n      </div>\n      <FilterBarContext.Provider value={IMMEDIATE}>\n        <MultiFilterPanel\n          chrome=\"embedded\"\n          filter={{\n            key: label,\n            kind: \"multi\",\n            label,\n            options,\n            value: Object.fromEntries(state),\n            onChange: (value) => onChange(new Map(Object.entries(value))),\n          }}\n        />\n      </FilterBarContext.Provider>\n    </section>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,YAAY;CAAE,YAAY;CAAO,SAAS;AAAM;AACtD,SAAgB,aAAa,EAC3B,OACA,SACA,OACA,YAMC;CACD,OACE,qBAAC,WAAD;EAAS,cAAY;EAArB,UAAA,CACE,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,GACL,oBAAC,iBAAiB,UAAlB;GAA2B,OAAO;GAChC,UAAA,oBAAC,kBAAD;IACE,QAAO;IACP,QAAQ;KACN,KAAK;KACL,MAAM;KACN;KACA;KACA,OAAO,OAAO,YAAY,KAAK;KAC/B,WAAW,UAAU,SAAS,IAAI,IAAI,OAAO,QAAQ,KAAK,CAAC,CAAC;IAC9D;GACD,CAAA;EACwB,CAAA,CACpB;;AAEb"}

package/dist/data/diagnostics/ProblemRow.cjs

@@ -0,0 +1,62 @@
+const require_UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const require_UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const require_Icon = require("../Icon.cjs");
+const require_MarkIcons = require("../test-runner/MarkIcons.cjs");
+const require_ProblemActions = require("./ProblemActions.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/diagnostics/ProblemRow.tsx
+function ProblemRow({ message, severity, metadata, location, actions, children, expanded: controlled, onExpandedChange }) {
+	const [localExpanded, setLocalExpanded] = (0, react.useState)(false);
+	const expanded = controlled ?? localExpanded;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "border-b border-border/50",
+		"data-problem-row": "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 items-center hover:bg-muted/50",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				"aria-expanded": expanded,
+				title: message,
+				onClick: () => controlled === void 0 ? setLocalExpanded(!expanded) : onExpandedChange?.(!expanded),
+				className: "flex min-h-7 min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring [@media(pointer:coarse)]:min-h-11",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+						icon: expanded ? require_UiChevronDown.UiChevronDown : require_UiChevronRight.UiChevronRight,
+						className: "shrink-0 text-muted-foreground"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkIcons.LintSeverityIcon, { severity }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: message
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "hidden max-w-[30%] truncate text-muted-foreground sm:block",
+						children: metadata
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "max-w-[25%] shrink-0 truncate font-mono text-muted-foreground",
+						"data-problem-ln": "",
+						children: location
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemActions.ProblemActions, { items: actions })]
+		}), expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-2 px-3 pb-3 pl-8 text-xs",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "whitespace-pre-wrap break-words",
+					children: message
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-muted-foreground sm:hidden",
+					children: metadata
+				}),
+				children
+			]
+		})]
+	});
+}
+exports.ProblemRow = ProblemRow;
+
+//# sourceMappingURL=ProblemRow.cjs.map