@flanksource/clicky-ui 0.3.55 → 0.3.57

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

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

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

@@ -0,0 +1,60 @@
+export declare const workloadPanelExample: {
+    workload: {
+        kind: "deployment";
+        name: string;
+        namespace: string;
+        status: {
+            label: string;
+            health: string;
+        };
+    };
+    container: string;
+    observationWindowMs: number;
+    cpu: {
+        average: number;
+        request: number;
+        limit: number;
+        p90: number;
+        p95: number;
+    };
+    memory: {
+        average: number;
+        request: number;
+        limit: number;
+        p90: number;
+        p95: number;
+    };
+    jvm: {
+        heap: {
+            average: number;
+            request: number;
+            limit: number;
+            p90: number;
+            p95: number;
+        };
+        regions: {
+            eden: number;
+            survivor: number;
+            old: number;
+            metaspace: number;
+            codeCache: number;
+            direct: number;
+        };
+        gc: {
+            count: number;
+            timeMs: number;
+            p90Ms: number;
+            p95Ms: number;
+            maxMs: number;
+            percentP90: number;
+            percentP95: number;
+        };
+        threads: {
+            live: number;
+            daemon: number;
+            peak: number;
+            blocked: number;
+        };
+    };
+};
+//# sourceMappingURL=fixtures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/workload-panel/fixtures.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CH,CAAC"}

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

@@ -0,0 +1,137 @@
+// src/data/workload-panel/model.ts
+var memoryRegions = [
+	{
+		key: "eden",
+		label: "Eden",
+		color: "var(--fs-info-500)",
+		heap: true
+	},
+	{
+		key: "survivor",
+		label: "Survivor",
+		color: "var(--fs-hint-500)",
+		heap: true
+	},
+	{
+		key: "old",
+		label: "Old Gen",
+		color: "var(--fs-prereq-500)",
+		heap: true
+	},
+	{
+		key: "metaspace",
+		label: "Metaspace",
+		color: "var(--fs-warning-500)",
+		heap: false
+	},
+	{
+		key: "codeCache",
+		label: "Code Cache",
+		color: "var(--fs-success-500)",
+		heap: false
+	},
+	{
+		key: "direct",
+		label: "Direct Buffers",
+		color: "var(--fs-error-500)",
+		heap: false
+	}
+];
+var nativeMemoryRegion = {
+	label: "Other native",
+	color: "var(--fs-gray-400)"
+};
+function nonNegative(values) {
+	for (const [name, value] of Object.entries(values)) if (!Number.isFinite(value) || value < 0) throw new Error(`${name} must be finite and non-negative; received ${value}`);
+}
+function validateResource(label, value) {
+	nonNegative(Object.fromEntries([
+		"average",
+		"p90",
+		"p95",
+		"limit"
+	].map((key) => [`${label}.${key}`, value[key]])));
+	if (value.request !== void 0) nonNegative({ [`${label}.request`]: value.request });
+	if (value.p90 > value.p95) throw new Error(`${label}.p90 must not exceed p95`);
+}
+function gcStatistics(gc, observationWindowMs) {
+	if (!Number.isFinite(observationWindowMs) || observationWindowMs <= 0) throw new Error("observationWindowMs must be finite and positive");
+	nonNegative(Object.fromEntries([
+		"count",
+		"timeMs",
+		"p90Ms",
+		"p95Ms",
+		"maxMs",
+		"percentP90",
+		"percentP95"
+	].map((key) => [`gc.${key}`, gc[key]])));
+	if (gc.percentP90 > gc.percentP95 || gc.percentP95 > 100) throw new Error("GC percentages must satisfy p90 <= p95 <= 100");
+	if (!Number.isInteger(gc.count)) throw new Error("gc.count must be an integer");
+	if (gc.count === 0 && [
+		gc.timeMs,
+		gc.p90Ms,
+		gc.p95Ms,
+		gc.maxMs,
+		gc.percentP90,
+		gc.percentP95
+	].some((value) => value !== 0)) throw new Error("GC timing requires a positive collection count");
+	if (gc.p90Ms > gc.p95Ms || gc.p95Ms > gc.maxMs) throw new Error("GC percentiles must satisfy p90 <= p95 <= max");
+	const averageMs = gc.count === 0 ? void 0 : gc.timeMs / gc.count;
+	if (averageMs !== void 0 && averageMs > gc.maxMs) throw new Error("Average GC time must not exceed the observed maximum");
+	return {
+		averageMs,
+		percentage: gc.timeMs / observationWindowMs * 100
+	};
+}
+function memorySegments({ memory, jvm, part = "all" }) {
+	validateResource("memory", memory);
+	validateResource("heap", jvm.heap);
+	nonNegative(Object.fromEntries(memoryRegions.map(({ key }) => [`regions.${key}`, jvm.regions[key]])));
+	const heapBytes = jvm.regions.eden + jvm.regions.survivor + jvm.regions.old;
+	if (Math.abs(heapBytes - jvm.heap.average) > 1) throw new Error("Heap regions must sum to average heap usage within one byte");
+	const regionBytes = memoryRegions.reduce((sum, { key }) => sum + jvm.regions[key], 0);
+	if (regionBytes > memory.average) throw new Error("JVM memory regions exceed reported memory usage");
+	const segments = [...memoryRegions.filter((region) => part === "all" || region.heap === (part === "heap")).map(({ key, label, color }) => ({
+		label,
+		color,
+		count: jvm.regions[key]
+	})), ...part === "heap" ? [] : [{
+		...nativeMemoryRegion,
+		count: memory.average - regionBytes
+	}]];
+	const reading = part === "heap" ? jvm.heap : memory;
+	return {
+		segments,
+		usage: segments.reduce((sum, segment) => sum + segment.count, 0),
+		scale: Math.max(reading.limit, reading.average)
+	};
+}
+function validateWorkloadPanel(props) {
+	if (!props.workload.name.trim() || !props.container.trim()) throw new Error("Workload and container names must not be empty");
+	if (!Number.isFinite(props.observationWindowMs) || props.observationWindowMs <= 0) throw new Error("observationWindowMs must be finite and positive");
+	validateResource("cpu", props.cpu);
+	validateResource("memory", props.memory);
+	if (!props.jvm) return;
+	validateResource("heap", props.jvm.heap);
+	memorySegments({
+		memory: props.memory,
+		jvm: props.jvm
+	});
+	gcStatistics(props.jvm.gc, props.observationWindowMs);
+	nonNegative(Object.fromEntries([
+		"live",
+		"daemon",
+		"peak",
+		"blocked"
+	].map((key) => [`threads.${key}`, props.jvm.threads[key]])));
+	if (Object.values(props.jvm.threads).some((value) => !Number.isInteger(value))) throw new Error("Thread counts must be integers");
+	const { live, daemon, peak, blocked } = props.jvm.threads;
+	if (daemon > live || blocked > live || live > peak) throw new Error("Thread counts require daemon and blocked <= live <= peak");
+}
+exports.gcStatistics = gcStatistics;
+exports.memoryRegions = memoryRegions;
+exports.memorySegments = memorySegments;
+exports.nativeMemoryRegion = nativeMemoryRegion;
+exports.validateWorkloadPanel = validateWorkloadPanel;
+
+//# sourceMappingURL=model.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.cjs","names":[],"sources":["../../../src/data/workload-panel/model.ts"],"sourcesContent":["import type { ProgressSegment } from \"../ProgressBar\";\nimport type {\n  WorkloadGcStatistics,\n  WorkloadMemoryPart,\n  WorkloadPanelProps,\n  WorkloadResourceStatistics,\n} from \"./types\";\n\nexport const memoryRegions = [\n  { key: \"eden\", label: \"Eden\", color: \"var(--fs-info-500)\", heap: true },\n  {\n    key: \"survivor\",\n    label: \"Survivor\",\n    color: \"var(--fs-hint-500)\",\n    heap: true,\n  },\n  { key: \"old\", label: \"Old Gen\", color: \"var(--fs-prereq-500)\", heap: true },\n  {\n    key: \"metaspace\",\n    label: \"Metaspace\",\n    color: \"var(--fs-warning-500)\",\n    heap: false,\n  },\n  {\n    key: \"codeCache\",\n    label: \"Code Cache\",\n    color: \"var(--fs-success-500)\",\n    heap: false,\n  },\n  {\n    key: \"direct\",\n    label: \"Direct Buffers\",\n    color: \"var(--fs-error-500)\",\n    heap: false,\n  },\n] as const;\n\nexport const nativeMemoryRegion = {\n  label: \"Other native\",\n  color: \"var(--fs-gray-400)\",\n};\n\nfunction nonNegative(values: Record<string, number>) {\n  for (const [name, value] of Object.entries(values)) {\n    if (!Number.isFinite(value) || value < 0)\n      throw new Error(\n        `${name} must be finite and non-negative; received ${value}`,\n      );\n  }\n}\n\nfunction validateResource(label: string, value: WorkloadResourceStatistics) {\n  nonNegative(\n    Object.fromEntries(\n      ([\"average\", \"p90\", \"p95\", \"limit\"] as const).map((key) => [\n        `${label}.${key}`,\n        value[key],\n      ]),\n    ),\n  );\n  if (value.request !== undefined)\n    nonNegative({ [`${label}.request`]: value.request });\n  if (value.p90 > value.p95)\n    throw new Error(`${label}.p90 must not exceed p95`);\n}\n\nexport function gcStatistics(\n  gc: WorkloadGcStatistics,\n  observationWindowMs: number,\n) {\n  if (!Number.isFinite(observationWindowMs) || observationWindowMs <= 0)\n    throw new Error(\"observationWindowMs must be finite and positive\");\n  nonNegative(\n    Object.fromEntries(\n      (\n        [\n          \"count\",\n          \"timeMs\",\n          \"p90Ms\",\n          \"p95Ms\",\n          \"maxMs\",\n          \"percentP90\",\n          \"percentP95\",\n        ] as const\n      ).map((key) => [`gc.${key}`, gc[key]]),\n    ),\n  );\n  if (gc.percentP90 > gc.percentP95 || gc.percentP95 > 100)\n    throw new Error(\"GC percentages must satisfy p90 <= p95 <= 100\");\n  if (!Number.isInteger(gc.count))\n    throw new Error(\"gc.count must be an integer\");\n  if (\n    gc.count === 0 &&\n    [\n      gc.timeMs,\n      gc.p90Ms,\n      gc.p95Ms,\n      gc.maxMs,\n      gc.percentP90,\n      gc.percentP95,\n    ].some((value) => value !== 0)\n  )\n    throw new Error(\"GC timing requires a positive collection count\");\n  if (gc.p90Ms > gc.p95Ms || gc.p95Ms > gc.maxMs)\n    throw new Error(\"GC percentiles must satisfy p90 <= p95 <= max\");\n  const averageMs = gc.count === 0 ? undefined : gc.timeMs / gc.count;\n  if (averageMs !== undefined && averageMs > gc.maxMs)\n    throw new Error(\"Average GC time must not exceed the observed maximum\");\n  return { averageMs, percentage: (gc.timeMs / observationWindowMs) * 100 };\n}\n\nexport function memorySegments({\n  memory,\n  jvm,\n  part = \"all\",\n}: {\n  memory: WorkloadResourceStatistics;\n  jvm: Pick<NonNullable<WorkloadPanelProps[\"jvm\"]>, \"heap\" | \"regions\">;\n  /** `heap` stacks heap regions on the heap limit; `nonHeap` stacks the rest of process memory on the memory limit. */\n  part?: WorkloadMemoryPart;\n}) {\n  validateResource(\"memory\", memory);\n  validateResource(\"heap\", jvm.heap);\n  nonNegative(\n    Object.fromEntries(\n      memoryRegions.map(({ key }) => [`regions.${key}`, jvm.regions[key]]),\n    ),\n  );\n  const heapBytes = jvm.regions.eden + jvm.regions.survivor + jvm.regions.old;\n  if (Math.abs(heapBytes - jvm.heap.average) > 1)\n    throw new Error(\n      \"Heap regions must sum to average heap usage within one byte\",\n    );\n  const regionBytes = memoryRegions.reduce(\n    (sum, { key }) => sum + jvm.regions[key],\n    0,\n  );\n  if (regionBytes > memory.average)\n    throw new Error(\"JVM memory regions exceed reported memory usage\");\n  const segments: ProgressSegment[] = [\n    ...memoryRegions\n      .filter((region) => part === \"all\" || region.heap === (part === \"heap\"))\n      .map(({ key, label, color }) => ({\n        label,\n        color,\n        count: jvm.regions[key],\n      })),\n    ...(part === \"heap\"\n      ? []\n      : [{ ...nativeMemoryRegion, count: memory.average - regionBytes }]),\n  ];\n  const reading = part === \"heap\" ? jvm.heap : memory;\n  return {\n    segments,\n    usage: segments.reduce((sum, segment) => sum + segment.count, 0),\n    scale: Math.max(reading.limit, reading.average),\n  };\n}\n\nexport function validateWorkloadPanel(props: WorkloadPanelProps) {\n  if (!props.workload.name.trim() || !props.container.trim())\n    throw new Error(\"Workload and container names must not be empty\");\n  if (\n    !Number.isFinite(props.observationWindowMs) ||\n    props.observationWindowMs <= 0\n  )\n    throw new Error(\"observationWindowMs must be finite and positive\");\n  validateResource(\"cpu\", props.cpu);\n  validateResource(\"memory\", props.memory);\n  if (!props.jvm) return;\n  validateResource(\"heap\", props.jvm.heap);\n  memorySegments({ memory: props.memory, jvm: props.jvm });\n  gcStatistics(props.jvm.gc, props.observationWindowMs);\n  nonNegative(\n    Object.fromEntries(\n      ([\"live\", \"daemon\", \"peak\", \"blocked\"] as const).map((key) => [\n        `threads.${key}`,\n        props.jvm!.threads[key],\n      ]),\n    ),\n  );\n  if (\n    Object.values(props.jvm.threads).some((value) => !Number.isInteger(value))\n  )\n    throw new Error(\"Thread counts must be integers\");\n  const { live, daemon, peak, blocked } = props.jvm.threads;\n  if (daemon > live || blocked > live || live > peak)\n    throw new Error(\"Thread counts require daemon and blocked <= live <= peak\");\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import { ProgressSegment } from '../ProgressBar.js';
+import { WorkloadGcStatistics, WorkloadMemoryPart, WorkloadPanelProps, WorkloadResourceStatistics } from './types.js';
+export declare const memoryRegions: readonly [{
+    readonly key: "eden";
+    readonly label: "Eden";
+    readonly color: "var(--fs-info-500)";
+    readonly heap: true;
+}, {
+    readonly key: "survivor";
+    readonly label: "Survivor";
+    readonly color: "var(--fs-hint-500)";
+    readonly heap: true;
+}, {
+    readonly key: "old";
+    readonly label: "Old Gen";
+    readonly color: "var(--fs-prereq-500)";
+    readonly heap: true;
+}, {
+    readonly key: "metaspace";
+    readonly label: "Metaspace";
+    readonly color: "var(--fs-warning-500)";
+    readonly heap: false;
+}, {
+    readonly key: "codeCache";
+    readonly label: "Code Cache";
+    readonly color: "var(--fs-success-500)";
+    readonly heap: false;
+}, {
+    readonly key: "direct";
+    readonly label: "Direct Buffers";
+    readonly color: "var(--fs-error-500)";
+    readonly heap: false;
+}];
+export declare const nativeMemoryRegion: {
+    label: string;
+    color: string;
+};
+export declare function gcStatistics(gc: WorkloadGcStatistics, observationWindowMs: number): {
+    averageMs: number | undefined;
+    percentage: number;
+};
+export declare function memorySegments({ memory, jvm, part, }: {
+    memory: WorkloadResourceStatistics;
+    jvm: Pick<NonNullable<WorkloadPanelProps["jvm"]>, "heap" | "regions">;
+    /** `heap` stacks heap regions on the heap limit; `nonHeap` stacks the rest of process memory on the memory limit. */
+    part?: WorkloadMemoryPart;
+}): {
+    segments: ProgressSegment[];
+    usage: number;
+    scale: number;
+};
+export declare function validateWorkloadPanel(props: WorkloadPanelProps): void;
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/data/workload-panel/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AA0BF,wBAAgB,YAAY,CAC1B,EAAE,EAAE,oBAAoB,EACxB,mBAAmB,EAAE,MAAM;;;EAyC5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,GAAG,EACH,IAAY,GACb,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;IACnC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACtE,qHAAqH;IACrH,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;;;;EAqCA;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,QA6B9D"}