@flanksource/clicky-ui 0.3.54 → 0.3.56

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"}

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

@@ -0,0 +1,196 @@
+import { UiTimer } from "../../icons/components/UiTimer.js";
+import { UiMemoryStick } from "../../icons/components/UiMemoryStick.js";
+import { UiChip } from "../../icons/components/UiChip.js";
+import { UiLangJava } from "../../icons/components/UiLangJava.js";
+import { UiDumpThreads } from "../../icons/components/UiDumpThreads.js";
+import { formatBytes, formatDuration } from "../../lib/format.js";
+import { MultiGaugeBar } from "../MultiGaugeBar.js";
+import { MetricTile } from "../diagnostics/MetricTile.js";
+import { gcStatistics } from "./model.js";
+import { WorkloadMemoryLegend, WorkloadMemoryStack } from "./MemoryStack.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/workload-panel/Metrics.tsx
+function ResourceMetrics({ cpu, memory }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid min-w-0 gap-4 @2xl:grid-cols-2",
+		children: [{
+			label: "CPU usage",
+			reading: cpu,
+			Icon: UiChip,
+			bytes: false
+		}, {
+			label: "Memory usage",
+			reading: memory,
+			Icon: UiMemoryStick,
+			bytes: true
+		}].map(({ label, reading, Icon, bytes }) => /* @__PURE__ */ jsxs("section", {
+			className: "min-w-0 space-y-1",
+			"aria-label": label,
+			children: [/* @__PURE__ */ jsxs("h3", {
+				className: "flex items-center gap-1.5 text-sm font-medium",
+				children: [/* @__PURE__ */ jsx(Icon, { size: 16 }), label]
+			}), /* @__PURE__ */ jsx(MultiGaugeBar, {
+				label,
+				variant: "cell",
+				average: reading.average,
+				max: reading.limit,
+				...!bytes ? { unit: "cores" } : {},
+				formatValue: bytes ? 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 = gcStatistics(jvm.gc, observationWindowMs);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-4 border-t border-border pt-4",
+		"aria-label": "JVM metrics",
+		children: [
+			/* @__PURE__ */ jsxs("h3", {
+				className: "flex items-center gap-2 text-sm font-semibold",
+				children: [/* @__PURE__ */ jsx(UiLangJava, { size: 18 }), "JVM"]
+			}),
+			/* @__PURE__ */ 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__ */ jsxs("div", {
+					className: "min-w-0 space-y-1",
+					children: [/* @__PURE__ */ jsx("h4", {
+						className: "text-xs text-muted-foreground",
+						children: label
+					}), /* @__PURE__ */ jsx(WorkloadMemoryStack, {
+						label,
+						memory,
+						jvm,
+						part
+					})]
+				}, label))
+			}),
+			/* @__PURE__ */ jsx(WorkloadMemoryLegend, {}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid min-w-0 items-end gap-4 @2xl:grid-cols-2",
+				children: [/* @__PURE__ */ jsxs("section", {
+					className: "min-w-0 space-y-1",
+					"aria-label": "Garbage collection",
+					children: [/* @__PURE__ */ jsxs("h4", {
+						className: "flex items-center gap-1.5 text-sm font-medium",
+						children: [/* @__PURE__ */ jsx(UiTimer, { size: 16 }), "GC collection time"]
+					}), /* @__PURE__ */ jsx(MultiGaugeBar, {
+						label: "GC collection time",
+						variant: "cell",
+						...gc.averageMs === void 0 ? {} : { average: gc.averageMs },
+						max: jvm.gc.maxMs,
+						formatValue: 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__ */ jsxs("section", {
+					className: "min-w-0 space-y-1",
+					"aria-label": "Time in GC",
+					children: [/* @__PURE__ */ jsxs("h4", {
+						className: "flex items-center gap-1.5 text-sm font-medium",
+						children: [/* @__PURE__ */ jsx(UiTimer, { size: 16 }), "Time in GC"]
+					}), /* @__PURE__ */ jsx(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__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-2",
+				children: [/* @__PURE__ */ jsx(MetricTile, {
+					label: "Collections",
+					value: String(jvm.gc.count)
+				}), /* @__PURE__ */ jsx(MetricTile, {
+					label: "Total GC",
+					value: formatDuration(jvm.gc.timeMs)
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "space-y-2",
+				"aria-label": "Threads",
+				children: [/* @__PURE__ */ jsxs("h4", {
+					className: "flex items-center gap-1.5 text-sm font-medium",
+					children: [/* @__PURE__ */ jsx(UiDumpThreads, { size: 16 }), "Threads"]
+				}), /* @__PURE__ */ 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__ */ jsx(MetricTile, {
+						label,
+						value: String(value)
+					}, label))
+				})]
+			})
+		]
+	});
+}
+export { JvmMetrics, ResourceMetrics };
+
+//# sourceMappingURL=Metrics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Metrics.js","names":[],"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":";;;;;;;;;;;;AAiBA,SAAgB,gBAAgB,EAC9B,KACA,UAIC;CACD,OACE,oBAAC,OAAD;EAAK,WAAU;EAEX,UAAA,CACE;GAAE,OAAO;GAAa,SAAS;GAAK,MAAM;GAAQ,OAAO;EAAM,GAC/D;GACE,OAAO;GACP,SAAS;GACT,MAAM;GACN,OAAO;EACT,CACF,CAAC,CACD,KAAK,EAAE,OAAO,SAAS,MAAM,YAC7B,qBAAC,WAAD;GAAqB,WAAU;GAAoB,cAAY;GAA/D,UAAA,CACE,qBAAC,MAAD;IAAI,WAAU;IAAd,UAAA,CACE,oBAAC,MAAD,EAAM,MAAM,GAAK,CAAA,GAChB,KACC;GACJ,CAAA,GAAA,oBAAC,eAAD;IACS;IACP,SAAQ;IACR,SAAS,QAAQ;IACjB,KAAK,QAAQ;IACb,GAAK,CAAC,QAAQ,EAAE,MAAM,QAAQ,IAAI,CAAC;IACnC,aACE,QAAQ,eAAe,UAAU,OAAO,OAAO,MAAM,QAAQ,CAAC,CAAC,CAAC;IAElE,SAAS;KACP,GAAI,QAAQ,YAAY,KAAA,IACpB,CAAC,IACD,CACE;MACE,OAAO;MACP,OAAO,QAAQ;MACf,MAAM;KACR,CACF;KACJ;MAAE,OAAO;MAAO,OAAO,QAAQ;MAAK,MAAM;KAAU;KACpD;MAAE,OAAO;MAAO,OAAO,QAAQ;MAAK,MAAM;KAAS;KACnD;MAAE,OAAO;MAAS,OAAO,QAAQ;KAAM;IACzC;GACD,CAAA,CACM;EA7BK,GAAA,KA6BL,CACV;CACE,CAAA;AAET;AAEA,SAAgB,WAAW,EACzB,KACA,QACA,uBAKC;CACD,MAAM,KAAK,aAAa,IAAI,IAAI,mBAAmB;CACnD,OACE,qBAAC,WAAD;EACE,WAAU;EACV,cAAW;EAFb,UAAA;GAIE,qBAAC,MAAD;IAAI,WAAU;IAAd,UAAA,CACE,oBAAC,YAAD,EAAY,MAAM,GAAK,CAAA,GAAC,KAEtB;;GACJ,oBAAC,OAAD;IAAK,WAAU;IAEX,UAAA,CACE;KAAE,OAAO;KAAQ,MAAM;IAAO,GAC9B;KAAE,OAAO;KAAY,MAAM;IAAU,CACvC,CAAC,CACD,KAAK,EAAE,OAAO,WACd,qBAAC,OAAD;KAAiB,WAAU;KAA3B,UAAA,CACE,oBAAC,MAAD;MAAI,WAAU;MAAiC,UAAA;KAAU,CAAA,GACzD,oBAAC,qBAAD;MACS;MACC;MACH;MACC;KACP,CAAA,CACE;IARK,GAAA,KAQL,CACN;GACE,CAAA;GACL,oBAAC,sBAAD,CAAuB,CAAA;GACvB,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,WAAD;KAAS,WAAU;KAAoB,cAAW;KAAlD,UAAA,CACE,qBAAC,MAAD;MAAI,WAAU;MAAd,UAAA,CACE,oBAAC,SAAD,EAAS,MAAM,GAAK,CAAA,GAAC,oBAEnB;KACJ,CAAA,GAAA,oBAAC,eAAD;MACE,OAAM;MACN,SAAQ;MACR,GAAK,GAAG,cAAc,KAAA,IAAY,CAAC,IAAI,EAAE,SAAS,GAAG,UAAU;MAC/D,KAAK,IAAI,GAAG;MACZ,aAAa;MACb,SAAS;OACP;QAAE,OAAO;QAAO,OAAO,IAAI,GAAG;QAAO,MAAM;OAAU;OACrD;QAAE,OAAO;QAAO,OAAO,IAAI,GAAG;QAAO,MAAM;OAAS;OACpD;QAAE,OAAO;QAAO,OAAO,IAAI,GAAG;OAAM;MACtC;KACD,CAAA,CACM;IACT,CAAA,GAAA,qBAAC,WAAD;KAAS,WAAU;KAAoB,cAAW;KAAlD,UAAA,CACE,qBAAC,MAAD;MAAI,WAAU;MAAd,UAAA,CACE,oBAAC,SAAD,EAAS,MAAM,GAAK,CAAA,GAAC,YAEnB;KACJ,CAAA,GAAA,oBAAC,eAAD;MACE,OAAM;MACN,SAAQ;MACR,SAAS,GAAG;MACZ,cAAc,UAAU,GAAG,OAAO,MAAM,YAAY,CAAC,CAAC,EAAE;MACxD,SAAS,CACP;OAAE,OAAO;OAAO,OAAO,IAAI,GAAG;OAAY,MAAM;MAAU,GAC1D;OAAE,OAAO;OAAO,OAAO,IAAI,GAAG;OAAY,MAAM;MAAS,CAC3D;KACD,CAAA,CACM;IACN,CAAA,CAAA;;GACL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,YAAD;KAAY,OAAM;KAAc,OAAO,OAAO,IAAI,GAAG,KAAK;IAAI,CAAA,GAC9D,oBAAC,YAAD;KAAY,OAAM;KAAW,OAAO,eAAe,IAAI,GAAG,MAAM;IAAI,CAAA,CACjE;;GACL,qBAAC,WAAD;IAAS,WAAU;IAAY,cAAW;IAA1C,UAAA,CACE,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA,CACE,oBAAC,eAAD,EAAe,MAAM,GAAK,CAAA,GAAC,SAEzB;IACJ,CAAA,GAAA,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;MACC;OAAE,OAAO;OAAQ,OAAO,IAAI,QAAQ;MAAK;MACzC;OAAE,OAAO;OAAU,OAAO,IAAI,QAAQ;MAAO;MAC7C;OAAE,OAAO;OAAQ,OAAO,IAAI,QAAQ;MAAK;MACzC;OAAE,OAAO;OAAW,OAAO,IAAI,QAAQ;MAAQ;KACjD,CAAC,CAAC,KAAK,EAAE,OAAO,YACd,oBAAC,YAAD;MAA+B;MAAO,OAAO,OAAO,KAAK;KAAI,GAA5C,KAA4C,CAC9D;IACE,CAAA,CACE;;EACF;;AAEb"}

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

@@ -0,0 +1,66 @@
+const require_utils = require("../../lib/utils.cjs");
+const require_format = require("../../lib/format.cjs");
+const require_WorkloadCard = require("../WorkloadCard.cjs");
+const require_model = require("./model.cjs");
+const require_Metrics = require("./Metrics.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/workload-panel/WorkloadPanel.tsx
+function WorkloadPanel(props) {
+	require_model.validateWorkloadPanel(props);
+	const { workload, container, cpu, memory, jvm, observationWindowMs, className, headerActions } = props;
+	const name = `${workload.name} / ${container}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		className: require_utils.cn("@container min-w-0 w-full", className),
+		"aria-label": `${name} workload`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WorkloadCard.WorkloadCard, {
+			workload: {
+				...workload,
+				name
+			},
+			metrics: {},
+			size: "lg",
+			expandable: false,
+			headerActions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "whitespace-nowrap text-xs text-muted-foreground",
+				title: "Observation window",
+				children: [require_format.formatDuration(observationWindowMs), " window"]
+			}), headerActions] }),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metrics.ResourceMetrics, {
+						cpu,
+						memory
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Avg inside bar" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-[var(--fs-info)]",
+								children: "Request"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-[var(--fs-warning)]",
+								children: "P90"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-[var(--fs-error)]",
+								children: "P95"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Limit" })
+						]
+					}),
+					jvm && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metrics.JvmMetrics, {
+						jvm,
+						memory,
+						observationWindowMs
+					})
+				]
+			})
+		})
+	});
+}
+exports.WorkloadPanel = WorkloadPanel;
+
+//# sourceMappingURL=WorkloadPanel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPanel.cjs","names":["cn","WorkloadCard","_Fragment","formatDuration","ResourceMetrics","JvmMetrics"],"sources":["../../../src/data/workload-panel/WorkloadPanel.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { WorkloadCard } from \"../WorkloadCard\";\nimport { JvmMetrics, ResourceMetrics } from \"./Metrics\";\nimport { validateWorkloadPanel } from \"./model\";\nimport type { WorkloadPanelProps } from \"./types\";\n\nexport function WorkloadPanel(props: WorkloadPanelProps) {\n  validateWorkloadPanel(props);\n  const {\n    workload,\n    container,\n    cpu,\n    memory,\n    jvm,\n    observationWindowMs,\n    className,\n    headerActions,\n  } = props;\n  const name = `${workload.name} / ${container}`;\n  return (\n    <section\n      className={cn(\"@container min-w-0 w-full\", className)}\n      aria-label={`${name} workload`}\n    >\n      <WorkloadCard\n        workload={{ ...workload, name }}\n        metrics={{}}\n        size=\"lg\"\n        expandable={false}\n        headerActions={\n          <>\n            <span\n              className=\"whitespace-nowrap text-xs text-muted-foreground\"\n              title=\"Observation window\"\n            >\n              {formatDuration(observationWindowMs)} window\n            </span>\n            {headerActions}\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <ResourceMetrics cpu={cpu} memory={memory} />\n          <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground\">\n            <span>Avg inside bar</span>\n            <span className=\"text-[var(--fs-info)]\">Request</span>\n            <span className=\"text-[var(--fs-warning)]\">P90</span>\n            <span className=\"text-[var(--fs-error)]\">P95</span>\n            <span>Limit</span>\n          </div>\n          {jvm && (\n            <JvmMetrics\n              jvm={jvm}\n              memory={memory}\n              observationWindowMs={observationWindowMs}\n            />\n          )}\n        </div>\n      </WorkloadCard>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,cAAc,OAA2B;CACvD,cAAA,sBAAsB,KAAK;CAC3B,MAAM,EACJ,UACA,WACA,KACA,QACA,KACA,qBACA,WACA,kBACE;CACJ,MAAM,OAAO,GAAG,SAAS,KAAK,KAAK;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,WAAWA,cAAAA,GAAG,6BAA6B,SAAS;EACpD,cAAY,GAAG,KAAK;EAEpB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;GACE,UAAU;IAAE,GAAG;IAAU;GAAK;GAC9B,SAAS,CAAC;GACV,MAAK;GACL,YAAY;GACZ,eACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IACE,WAAU;IACV,OAAM;IAFR,UAAA,CAIGC,eAAAA,eAAe,mBAAmB,GAAE,SACjC;GACL,CAAA,GAAA,aACD,EAAA,CAAA;GAGJ,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,iBAAD;MAAsB;MAAa;KAAS,CAAA;KAC5C,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAM,iBAAoB,CAAA;OAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;QAAM,WAAU;QAAwB,UAAA;OAAa,CAAA;OACrD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;QAAM,WAAU;QAA2B,UAAA;OAAS,CAAA;OACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;QAAM,WAAU;QAAyB,UAAA;OAAS,CAAA;OAClD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAM,QAAW,CAAA;MACd;;KACJ,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,YAAD;MACO;MACG;MACa;KACtB,CAAA;IAEA;;EACO,CAAA;CACP,CAAA;AAEb"}

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

@@ -0,0 +1,3 @@
+import { WorkloadPanelProps } from './types.js';
+export declare function WorkloadPanel(props: WorkloadPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=WorkloadPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPanel.d.ts","sourceRoot":"","sources":["../../../src/data/workload-panel/WorkloadPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAuDtD"}

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

@@ -0,0 +1,66 @@
+import { cn } from "../../lib/utils.js";
+import { formatDuration } from "../../lib/format.js";
+import { WorkloadCard } from "../WorkloadCard.js";
+import { validateWorkloadPanel } from "./model.js";
+import { JvmMetrics, ResourceMetrics } from "./Metrics.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/data/workload-panel/WorkloadPanel.tsx
+function WorkloadPanel(props) {
+	validateWorkloadPanel(props);
+	const { workload, container, cpu, memory, jvm, observationWindowMs, className, headerActions } = props;
+	const name = `${workload.name} / ${container}`;
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("@container min-w-0 w-full", className),
+		"aria-label": `${name} workload`,
+		children: /* @__PURE__ */ jsx(WorkloadCard, {
+			workload: {
+				...workload,
+				name
+			},
+			metrics: {},
+			size: "lg",
+			expandable: false,
+			headerActions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+				className: "whitespace-nowrap text-xs text-muted-foreground",
+				title: "Observation window",
+				children: [formatDuration(observationWindowMs), " window"]
+			}), headerActions] }),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx(ResourceMetrics, {
+						cpu,
+						memory
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground",
+						children: [
+							/* @__PURE__ */ jsx("span", { children: "Avg inside bar" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-[var(--fs-info)]",
+								children: "Request"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-[var(--fs-warning)]",
+								children: "P90"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-[var(--fs-error)]",
+								children: "P95"
+							}),
+							/* @__PURE__ */ jsx("span", { children: "Limit" })
+						]
+					}),
+					jvm && /* @__PURE__ */ jsx(JvmMetrics, {
+						jvm,
+						memory,
+						observationWindowMs
+					})
+				]
+			})
+		})
+	});
+}
+export { WorkloadPanel };
+
+//# sourceMappingURL=WorkloadPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPanel.js","names":["_Fragment"],"sources":["../../../src/data/workload-panel/WorkloadPanel.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { WorkloadCard } from \"../WorkloadCard\";\nimport { JvmMetrics, ResourceMetrics } from \"./Metrics\";\nimport { validateWorkloadPanel } from \"./model\";\nimport type { WorkloadPanelProps } from \"./types\";\n\nexport function WorkloadPanel(props: WorkloadPanelProps) {\n  validateWorkloadPanel(props);\n  const {\n    workload,\n    container,\n    cpu,\n    memory,\n    jvm,\n    observationWindowMs,\n    className,\n    headerActions,\n  } = props;\n  const name = `${workload.name} / ${container}`;\n  return (\n    <section\n      className={cn(\"@container min-w-0 w-full\", className)}\n      aria-label={`${name} workload`}\n    >\n      <WorkloadCard\n        workload={{ ...workload, name }}\n        metrics={{}}\n        size=\"lg\"\n        expandable={false}\n        headerActions={\n          <>\n            <span\n              className=\"whitespace-nowrap text-xs text-muted-foreground\"\n              title=\"Observation window\"\n            >\n              {formatDuration(observationWindowMs)} window\n            </span>\n            {headerActions}\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <ResourceMetrics cpu={cpu} memory={memory} />\n          <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground\">\n            <span>Avg inside bar</span>\n            <span className=\"text-[var(--fs-info)]\">Request</span>\n            <span className=\"text-[var(--fs-warning)]\">P90</span>\n            <span className=\"text-[var(--fs-error)]\">P95</span>\n            <span>Limit</span>\n          </div>\n          {jvm && (\n            <JvmMetrics\n              jvm={jvm}\n              memory={memory}\n              observationWindowMs={observationWindowMs}\n            />\n          )}\n        </div>\n      </WorkloadCard>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,cAAc,OAA2B;CACvD,sBAAsB,KAAK;CAC3B,MAAM,EACJ,UACA,WACA,KACA,QACA,KACA,qBACA,WACA,kBACE;CACJ,MAAM,OAAO,GAAG,SAAS,KAAK,KAAK;CACnC,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,6BAA6B,SAAS;EACpD,cAAY,GAAG,KAAK;EAEpB,UAAA,oBAAC,cAAD;GACE,UAAU;IAAE,GAAG;IAAU;GAAK;GAC9B,SAAS,CAAC;GACV,MAAK;GACL,YAAY;GACZ,eACE,qBAAAA,UAAA,EAAA,UAAA,CACE,qBAAC,QAAD;IACE,WAAU;IACV,OAAM;IAFR,UAAA,CAIG,eAAe,mBAAmB,GAAE,SACjC;GACL,CAAA,GAAA,aACD,EAAA,CAAA;GAGJ,UAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,iBAAD;MAAsB;MAAa;KAAS,CAAA;KAC5C,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,oBAAC,QAAD,EAAA,UAAM,iBAAoB,CAAA;OAC1B,oBAAC,QAAD;QAAM,WAAU;QAAwB,UAAA;OAAa,CAAA;OACrD,oBAAC,QAAD;QAAM,WAAU;QAA2B,UAAA;OAAS,CAAA;OACpD,oBAAC,QAAD;QAAM,WAAU;QAAyB,UAAA;OAAS,CAAA;OAClD,oBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;MACd;;KACJ,OACC,oBAAC,YAAD;MACO;MACG;MACa;KACtB,CAAA;IAEA;;EACO,CAAA;CACP,CAAA;AAEb"}