@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/charts/chart-scale.cjs

@@ -0,0 +1,115 @@
+// src/data/charts/chart-scale.ts
+/**
+* Average glyph advance at the chart font size. There is no layout engine in a
+* static render, so text is measured by estimate; 0.6em over-estimates typical
+* sans-serif digits and letters, which errs toward thinning rather than overlap.
+*/
+var CHAR_WIDTH = 6.6;
+var LABEL_GAP = 6;
+function textWidth(text) {
+	return text.length * CHAR_WIDTH;
+}
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+function px(value) {
+	return Math.round(value * 100) / 100;
+}
+function niceNumber(value, round) {
+	const exponent = Math.floor(Math.log10(value));
+	const fraction = value / 10 ** exponent;
+	let nice;
+	if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;
+	else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
+	return nice * 10 ** exponent;
+}
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+function niceTicks(min, max) {
+	if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) throw new Error(`niceTicks: invalid range ${min}..${max}`);
+	const top = max === min ? min + 1 : max;
+	const step = niceNumber(niceNumber(top - min, false) / 4, true);
+	const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+	const first = Math.floor(min / step) * step;
+	const last = Math.ceil(top / step) * step;
+	const ticks = [];
+	for (let i = 0; first + i * step <= last + step / 2; i++) ticks.push(Number((first + i * step).toFixed(decimals)) + 0);
+	return ticks;
+}
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+function foldTail(rows, maxBars) {
+	if (maxBars === void 0) return [...rows];
+	if (!Number.isInteger(maxBars) || maxBars < 2) throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);
+	if (rows.length <= maxBars) return [...rows];
+	const tail = rows.slice(maxBars - 1);
+	return [...rows.slice(0, maxBars - 1), {
+		label: "Other",
+		value: tail.reduce((sum, row) => sum + row.value, 0),
+		folded: tail.length
+	}];
+}
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+function labelStep(labels, slotWidth) {
+	const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;
+	return Math.max(1, Math.ceil(widest / slotWidth));
+}
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+function clampLabelX(center, label, width) {
+	const half = textWidth(label) / 2;
+	return px(Math.min(Math.max(center, half), width - half));
+}
+function truncateLabel(label, maxWidth) {
+	if (textWidth(label) <= maxWidth) return label;
+	const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);
+	return `${label.slice(0, keep)}…`;
+}
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})(?:$|T)/;
+/**
+* Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+* Date, so the output does not depend on the render's timezone); anything else
+* is shown as given.
+*/
+function formatChartX(x) {
+	const match = ISO_DATE.exec(x);
+	if (!match) return x;
+	const month = MONTHS[Number(match[2]) - 1];
+	if (!month) throw new Error(`formatChartX: invalid month in ${x}`);
+	return `${month} ${Number(match[3])}`;
+}
+var VALUE_FORMAT = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+function formatChartValue(value) {
+	return VALUE_FORMAT.format(value);
+}
+function assertChartSize(component, width, height) {
+	if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);
+	if (height !== void 0 && (!Number.isFinite(height) || height <= 0)) throw new Error(`${component}: height must be a positive number, got ${height}`);
+}
+function assertFinite(component, label, value) {
+	if (!Number.isFinite(value)) throw new Error(`${component}: value for "${label}" must be finite, got ${value}`);
+}
+exports.CHAR_WIDTH = CHAR_WIDTH;
+exports.assertChartSize = assertChartSize;
+exports.assertFinite = assertFinite;
+exports.clampLabelX = clampLabelX;
+exports.foldTail = foldTail;
+exports.formatChartValue = formatChartValue;
+exports.formatChartX = formatChartX;
+exports.labelStep = labelStep;
+exports.niceTicks = niceTicks;
+exports.px = px;
+exports.textWidth = textWidth;
+exports.truncateLabel = truncateLabel;
+
+//# sourceMappingURL=chart-scale.cjs.map

package/dist/data/charts/chart-scale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.cjs","names":[],"sources":["../../../src/data/charts/chart-scale.ts"],"sourcesContent":["import { CHART_FONT_SIZE } from \"./chart-palette\";\n\n/**\n * Average glyph advance at the chart font size. There is no layout engine in a\n * static render, so text is measured by estimate; 0.6em over-estimates typical\n * sans-serif digits and letters, which errs toward thinning rather than overlap.\n */\nexport const CHAR_WIDTH = CHART_FONT_SIZE * 0.6;\nconst LABEL_GAP = 6;\n\nexport function textWidth(text: string): number {\n  return text.length * CHAR_WIDTH;\n}\n\n/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */\nexport function px(value: number): number {\n  return Math.round(value * 100) / 100;\n}\n\nfunction niceNumber(value: number, round: boolean): number {\n  const exponent = Math.floor(Math.log10(value));\n  const fraction = value / 10 ** exponent;\n  let nice: number;\n  if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;\n  else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n  return nice * 10 ** exponent;\n}\n\n/** Heckbert's nice axis ticks covering [min, max], about five of them. */\nexport function niceTicks(min: number, max: number): number[] {\n  if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) {\n    throw new Error(`niceTicks: invalid range ${min}..${max}`);\n  }\n  const top = max === min ? min + 1 : max;\n  const step = niceNumber(niceNumber(top - min, false) / 4, true);\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const first = Math.floor(min / step) * step;\n  const last = Math.ceil(top / step) * step;\n  const ticks: number[] = [];\n  for (let i = 0; first + i * step <= last + step / 2; i++) {\n    ticks.push(Number((first + i * step).toFixed(decimals)) + 0);\n  }\n  return ticks;\n}\n\nexport type FoldedRow<T> = T | { label: string; value: number; folded: number };\n\n/** Keeps the first `maxBars - 1` rows and sums the tail into one \"Other\" row. */\nexport function foldTail<T extends { label: string; value: number }>(\n  rows: readonly T[],\n  maxBars: number | undefined,\n): FoldedRow<T>[] {\n  if (maxBars === undefined) return [...rows];\n  if (!Number.isInteger(maxBars) || maxBars < 2) {\n    throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);\n  }\n  if (rows.length <= maxBars) return [...rows];\n  const tail = rows.slice(maxBars - 1);\n  return [\n    ...rows.slice(0, maxBars - 1),\n    { label: \"Other\", value: tail.reduce((sum, row) => sum + row.value, 0), folded: tail.length },\n  ];\n}\n\n/** Every how many slots a label can be drawn without colliding with the next shown one. */\nexport function labelStep(labels: readonly string[], slotWidth: number): number {\n  const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;\n  return Math.max(1, Math.ceil(widest / slotWidth));\n}\n\n/** Height below the plot reserved for x labels, so they clear the 0 tick label. */\nexport const X_AXIS_BAND = 22;\n/** Distance from the chart's bottom edge to the x label baseline. */\nexport const X_LABEL_INSET = 6;\n\n/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */\nexport function clampLabelX(center: number, label: string, width: number): number {\n  const half = textWidth(label) / 2;\n  return px(Math.min(Math.max(center, half), width - half));\n}\n\nexport function truncateLabel(label: string, maxWidth: number): string {\n  if (textWidth(label) <= maxWidth) return label;\n  const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);\n  return `${label.slice(0, keep)}…`;\n}\n\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})(?:$|T)/;\n\n/**\n * Default x label: an ISO date becomes \"Aug 16\" (read from the string, not via\n * Date, so the output does not depend on the render's timezone); anything else\n * is shown as given.\n */\nexport function formatChartX(x: string): string {\n  const match = ISO_DATE.exec(x);\n  if (!match) return x;\n  const month = MONTHS[Number(match[2]) - 1];\n  if (!month) throw new Error(`formatChartX: invalid month in ${x}`);\n  return `${month} ${Number(match[3])}`;\n}\n\nconst VALUE_FORMAT = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 });\n\n/** Default value label: grouped, up to 2 decimals, locale-independent. */\nexport function formatChartValue(value: number): string {\n  return VALUE_FORMAT.format(value);\n}\n\nexport function assertChartSize(component: string, width: number, height?: number): void {\n  if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);\n  if (height !== undefined && (!Number.isFinite(height) || height <= 0)) {\n    throw new Error(`${component}: height must be a positive number, got ${height}`);\n  }\n}\n\nexport function assertFinite(component: string, label: string, value: number): void {\n  if (!Number.isFinite(value)) throw new Error(`${component}: value for \"${label}\" must be finite, got ${value}`);\n}\n"],"mappings":"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"}

package/dist/data/charts/chart-scale.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Average glyph advance at the chart font size. There is no layout engine in a
+ * static render, so text is measured by estimate; 0.6em over-estimates typical
+ * sans-serif digits and letters, which errs toward thinning rather than overlap.
+ */
+export declare const CHAR_WIDTH: number;
+export declare function textWidth(text: string): number;
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+export declare function px(value: number): number;
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+export declare function niceTicks(min: number, max: number): number[];
+export type FoldedRow<T> = T | {
+    label: string;
+    value: number;
+    folded: number;
+};
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+export declare function foldTail<T extends {
+    label: string;
+    value: number;
+}>(rows: readonly T[], maxBars: number | undefined): FoldedRow<T>[];
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+export declare function labelStep(labels: readonly string[], slotWidth: number): number;
+/** Height below the plot reserved for x labels, so they clear the 0 tick label. */
+export declare const X_AXIS_BAND = 22;
+/** Distance from the chart's bottom edge to the x label baseline. */
+export declare const X_LABEL_INSET = 6;
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+export declare function clampLabelX(center: number, label: string, width: number): number;
+export declare function truncateLabel(label: string, maxWidth: number): string;
+/**
+ * Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+ * Date, so the output does not depend on the render's timezone); anything else
+ * is shown as given.
+ */
+export declare function formatChartX(x: string): string;
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+export declare function formatChartValue(value: number): string;
+export declare function assertChartSize(component: string, width: number, height?: number): void;
+export declare function assertFinite(component: string, label: string, value: number): void;
+//# sourceMappingURL=chart-scale.d.ts.map

package/dist/data/charts/chart-scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.d.ts","sourceRoot":"","sources":["../../../src/data/charts/chart-scale.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,UAAU,QAAwB,CAAC;AAGhD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,+EAA+E;AAC/E,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExC;AAWD,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAc5D;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,iFAAiF;AACjF,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACjE,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,OAAO,EAAE,MAAM,GAAG,SAAS,GAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAWhB;AAED,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAG9E;AAED,mFAAmF;AACnF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,qEAAqE;AACrE,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGhF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIrE;AAKD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAM9C;AAID,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAKvF;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAElF"}

package/dist/data/charts/chart-scale.js

@@ -0,0 +1,104 @@
+// src/data/charts/chart-scale.ts
+/**
+* Average glyph advance at the chart font size. There is no layout engine in a
+* static render, so text is measured by estimate; 0.6em over-estimates typical
+* sans-serif digits and letters, which errs toward thinning rather than overlap.
+*/
+var CHAR_WIDTH = 6.6;
+var LABEL_GAP = 6;
+function textWidth(text) {
+	return text.length * CHAR_WIDTH;
+}
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+function px(value) {
+	return Math.round(value * 100) / 100;
+}
+function niceNumber(value, round) {
+	const exponent = Math.floor(Math.log10(value));
+	const fraction = value / 10 ** exponent;
+	let nice;
+	if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;
+	else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
+	return nice * 10 ** exponent;
+}
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+function niceTicks(min, max) {
+	if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) throw new Error(`niceTicks: invalid range ${min}..${max}`);
+	const top = max === min ? min + 1 : max;
+	const step = niceNumber(niceNumber(top - min, false) / 4, true);
+	const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+	const first = Math.floor(min / step) * step;
+	const last = Math.ceil(top / step) * step;
+	const ticks = [];
+	for (let i = 0; first + i * step <= last + step / 2; i++) ticks.push(Number((first + i * step).toFixed(decimals)) + 0);
+	return ticks;
+}
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+function foldTail(rows, maxBars) {
+	if (maxBars === void 0) return [...rows];
+	if (!Number.isInteger(maxBars) || maxBars < 2) throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);
+	if (rows.length <= maxBars) return [...rows];
+	const tail = rows.slice(maxBars - 1);
+	return [...rows.slice(0, maxBars - 1), {
+		label: "Other",
+		value: tail.reduce((sum, row) => sum + row.value, 0),
+		folded: tail.length
+	}];
+}
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+function labelStep(labels, slotWidth) {
+	const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;
+	return Math.max(1, Math.ceil(widest / slotWidth));
+}
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+function clampLabelX(center, label, width) {
+	const half = textWidth(label) / 2;
+	return px(Math.min(Math.max(center, half), width - half));
+}
+function truncateLabel(label, maxWidth) {
+	if (textWidth(label) <= maxWidth) return label;
+	const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);
+	return `${label.slice(0, keep)}…`;
+}
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})(?:$|T)/;
+/**
+* Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+* Date, so the output does not depend on the render's timezone); anything else
+* is shown as given.
+*/
+function formatChartX(x) {
+	const match = ISO_DATE.exec(x);
+	if (!match) return x;
+	const month = MONTHS[Number(match[2]) - 1];
+	if (!month) throw new Error(`formatChartX: invalid month in ${x}`);
+	return `${month} ${Number(match[3])}`;
+}
+var VALUE_FORMAT = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+function formatChartValue(value) {
+	return VALUE_FORMAT.format(value);
+}
+function assertChartSize(component, width, height) {
+	if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);
+	if (height !== void 0 && (!Number.isFinite(height) || height <= 0)) throw new Error(`${component}: height must be a positive number, got ${height}`);
+}
+function assertFinite(component, label, value) {
+	if (!Number.isFinite(value)) throw new Error(`${component}: value for "${label}" must be finite, got ${value}`);
+}
+export { CHAR_WIDTH, assertChartSize, assertFinite, clampLabelX, foldTail, formatChartValue, formatChartX, labelStep, niceTicks, px, textWidth, truncateLabel };
+
+//# sourceMappingURL=chart-scale.js.map

package/dist/data/charts/chart-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.js","names":[],"sources":["../../../src/data/charts/chart-scale.ts"],"sourcesContent":["import { CHART_FONT_SIZE } from \"./chart-palette\";\n\n/**\n * Average glyph advance at the chart font size. There is no layout engine in a\n * static render, so text is measured by estimate; 0.6em over-estimates typical\n * sans-serif digits and letters, which errs toward thinning rather than overlap.\n */\nexport const CHAR_WIDTH = CHART_FONT_SIZE * 0.6;\nconst LABEL_GAP = 6;\n\nexport function textWidth(text: string): number {\n  return text.length * CHAR_WIDTH;\n}\n\n/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */\nexport function px(value: number): number {\n  return Math.round(value * 100) / 100;\n}\n\nfunction niceNumber(value: number, round: boolean): number {\n  const exponent = Math.floor(Math.log10(value));\n  const fraction = value / 10 ** exponent;\n  let nice: number;\n  if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;\n  else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n  return nice * 10 ** exponent;\n}\n\n/** Heckbert's nice axis ticks covering [min, max], about five of them. */\nexport function niceTicks(min: number, max: number): number[] {\n  if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) {\n    throw new Error(`niceTicks: invalid range ${min}..${max}`);\n  }\n  const top = max === min ? min + 1 : max;\n  const step = niceNumber(niceNumber(top - min, false) / 4, true);\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const first = Math.floor(min / step) * step;\n  const last = Math.ceil(top / step) * step;\n  const ticks: number[] = [];\n  for (let i = 0; first + i * step <= last + step / 2; i++) {\n    ticks.push(Number((first + i * step).toFixed(decimals)) + 0);\n  }\n  return ticks;\n}\n\nexport type FoldedRow<T> = T | { label: string; value: number; folded: number };\n\n/** Keeps the first `maxBars - 1` rows and sums the tail into one \"Other\" row. */\nexport function foldTail<T extends { label: string; value: number }>(\n  rows: readonly T[],\n  maxBars: number | undefined,\n): FoldedRow<T>[] {\n  if (maxBars === undefined) return [...rows];\n  if (!Number.isInteger(maxBars) || maxBars < 2) {\n    throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);\n  }\n  if (rows.length <= maxBars) return [...rows];\n  const tail = rows.slice(maxBars - 1);\n  return [\n    ...rows.slice(0, maxBars - 1),\n    { label: \"Other\", value: tail.reduce((sum, row) => sum + row.value, 0), folded: tail.length },\n  ];\n}\n\n/** Every how many slots a label can be drawn without colliding with the next shown one. */\nexport function labelStep(labels: readonly string[], slotWidth: number): number {\n  const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;\n  return Math.max(1, Math.ceil(widest / slotWidth));\n}\n\n/** Height below the plot reserved for x labels, so they clear the 0 tick label. */\nexport const X_AXIS_BAND = 22;\n/** Distance from the chart's bottom edge to the x label baseline. */\nexport const X_LABEL_INSET = 6;\n\n/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */\nexport function clampLabelX(center: number, label: string, width: number): number {\n  const half = textWidth(label) / 2;\n  return px(Math.min(Math.max(center, half), width - half));\n}\n\nexport function truncateLabel(label: string, maxWidth: number): string {\n  if (textWidth(label) <= maxWidth) return label;\n  const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);\n  return `${label.slice(0, keep)}…`;\n}\n\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})(?:$|T)/;\n\n/**\n * Default x label: an ISO date becomes \"Aug 16\" (read from the string, not via\n * Date, so the output does not depend on the render's timezone); anything else\n * is shown as given.\n */\nexport function formatChartX(x: string): string {\n  const match = ISO_DATE.exec(x);\n  if (!match) return x;\n  const month = MONTHS[Number(match[2]) - 1];\n  if (!month) throw new Error(`formatChartX: invalid month in ${x}`);\n  return `${month} ${Number(match[3])}`;\n}\n\nconst VALUE_FORMAT = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 });\n\n/** Default value label: grouped, up to 2 decimals, locale-independent. */\nexport function formatChartValue(value: number): string {\n  return VALUE_FORMAT.format(value);\n}\n\nexport function assertChartSize(component: string, width: number, height?: number): void {\n  if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);\n  if (height !== undefined && (!Number.isFinite(height) || height <= 0)) {\n    throw new Error(`${component}: height must be a positive number, got ${height}`);\n  }\n}\n\nexport function assertFinite(component: string, label: string, value: number): void {\n  if (!Number.isFinite(value)) throw new Error(`${component}: value for \"${label}\" must be finite, got ${value}`);\n}\n"],"mappings":"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"}

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: [