@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/traces/otel/source.js

@@ -0,0 +1,10 @@
+// src/data/traces/otel/source.ts
+var RECEIVER_RUN = "receiver";
+/** The source switch's choice: received spans (the receiver run), recorded spans, or a connection. */
+function sourceChoice(value) {
+	const source = value.source ?? "records";
+	return source !== "records" ? source : value.run === "receiver" ? "received" : "records";
+}
+export { RECEIVER_RUN, sourceChoice };
+
+//# sourceMappingURL=source.js.map

package/dist/data/traces/otel/source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.js","names":[],"sources":["../../../../src/data/traces/otel/source.ts"],"sourcesContent":["import type { SearchValues } from \"./api\";\nexport const RECEIVER_RUN = \"receiver\";\n\n/** The source switch's choice: received spans (the receiver run), recorded spans, or a connection. */\nexport function sourceChoice(value: SearchValues): string {\n  const source = value.source ?? \"records\";\n  return source !== \"records\" ? source : value.run === RECEIVER_RUN ? \"received\" : \"records\";\n}\n\n"],"mappings":";AACA,IAAa,eAAe;;AAG5B,SAAgB,aAAa,OAA6B;CACxD,MAAM,SAAS,MAAM,UAAU;CAC/B,OAAO,WAAW,YAAY,SAAS,MAAM,QAAA,aAAuB,aAAa;AACnF"}

package/dist/data/traces/otel/span-traces.cjs

@@ -0,0 +1,39 @@
+const require_model = require("./model.cjs");
+// src/data/traces/otel/span-traces.ts
+function spanTraces(spans) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const span of spans) {
+		if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0) throw new Error("Trace spans require traceId, spanId and a finite non-negative durationMs");
+		require_model.micros(span.startedAt);
+		const group = groups.get(span.traceId) ?? [];
+		group.push(span);
+		groups.set(span.traceId, group);
+	}
+	return [...groups].map(([traceId, group]) => {
+		const ordered = [...group].sort((a, b) => require_model.micros(a.startedAt) - require_model.micros(b.startedAt) || a.spanId.localeCompare(b.spanId));
+		const first = ordered[0];
+		const ids = new Set(ordered.map((span) => span.spanId));
+		const root = ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? first;
+		const start = require_model.micros(first.startedAt);
+		const end = ordered.reduce((latest, span) => Math.max(latest, require_model.micros(span.startedAt) + span.durationMs * 1e3), start);
+		const trace = {
+			summary: {
+				traceId,
+				service: root.service,
+				operation: root.operation,
+				startedAt: first.startedAt,
+				durationMs: (end - start) / 1e3,
+				spanCount: ordered.length,
+				errors: ordered.filter(require_model.isError).length,
+				services: [...new Set(ordered.map((span) => span.service))].sort()
+			},
+			spans: ordered,
+			missingParents: [...new Set(ordered.flatMap((span) => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort()
+		};
+		require_model.indexTrace(trace);
+		return trace;
+	}).sort((a, b) => require_model.micros(b.summary.startedAt) - require_model.micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));
+}
+exports.spanTraces = spanTraces;
+
+//# sourceMappingURL=span-traces.cjs.map

package/dist/data/traces/otel/span-traces.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-traces.cjs","names":["micros","isError"],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? first;\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,cAAA,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAMA,cAAAA,OAAO,EAAE,SAAS,IAAIA,cAAAA,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK;EACvG,MAAM,QAAQA,cAAAA,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQA,cAAAA,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAOC,cAAAA,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,cAAA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAMD,cAAAA,OAAO,EAAE,QAAQ,SAAS,IAAIA,cAAAA,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}

package/dist/data/traces/otel/span-traces.d.ts

@@ -0,0 +1,3 @@
+import { Span, Trace } from './api.js';
+export declare function spanTraces(spans: readonly Span[]): Trace[];
+//# sourceMappingURL=span-traces.d.ts.map

package/dist/data/traces/otel/span-traces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-traces.d.ts","sourceRoot":"","sources":["../../../../src/data/traces/otel/span-traces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGzC,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,GAAG,KAAK,EAAE,CAyB1D"}

package/dist/data/traces/otel/span-traces.js

@@ -0,0 +1,39 @@
+import { indexTrace, isError, micros } from "./model.js";
+// src/data/traces/otel/span-traces.ts
+function spanTraces(spans) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const span of spans) {
+		if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0) throw new Error("Trace spans require traceId, spanId and a finite non-negative durationMs");
+		micros(span.startedAt);
+		const group = groups.get(span.traceId) ?? [];
+		group.push(span);
+		groups.set(span.traceId, group);
+	}
+	return [...groups].map(([traceId, group]) => {
+		const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));
+		const first = ordered[0];
+		const ids = new Set(ordered.map((span) => span.spanId));
+		const root = ordered.find((span) => !span.parentId) ?? ordered.find((span) => !ids.has(span.parentId)) ?? first;
+		const start = micros(first.startedAt);
+		const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1e3), start);
+		const trace = {
+			summary: {
+				traceId,
+				service: root.service,
+				operation: root.operation,
+				startedAt: first.startedAt,
+				durationMs: (end - start) / 1e3,
+				spanCount: ordered.length,
+				errors: ordered.filter(isError).length,
+				services: [...new Set(ordered.map((span) => span.service))].sort()
+			},
+			spans: ordered,
+			missingParents: [...new Set(ordered.flatMap((span) => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort()
+		};
+		indexTrace(trace);
+		return trace;
+	}).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));
+}
+export { spanTraces };
+
+//# sourceMappingURL=span-traces.js.map

package/dist/data/traces/otel/span-traces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-traces.js","names":[],"sources":["../../../../src/data/traces/otel/span-traces.ts"],"sourcesContent":["import type { Span, Trace } from \"./api\";\nimport { indexTrace, isError, micros } from \"./model\";\n\nexport function spanTraces(spans: readonly Span[]): Trace[] {\n  const groups = new Map<string, Span[]>();\n  for (const span of spans) {\n    if (!span.traceId || !span.spanId || !Number.isFinite(span.durationMs) || span.durationMs < 0)\n      throw new Error(\"Trace spans require traceId, spanId and a finite non-negative durationMs\");\n    micros(span.startedAt);\n    const group = groups.get(span.traceId) ?? [];\n    group.push(span);\n    groups.set(span.traceId, group);\n  }\n  return [...groups].map(([traceId, group]) => {\n    const ordered = [...group].sort((a, b) => micros(a.startedAt) - micros(b.startedAt) || a.spanId.localeCompare(b.spanId));\n    const first = ordered[0]!;\n    const ids = new Set(ordered.map(span => span.spanId));\n    const root = ordered.find(span => !span.parentId) ?? ordered.find(span => !ids.has(span.parentId!)) ?? first;\n    const start = micros(first.startedAt);\n    const end = ordered.reduce((latest, span) => Math.max(latest, micros(span.startedAt) + span.durationMs * 1000), start);\n    const trace: Trace = {\n      summary: { traceId, service: root.service, operation: root.operation, startedAt: first.startedAt, durationMs: (end - start) / 1000, spanCount: ordered.length, errors: ordered.filter(isError).length, services: [...new Set(ordered.map(span => span.service))].sort() },\n      spans: ordered,\n      missingParents: [...new Set(ordered.flatMap(span => span.parentId && !ids.has(span.parentId) ? [span.parentId] : []))].sort(),\n    };\n    indexTrace(trace);\n    return trace;\n  }).sort((a, b) => micros(b.summary.startedAt) - micros(a.summary.startedAt) || a.summary.traceId.localeCompare(b.summary.traceId));\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAiC;CAC1D,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,KAAK,UAAU,KAAK,KAAK,aAAa,GAC1F,MAAM,IAAI,MAAM,0EAA0E;EAC5F,OAAO,KAAK,SAAS;EACrB,MAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;EAC3C,MAAM,KAAK,IAAI;EACf,OAAO,IAAI,KAAK,SAAS,KAAK;CAChC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,WAAW;EAC3C,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,KAAK,EAAE,OAAO,cAAc,EAAE,MAAM,CAAC;EACvH,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,MAAM,CAAC;EACpD,MAAM,OAAO,QAAQ,MAAK,SAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAK,SAAQ,CAAC,IAAI,IAAI,KAAK,QAAS,CAAC,KAAK;EACvG,MAAM,QAAQ,OAAO,MAAM,SAAS;EACpC,MAAM,MAAM,QAAQ,QAAQ,QAAQ,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,SAAS,IAAI,KAAK,aAAa,GAAI,GAAG,KAAK;EACrH,MAAM,QAAe;GACnB,SAAS;IAAE;IAAS,SAAS,KAAK;IAAS,WAAW,KAAK;IAAW,WAAW,MAAM;IAAW,aAAa,MAAM,SAAS;IAAM,WAAW,QAAQ;IAAQ,QAAQ,QAAQ,OAAO,OAAO,CAAC,CAAC;IAAQ,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;GAAE;GACxQ,OAAO;GACP,gBAAgB,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAQ,SAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;EAC9H;EACA,WAAW,KAAK;EAChB,OAAO;CACT,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,OAAO,EAAE,QAAQ,SAAS,IAAI,OAAO,EAAE,QAAQ,SAAS,KAAK,EAAE,QAAQ,QAAQ,cAAc,EAAE,QAAQ,OAAO,CAAC;AACnI"}

package/dist/data/use-data-table-virtual.d.ts

@@ -31,7 +31,7 @@ export declare function useDataTableVirtual({ count, options, getItemKey, }: {
     setScrollEl: import('react').Dispatch<import('react').SetStateAction<HTMLDivElement | null>>;
     setTbodyEl: import('react').Dispatch<import('react').SetStateAction<HTMLTableSectionElement | null>>;
     virtualizer: import('@tanstack/react-virtual').ReactVirtualizer<HTMLDivElement, Element>;
-    virtualItems: import('@tanstack/react-virtual').VirtualItem[];
+    virtualItems: import('@tanstack/virtual-core').VirtualItem[];
     spacers: {
         top: number;
         bottom: number;

package/dist/data/version-info.cjs

@@ -14,9 +14,9 @@ function detectMode() {
 /** Resolve build + runtime version metadata. */
 function getVersionInfo() {
 	return {
-		commit: read(() => "ee67b513d", ""),
-		tag: read(() => "clicky-ui@0.3.54", ""),
-		date: read(() => "2026-11-01T17:35:12.318Z", ""),
+		commit: read(() => "4ccb2b26b", ""),
+		tag: read(() => "clicky-ui@0.3.56", ""),
+		date: read(() => "2026-11-02T18:28:00.772Z", ""),
 		dirty: read(() => true, false),
 		mode: detectMode()
 	};

package/dist/data/version-info.js

@@ -14,9 +14,9 @@ function detectMode() {
 /** Resolve build + runtime version metadata. */
 function getVersionInfo() {
 	return {
-		commit: read(() => "ee67b513d", ""),
-		tag: read(() => "clicky-ui@0.3.54", ""),
-		date: read(() => "2026-11-01T17:34:39.851Z", ""),
+		commit: read(() => "4ccb2b26b", ""),
+		tag: read(() => "clicky-ui@0.3.56", ""),
+		date: read(() => "2026-11-02T18:27:24.592Z", ""),
 		dirty: read(() => true, false),
 		mode: detectMode()
 	};

package/dist/data/workload-panel/MemoryStack.cjs

@@ -0,0 +1,49 @@
+const require_utils = require("../../lib/utils.cjs");
+const require_format = require("../../lib/format.cjs");
+const require_ProgressBar = require("../ProgressBar.cjs");
+const require_model = require("./model.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/workload-panel/MemoryStack.tsx
+function WorkloadMemoryStack({ label, memory, jvm, part = "all", className }) {
+	const { segments, usage, scale } = require_model.memorySegments({
+		memory,
+		jvm,
+		part
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("flex min-w-0 items-center gap-3 py-1 text-xs tabular-nums", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative min-w-0 flex-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProgressBar.ProgressBar, {
+				label,
+				segments,
+				total: scale,
+				formatValue: require_format.formatBytes,
+				height: "h-6",
+				className: "rounded-md"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "pointer-events-none absolute inset-y-0 left-2 flex items-center font-medium text-white [text-shadow:0_0_2px_rgb(0_0_0/0.45)]",
+				children: require_format.formatBytes(usage)
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "shrink-0 text-muted-foreground",
+			children: require_format.formatBytes(scale)
+		})]
+	});
+}
+function WorkloadMemoryLegend() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-wrap gap-x-4 gap-y-2 text-xs text-muted-foreground",
+		children: [...require_model.memoryRegions, require_model.nativeMemoryRegion].map(({ label, color }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "h-2.5 w-2.5 rounded-sm",
+				style: { backgroundColor: color }
+			}), label]
+		}, label))
+	});
+}
+exports.WorkloadMemoryLegend = WorkloadMemoryLegend;
+exports.WorkloadMemoryStack = WorkloadMemoryStack;
+
+//# sourceMappingURL=MemoryStack.cjs.map

package/dist/data/workload-panel/MemoryStack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryStack.cjs","names":["memorySegments","cn","ProgressBar","formatBytes","memoryRegions","nativeMemoryRegion"],"sources":["../../../src/data/workload-panel/MemoryStack.tsx"],"sourcesContent":["import { ProgressBar } from \"../ProgressBar\";\nimport { formatBytes } from \"../../lib/format\";\nimport { cn } from \"../../lib/utils\";\nimport { memoryRegions, memorySegments, nativeMemoryRegion } from \"./model\";\nimport type {\n  WorkloadJvmStatistics,\n  WorkloadMemoryPart,\n  WorkloadResourceStatistics,\n} from \"./types\";\n\nexport interface WorkloadMemoryStackProps {\n  label: string;\n  memory: WorkloadResourceStatistics;\n  jvm: Pick<WorkloadJvmStatistics, \"heap\" | \"regions\">;\n  part?: WorkloadMemoryPart;\n  className?: string;\n}\n\nexport function WorkloadMemoryStack({\n  label,\n  memory,\n  jvm,\n  part = \"all\",\n  className,\n}: WorkloadMemoryStackProps) {\n  const { segments, usage, scale } = memorySegments({ memory, jvm, part });\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 items-center gap-3 py-1 text-xs tabular-nums\",\n        className,\n      )}\n    >\n      <div className=\"relative min-w-0 flex-1\">\n        <ProgressBar\n          label={label}\n          segments={segments}\n          total={scale}\n          formatValue={formatBytes}\n          height=\"h-6\"\n          className=\"rounded-md\"\n        />\n        <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center font-medium text-white [text-shadow:0_0_2px_rgb(0_0_0/0.45)]\">\n          {formatBytes(usage)}\n        </span>\n      </div>\n      <span className=\"shrink-0 text-muted-foreground\">\n        {formatBytes(scale)}\n      </span>\n    </div>\n  );\n}\n\nexport function WorkloadMemoryLegend() {\n  return (\n    <div className=\"flex flex-wrap gap-x-4 gap-y-2 text-xs text-muted-foreground\">\n      {[...memoryRegions, nativeMemoryRegion].map(({ label, color }) => (\n        <span key={label} className=\"inline-flex items-center gap-1.5\">\n          <span\n            className=\"h-2.5 w-2.5 rounded-sm\"\n            style={{ backgroundColor: color }}\n          />\n          {label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,oBAAoB,EAClC,OACA,QACA,KACA,OAAO,OACP,aAC2B;CAC3B,MAAM,EAAE,UAAU,OAAO,UAAUA,cAAAA,eAAe;EAAE;EAAQ;EAAK;CAAK,CAAC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT,6DACA,SACF;EAJF,UAAA,CAME,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;IACS;IACG;IACV,OAAO;IACP,aAAaC,eAAAA;IACb,QAAO;IACP,WAAU;GACX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IACb,UAAAA,eAAAA,YAAY,KAAK;GACd,CAAA,CACH;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GACb,UAAAA,eAAAA,YAAY,KAAK;EACd,CAAA,CACH;;AAET;AAEA,SAAgB,uBAAuB;CACrC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACZ,UAAA,CAAC,GAAGC,cAAAA,eAAeC,cAAAA,kBAAkB,CAAC,CAAC,KAAK,EAAE,OAAO,YACpD,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAkB,WAAU;GAA5B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,MAAM;GACjC,CAAA,GACA,KACG;EANK,GAAA,KAML,CACP;CACE,CAAA;AAET"}

package/dist/data/workload-panel/MemoryStack.d.ts

@@ -0,0 +1,11 @@
+import { WorkloadJvmStatistics, WorkloadMemoryPart, WorkloadResourceStatistics } from './types.js';
+export interface WorkloadMemoryStackProps {
+    label: string;
+    memory: WorkloadResourceStatistics;
+    jvm: Pick<WorkloadJvmStatistics, "heap" | "regions">;
+    part?: WorkloadMemoryPart;
+    className?: string;
+}
+export declare function WorkloadMemoryStack({ label, memory, jvm, part, className, }: WorkloadMemoryStackProps): import("react").JSX.Element;
+export declare function WorkloadMemoryLegend(): import("react").JSX.Element;
+//# sourceMappingURL=MemoryStack.d.ts.map

package/dist/data/workload-panel/MemoryStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryStack.d.ts","sourceRoot":"","sources":["../../../src/data/workload-panel/MemoryStack.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,0BAA0B,CAAC;IACnC,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,GAAG,EACH,IAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,+BA2B1B;AAED,wBAAgB,oBAAoB,gCAcnC"}

package/dist/data/workload-panel/MemoryStack.js

@@ -0,0 +1,48 @@
+import { cn } from "../../lib/utils.js";
+import { formatBytes } from "../../lib/format.js";
+import { ProgressBar } from "../ProgressBar.js";
+import { memoryRegions, memorySegments, nativeMemoryRegion } from "./model.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/workload-panel/MemoryStack.tsx
+function WorkloadMemoryStack({ label, memory, jvm, part = "all", className }) {
+	const { segments, usage, scale } = memorySegments({
+		memory,
+		jvm,
+		part
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-w-0 items-center gap-3 py-1 text-xs tabular-nums", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative min-w-0 flex-1",
+			children: [/* @__PURE__ */ jsx(ProgressBar, {
+				label,
+				segments,
+				total: scale,
+				formatValue: formatBytes,
+				height: "h-6",
+				className: "rounded-md"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "pointer-events-none absolute inset-y-0 left-2 flex items-center font-medium text-white [text-shadow:0_0_2px_rgb(0_0_0/0.45)]",
+				children: formatBytes(usage)
+			})]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "shrink-0 text-muted-foreground",
+			children: formatBytes(scale)
+		})]
+	});
+}
+function WorkloadMemoryLegend() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-x-4 gap-y-2 text-xs text-muted-foreground",
+		children: [...memoryRegions, nativeMemoryRegion].map(({ label, color }) => /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "h-2.5 w-2.5 rounded-sm",
+				style: { backgroundColor: color }
+			}), label]
+		}, label))
+	});
+}
+export { WorkloadMemoryLegend, WorkloadMemoryStack };
+
+//# sourceMappingURL=MemoryStack.js.map

package/dist/data/workload-panel/MemoryStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryStack.js","names":[],"sources":["../../../src/data/workload-panel/MemoryStack.tsx"],"sourcesContent":["import { ProgressBar } from \"../ProgressBar\";\nimport { formatBytes } from \"../../lib/format\";\nimport { cn } from \"../../lib/utils\";\nimport { memoryRegions, memorySegments, nativeMemoryRegion } from \"./model\";\nimport type {\n  WorkloadJvmStatistics,\n  WorkloadMemoryPart,\n  WorkloadResourceStatistics,\n} from \"./types\";\n\nexport interface WorkloadMemoryStackProps {\n  label: string;\n  memory: WorkloadResourceStatistics;\n  jvm: Pick<WorkloadJvmStatistics, \"heap\" | \"regions\">;\n  part?: WorkloadMemoryPart;\n  className?: string;\n}\n\nexport function WorkloadMemoryStack({\n  label,\n  memory,\n  jvm,\n  part = \"all\",\n  className,\n}: WorkloadMemoryStackProps) {\n  const { segments, usage, scale } = memorySegments({ memory, jvm, part });\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 items-center gap-3 py-1 text-xs tabular-nums\",\n        className,\n      )}\n    >\n      <div className=\"relative min-w-0 flex-1\">\n        <ProgressBar\n          label={label}\n          segments={segments}\n          total={scale}\n          formatValue={formatBytes}\n          height=\"h-6\"\n          className=\"rounded-md\"\n        />\n        <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center font-medium text-white [text-shadow:0_0_2px_rgb(0_0_0/0.45)]\">\n          {formatBytes(usage)}\n        </span>\n      </div>\n      <span className=\"shrink-0 text-muted-foreground\">\n        {formatBytes(scale)}\n      </span>\n    </div>\n  );\n}\n\nexport function WorkloadMemoryLegend() {\n  return (\n    <div className=\"flex flex-wrap gap-x-4 gap-y-2 text-xs text-muted-foreground\">\n      {[...memoryRegions, nativeMemoryRegion].map(({ label, color }) => (\n        <span key={label} className=\"inline-flex items-center gap-1.5\">\n          <span\n            className=\"h-2.5 w-2.5 rounded-sm\"\n            style={{ backgroundColor: color }}\n          />\n          {label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,oBAAoB,EAClC,OACA,QACA,KACA,OAAO,OACP,aAC2B;CAC3B,MAAM,EAAE,UAAU,OAAO,UAAU,eAAe;EAAE;EAAQ;EAAK;CAAK,CAAC;CACvE,OACE,qBAAC,OAAD;EACE,WAAW,GACT,6DACA,SACF;EAJF,UAAA,CAME,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,aAAD;IACS;IACG;IACV,OAAO;IACP,aAAa;IACb,QAAO;IACP,WAAU;GACX,CAAA,GACD,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,YAAY,KAAK;GACd,CAAA,CACH;EACL,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAU;GACb,UAAA,YAAY,KAAK;EACd,CAAA,CACH;;AAET;AAEA,SAAgB,uBAAuB;CACrC,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,CAAC,GAAG,eAAe,kBAAkB,CAAC,CAAC,KAAK,EAAE,OAAO,YACpD,qBAAC,QAAD;GAAkB,WAAU;GAA5B,UAAA,CACE,oBAAC,QAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,MAAM;GACjC,CAAA,GACA,KACG;EANK,GAAA,KAML,CACP;CACE,CAAA;AAET"}

package/dist/data/workload-panel/Metrics.cjs

@@ -0,0 +1,197 @@
+const require_UiTimer = require("../../icons/components/UiTimer.cjs");
+const require_UiMemoryStick = require("../../icons/components/UiMemoryStick.cjs");
+const require_UiChip = require("../../icons/components/UiChip.cjs");
+const require_UiLangJava = require("../../icons/components/UiLangJava.cjs");
+const require_UiDumpThreads = require("../../icons/components/UiDumpThreads.cjs");
+const require_format = require("../../lib/format.cjs");
+const require_MultiGaugeBar = require("../MultiGaugeBar.cjs");
+const require_MetricTile = require("../diagnostics/MetricTile.cjs");
+const require_model = require("./model.cjs");
+const require_MemoryStack = require("./MemoryStack.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/workload-panel/Metrics.tsx
+function ResourceMetrics({ cpu, memory }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "grid min-w-0 gap-4 @2xl:grid-cols-2",
+		children: [{
+			label: "CPU usage",
+			reading: cpu,
+			Icon: require_UiChip.UiChip,
+			bytes: false
+		}, {
+			label: "Memory usage",
+			reading: memory,
+			Icon: require_UiMemoryStick.UiMemoryStick,
+			bytes: true
+		}].map(({ label, reading, Icon, bytes }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+			className: "min-w-0 space-y-1",
+			"aria-label": label,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+				className: "flex items-center gap-1.5 text-sm font-medium",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { size: 16 }), label]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MultiGaugeBar.MultiGaugeBar, {
+				label,
+				variant: "cell",
+				average: reading.average,
+				max: reading.limit,
+				...!bytes ? { unit: "cores" } : {},
+				formatValue: bytes ? require_format.formatBytes : (value) => String(Number(value.toFixed(2))),
+				markers: [
+					...reading.request === void 0 ? [] : [{
+						label: "Request",
+						value: reading.request,
+						tone: "info"
+					}],
+					{
+						label: "P90",
+						value: reading.p90,
+						tone: "warning"
+					},
+					{
+						label: "P95",
+						value: reading.p95,
+						tone: "danger"
+					},
+					{
+						label: "Limit",
+						value: reading.limit
+					}
+				]
+			})]
+		}, label))
+	});
+}
+function JvmMetrics({ jvm, memory, observationWindowMs }) {
+	const gc = require_model.gcStatistics(jvm.gc, observationWindowMs);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "space-y-4 border-t border-border pt-4",
+		"aria-label": "JVM metrics",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+				className: "flex items-center gap-2 text-sm font-semibold",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UiLangJava.UiLangJava, { size: 18 }), "JVM"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "grid min-w-0 gap-4 @2xl:grid-cols-2",
+				children: [{
+					label: "Heap",
+					part: "heap"
+				}, {
+					label: "Non-heap",
+					part: "nonHeap"
+				}].map(({ label, part }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "min-w-0 space-y-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+						className: "text-xs text-muted-foreground",
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MemoryStack.WorkloadMemoryStack, {
+						label,
+						memory,
+						jvm,
+						part
+					})]
+				}, label))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MemoryStack.WorkloadMemoryLegend, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid min-w-0 items-end gap-4 @2xl:grid-cols-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "min-w-0 space-y-1",
+					"aria-label": "Garbage collection",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
+						className: "flex items-center gap-1.5 text-sm font-medium",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UiTimer.UiTimer, { size: 16 }), "GC collection time"]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MultiGaugeBar.MultiGaugeBar, {
+						label: "GC collection time",
+						variant: "cell",
+						...gc.averageMs === void 0 ? {} : { average: gc.averageMs },
+						max: jvm.gc.maxMs,
+						formatValue: require_format.formatDuration,
+						markers: [
+							{
+								label: "P90",
+								value: jvm.gc.p90Ms,
+								tone: "warning"
+							},
+							{
+								label: "P95",
+								value: jvm.gc.p95Ms,
+								tone: "danger"
+							},
+							{
+								label: "Max",
+								value: jvm.gc.maxMs
+							}
+						]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "min-w-0 space-y-1",
+					"aria-label": "Time in GC",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
+						className: "flex items-center gap-1.5 text-sm font-medium",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UiTimer.UiTimer, { size: 16 }), "Time in GC"]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MultiGaugeBar.MultiGaugeBar, {
+						label: "Time in GC",
+						variant: "cell",
+						average: gc.percentage,
+						formatValue: (value) => `${Number(value.toPrecision(3))}%`,
+						markers: [{
+							label: "P90",
+							value: jvm.gc.percentP90,
+							tone: "warning"
+						}, {
+							label: "P95",
+							value: jvm.gc.percentP95,
+							tone: "danger"
+						}]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-2 gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricTile.MetricTile, {
+					label: "Collections",
+					value: String(jvm.gc.count)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricTile.MetricTile, {
+					label: "Total GC",
+					value: require_format.formatDuration(jvm.gc.timeMs)
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "space-y-2",
+				"aria-label": "Threads",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
+					className: "flex items-center gap-1.5 text-sm font-medium",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UiDumpThreads.UiDumpThreads, { size: 16 }), "Threads"]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "grid grid-cols-2 gap-2 @md:grid-cols-4",
+					children: [
+						{
+							label: "Live",
+							value: jvm.threads.live
+						},
+						{
+							label: "Daemon",
+							value: jvm.threads.daemon
+						},
+						{
+							label: "Peak",
+							value: jvm.threads.peak
+						},
+						{
+							label: "Blocked",
+							value: jvm.threads.blocked
+						}
+					].map(({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricTile.MetricTile, {
+						label,
+						value: String(value)
+					}, label))
+				})]
+			})
+		]
+	});
+}
+exports.JvmMetrics = JvmMetrics;
+exports.ResourceMetrics = ResourceMetrics;
+
+//# sourceMappingURL=Metrics.cjs.map

package/dist/data/workload-panel/Metrics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metrics.cjs","names":["UiChip","UiMemoryStick","MultiGaugeBar","formatBytes","gcStatistics","UiLangJava","WorkloadMemoryStack","WorkloadMemoryLegend","UiTimer","formatDuration","MetricTile","UiDumpThreads"],"sources":["../../../src/data/workload-panel/Metrics.tsx"],"sourcesContent":["import {\n  UiChip,\n  UiMemoryStick,\n  UiLangJava,\n  UiTimer,\n  UiDumpThreads,\n} from \"../../icons\";\nimport { formatBytes, formatDuration } from \"../../lib/format\";\nimport { MultiGaugeBar } from \"../MultiGaugeBar\";\nimport { MetricTile } from \"../diagnostics/MetricTile\";\nimport { gcStatistics } from \"./model\";\nimport { WorkloadMemoryLegend, WorkloadMemoryStack } from \"./MemoryStack\";\nimport type {\n  WorkloadJvmStatistics,\n  WorkloadResourceStatistics,\n} from \"./types\";\n\nexport function ResourceMetrics({\n  cpu,\n  memory,\n}: {\n  cpu: WorkloadResourceStatistics;\n  memory: WorkloadResourceStatistics;\n}) {\n  return (\n    <div className=\"grid min-w-0 gap-4 @2xl:grid-cols-2\">\n      {(\n        [\n          { label: \"CPU usage\", reading: cpu, Icon: UiChip, bytes: false },\n          {\n            label: \"Memory usage\",\n            reading: memory,\n            Icon: UiMemoryStick,\n            bytes: true,\n          },\n        ] as const\n      ).map(({ label, reading, Icon, bytes }) => (\n        <section key={label} className=\"min-w-0 space-y-1\" aria-label={label}>\n          <h3 className=\"flex items-center gap-1.5 text-sm font-medium\">\n            <Icon size={16} />\n            {label}\n          </h3>\n          <MultiGaugeBar\n            label={label}\n            variant=\"cell\"\n            average={reading.average}\n            max={reading.limit}\n            {...(!bytes ? { unit: \"cores\" } : {})}\n            formatValue={\n              bytes ? formatBytes : (value) => String(Number(value.toFixed(2)))\n            }\n            markers={[\n              ...(reading.request === undefined\n                ? []\n                : [\n                    {\n                      label: \"Request\",\n                      value: reading.request,\n                      tone: \"info\" as const,\n                    },\n                  ]),\n              { label: \"P90\", value: reading.p90, tone: \"warning\" },\n              { label: \"P95\", value: reading.p95, tone: \"danger\" },\n              { label: \"Limit\", value: reading.limit },\n            ]}\n          />\n        </section>\n      ))}\n    </div>\n  );\n}\n\nexport function JvmMetrics({\n  jvm,\n  memory,\n  observationWindowMs,\n}: {\n  jvm: WorkloadJvmStatistics;\n  memory: WorkloadResourceStatistics;\n  observationWindowMs: number;\n}) {\n  const gc = gcStatistics(jvm.gc, observationWindowMs);\n  return (\n    <section\n      className=\"space-y-4 border-t border-border pt-4\"\n      aria-label=\"JVM metrics\"\n    >\n      <h3 className=\"flex items-center gap-2 text-sm font-semibold\">\n        <UiLangJava size={18} />\n        JVM\n      </h3>\n      <div className=\"grid min-w-0 gap-4 @2xl:grid-cols-2\">\n        {(\n          [\n            { label: \"Heap\", part: \"heap\" },\n            { label: \"Non-heap\", part: \"nonHeap\" },\n          ] as const\n        ).map(({ label, part }) => (\n          <div key={label} className=\"min-w-0 space-y-1\">\n            <h4 className=\"text-xs text-muted-foreground\">{label}</h4>\n            <WorkloadMemoryStack\n              label={label}\n              memory={memory}\n              jvm={jvm}\n              part={part}\n            />\n          </div>\n        ))}\n      </div>\n      <WorkloadMemoryLegend />\n      <div className=\"grid min-w-0 items-end gap-4 @2xl:grid-cols-2\">\n        <section className=\"min-w-0 space-y-1\" aria-label=\"Garbage collection\">\n          <h4 className=\"flex items-center gap-1.5 text-sm font-medium\">\n            <UiTimer size={16} />\n            GC collection time\n          </h4>\n          <MultiGaugeBar\n            label=\"GC collection time\"\n            variant=\"cell\"\n            {...(gc.averageMs === undefined ? {} : { average: gc.averageMs })}\n            max={jvm.gc.maxMs}\n            formatValue={formatDuration}\n            markers={[\n              { label: \"P90\", value: jvm.gc.p90Ms, tone: \"warning\" },\n              { label: \"P95\", value: jvm.gc.p95Ms, tone: \"danger\" },\n              { label: \"Max\", value: jvm.gc.maxMs },\n            ]}\n          />\n        </section>\n        <section className=\"min-w-0 space-y-1\" aria-label=\"Time in GC\">\n          <h4 className=\"flex items-center gap-1.5 text-sm font-medium\">\n            <UiTimer size={16} />\n            Time in GC\n          </h4>\n          <MultiGaugeBar\n            label=\"Time in GC\"\n            variant=\"cell\"\n            average={gc.percentage}\n            formatValue={(value) => `${Number(value.toPrecision(3))}%`}\n            markers={[\n              { label: \"P90\", value: jvm.gc.percentP90, tone: \"warning\" },\n              { label: \"P95\", value: jvm.gc.percentP95, tone: \"danger\" },\n            ]}\n          />\n        </section>\n      </div>\n      <div className=\"grid grid-cols-2 gap-2\">\n        <MetricTile label=\"Collections\" value={String(jvm.gc.count)} />\n        <MetricTile label=\"Total GC\" value={formatDuration(jvm.gc.timeMs)} />\n      </div>\n      <section className=\"space-y-2\" aria-label=\"Threads\">\n        <h4 className=\"flex items-center gap-1.5 text-sm font-medium\">\n          <UiDumpThreads size={16} />\n          Threads\n        </h4>\n        <div className=\"grid grid-cols-2 gap-2 @md:grid-cols-4\">\n          {[\n            { label: \"Live\", value: jvm.threads.live },\n            { label: \"Daemon\", value: jvm.threads.daemon },\n            { label: \"Peak\", value: jvm.threads.peak },\n            { label: \"Blocked\", value: jvm.threads.blocked },\n          ].map(({ label, value }) => (\n            <MetricTile key={label} label={label} value={String(value)} />\n          ))}\n        </div>\n      </section>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/data/workload-panel/Metrics.d.ts

@@ -0,0 +1,11 @@
+import { WorkloadJvmStatistics, WorkloadResourceStatistics } from './types.js';
+export declare function ResourceMetrics({ cpu, memory, }: {
+    cpu: WorkloadResourceStatistics;
+    memory: WorkloadResourceStatistics;
+}): import("react").JSX.Element;
+export declare function JvmMetrics({ jvm, memory, observationWindowMs, }: {
+    jvm: WorkloadJvmStatistics;
+    memory: WorkloadResourceStatistics;
+    observationWindowMs: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Metrics.d.ts.map

package/dist/data/workload-panel/Metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metrics.d.ts","sourceRoot":"","sources":["../../../src/data/workload-panel/Metrics.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,MAAM,GACP,EAAE;IACD,GAAG,EAAE,0BAA0B,CAAC;IAChC,MAAM,EAAE,0BAA0B,CAAC;CACpC,+BA+CA;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,MAAM,EACN,mBAAmB,GACpB,EAAE;IACD,GAAG,EAAE,qBAAqB,CAAC;IAC3B,MAAM,EAAE,0BAA0B,CAAC;IACnC,mBAAmB,EAAE,MAAM,CAAC;CAC7B,+BAwFA"}