@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-kpi-dashboard/index.es.js

@@ -0,0 +1,384 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { GripVertical as n, Minus as r, MoreHorizontal as i, RefreshCw as a, Target as o, TrendingDown as s, TrendingUp as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-kpi-dashboard/index.tsx
+var f = {
+	default: {
+		accent: "text-muted-foreground",
+		bg: "bg-muted",
+		sparkline: "#71717a",
+		targetBg: "bg-muted"
+	},
+	primary: {
+		accent: "text-primary",
+		bg: "bg-primary/10",
+		sparkline: "hsl(var(--primary))",
+		targetBg: "bg-primary/20"
+	},
+	success: {
+		accent: "text-green-600",
+		bg: "bg-green-100 dark:bg-green-900/30",
+		sparkline: "#16a34a",
+		targetBg: "bg-green-200 dark:bg-green-800/50"
+	},
+	warning: {
+		accent: "text-yellow-600",
+		bg: "bg-yellow-100 dark:bg-yellow-900/30",
+		sparkline: "#ca8a04",
+		targetBg: "bg-yellow-200 dark:bg-yellow-800/50"
+	},
+	destructive: {
+		accent: "text-destructive",
+		bg: "bg-destructive/10",
+		sparkline: "hsl(var(--destructive))",
+		targetBg: "bg-destructive/20"
+	},
+	blue: {
+		accent: "text-blue-600",
+		bg: "bg-blue-100 dark:bg-blue-900/30",
+		sparkline: "#2563eb",
+		targetBg: "bg-blue-200 dark:bg-blue-800/50"
+	},
+	purple: {
+		accent: "text-purple-600",
+		bg: "bg-purple-100 dark:bg-purple-900/30",
+		sparkline: "#9333ea",
+		targetBg: "bg-purple-200 dark:bg-purple-800/50"
+	}
+}, p = {
+	"1x1": {
+		colSpan: "col-span-1",
+		rowSpan: "row-span-1",
+		minHeight: "min-h-[140px]"
+	},
+	"2x1": {
+		colSpan: "col-span-2",
+		rowSpan: "row-span-1",
+		minHeight: "min-h-[140px]"
+	},
+	"1x2": {
+		colSpan: "col-span-1",
+		rowSpan: "row-span-2",
+		minHeight: "min-h-[296px]"
+	},
+	"2x2": {
+		colSpan: "col-span-2",
+		rowSpan: "row-span-2",
+		minHeight: "min-h-[296px]"
+	}
+};
+function m({ data: t, color: n = "#71717a", width: r = 100, height: i = 32, strokeWidth: a = 1.5, showArea: o = !0, className: s }) {
+	if (!t || t.length < 2) return null;
+	let c = t.map((e) => e.value), l = Math.min(...c), f = Math.max(...c) - l || 1, p = r - 4, m = i - 4, h = t.map((e, n) => ({
+		x: 2 + n / (t.length - 1) * p,
+		y: 2 + m - (e.value - l) / f * m
+	})), g = h.map((e, t) => t === 0 ? `M ${e.x} ${e.y}` : `L ${e.x} ${e.y}`).join(" "), _ = `${g} L ${h[h.length - 1].x} ${i - 2} L 2 ${i - 2} Z`;
+	return /* @__PURE__ */ d("svg", {
+		width: r,
+		height: i,
+		viewBox: `0 0 ${r} ${i}`,
+		className: e("overflow-visible", s),
+		children: [
+			o && /* @__PURE__ */ u("path", {
+				d: _,
+				fill: n,
+				fillOpacity: .1
+			}),
+			/* @__PURE__ */ u("path", {
+				d: g,
+				fill: "none",
+				stroke: n,
+				strokeWidth: a,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ u("circle", {
+				cx: h[h.length - 1].x,
+				cy: h[h.length - 1].y,
+				r: 2.5,
+				fill: n
+			})
+		]
+	});
+}
+function h({ direction: t, value: n, invert: i }) {
+	let a = i ? t === "down" : t === "up", o = i ? t === "up" : t === "down", l = t === "up" ? c : t === "down" ? s : r;
+	return /* @__PURE__ */ d("div", {
+		className: e("flex items-center gap-1 text-xs font-medium", a && "text-green-600", o && "text-destructive", t === "neutral" && "text-muted-foreground"),
+		children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), n && /* @__PURE__ */ u("span", { children: n })]
+	});
+}
+function g({ current: t, target: n, label: r, color: i }) {
+	let a = Math.min(t / n * 100, 100), s = f[i];
+	return /* @__PURE__ */ d("div", {
+		className: "mt-3 space-y-1",
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex items-center justify-between text-xs",
+			children: [/* @__PURE__ */ d("span", {
+				className: "text-muted-foreground flex items-center gap-1",
+				children: [/* @__PURE__ */ u(o, { className: "h-3 w-3" }), r || "Target"]
+			}), /* @__PURE__ */ d("span", {
+				className: e("font-medium", s.accent),
+				children: [a.toFixed(0), "%"]
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: e("h-1.5 rounded-full overflow-hidden", s.bg),
+			children: /* @__PURE__ */ u("div", {
+				className: e("h-full rounded-full transition-all duration-500", a >= 100 ? "bg-green-500" : s.targetBg.replace("bg-", "bg-")),
+				style: {
+					width: `${a}%`,
+					backgroundColor: a >= 100 ? void 0 : s.sparkline
+				}
+			})
+		})]
+	});
+}
+function _({ size: e }) {
+	let t = e === "2x2" || e === "1x2";
+	return /* @__PURE__ */ d("div", {
+		className: "animate-pulse p-4",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-start justify-between mb-3",
+				children: [/* @__PURE__ */ u("div", { className: "h-4 w-24 bg-muted rounded" }), /* @__PURE__ */ u("div", { className: "h-6 w-6 bg-muted rounded" })]
+			}),
+			/* @__PURE__ */ u("div", { className: "h-8 w-20 bg-muted rounded mb-2" }),
+			/* @__PURE__ */ u("div", { className: "h-3 w-16 bg-muted rounded mb-3" }),
+			t && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { className: "h-16 w-full bg-muted rounded mb-3" }), /* @__PURE__ */ u("div", { className: "h-2 w-full bg-muted rounded" })] }),
+			!t && /* @__PURE__ */ u("div", { className: "h-8 w-full bg-muted rounded" })
+		]
+	});
+}
+function v({ kpi: r, onRefresh: o, onClick: s, draggable: c, onDragStart: l }) {
+	let [v, y] = t.useState(!1), b = r.size || "1x1", x = r.color || "default", S = p[b], C = f[x], w = async (e) => {
+		e.stopPropagation(), o && !v && (y(!0), await o(r.id), setTimeout(() => y(!1), 500));
+	};
+	if (r.loading) return /* @__PURE__ */ u("div", {
+		className: e("rounded-lg border bg-card shadow-sm", S.colSpan, S.rowSpan, S.minHeight),
+		children: /* @__PURE__ */ u(_, { size: b })
+	});
+	let T = b === "2x2" || b === "1x2", E = b === "2x1" || b === "2x2";
+	return /* @__PURE__ */ d("div", {
+		className: e("group relative rounded-lg border bg-card shadow-sm p-4 transition-all duration-200", "hover:shadow-md hover:border-primary/30", s && "cursor-pointer", c && "cursor-grab active:cursor-grabbing", S.colSpan, S.rowSpan, S.minHeight),
+		onClick: () => s?.(r),
+		draggable: c,
+		onDragStart: (e) => l?.(e, r.id),
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-start justify-between mb-2",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2 flex-1 min-w-0",
+					children: [r.icon && /* @__PURE__ */ u("div", {
+						className: e("h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0", C.bg),
+						children: /* @__PURE__ */ u("div", {
+							className: e("h-4 w-4", C.accent),
+							children: r.icon
+						})
+					}), /* @__PURE__ */ u("h3", {
+						className: "text-sm font-medium text-muted-foreground truncate",
+						children: r.title
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
+					children: [
+						c && /* @__PURE__ */ u(n, { className: "h-4 w-4 text-muted-foreground" }),
+						o && /* @__PURE__ */ u("button", {
+							onClick: w,
+							className: "p-1 rounded hover:bg-muted transition-colors",
+							disabled: v,
+							children: /* @__PURE__ */ u(a, { className: e("h-3.5 w-3.5 text-muted-foreground", v && "animate-spin") })
+						}),
+						/* @__PURE__ */ u("button", {
+							className: "p-1 rounded hover:bg-muted transition-colors",
+							children: /* @__PURE__ */ u(i, { className: "h-3.5 w-3.5 text-muted-foreground" })
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex items-baseline gap-2 mb-1",
+				children: [/* @__PURE__ */ u("span", {
+					className: e("font-bold tracking-tight", T ? "text-4xl" : "text-2xl"),
+					children: r.value
+				}), r.unit && /* @__PURE__ */ u("span", {
+					className: "text-sm text-muted-foreground",
+					children: r.unit
+				})]
+			}),
+			r.trend && /* @__PURE__ */ u("div", {
+				className: "mb-3",
+				children: /* @__PURE__ */ u(h, {
+					direction: r.trend,
+					value: r.trendValue
+				})
+			}),
+			r.sparklineData && r.sparklineData.length > 1 && /* @__PURE__ */ u("div", {
+				className: e("mt-auto", T ? "h-20" : "h-8"),
+				children: /* @__PURE__ */ u(m, {
+					data: r.sparklineData,
+					color: C.sparkline,
+					width: E ? 280 : 120,
+					height: T ? 80 : 32,
+					strokeWidth: T ? 2 : 1.5,
+					showArea: T
+				})
+			}),
+			r.target && /* @__PURE__ */ u(g, {
+				current: typeof r.value == "number" ? r.value : parseFloat(String(r.value)) || 0,
+				target: r.target.value,
+				label: r.target.label,
+				color: x
+			}),
+			r.lastUpdated && /* @__PURE__ */ d("div", {
+				className: "mt-2 text-[10px] text-muted-foreground",
+				children: ["Updated ", r.lastUpdated.toLocaleTimeString()]
+			})
+		]
+	});
+}
+function y({ kpis: n, columns: r = 4, gap: i = "md", draggable: a = !1, onReorder: o, onRefresh: s, onCardClick: c, loading: l = !1, renderCard: d, className: f }) {
+	let [p, m] = t.useState(n), [h, g] = t.useState(null), [y, b] = t.useState(null);
+	t.useEffect(() => {
+		m(n);
+	}, [n]);
+	let x = {
+		sm: "gap-2",
+		md: "gap-4",
+		lg: "gap-6"
+	}, S = {
+		2: "grid-cols-2",
+		3: "grid-cols-3",
+		4: "grid-cols-4",
+		6: "grid-cols-6"
+	}, C = (e, t) => {
+		g(t), e.dataTransfer.effectAllowed = "move";
+	}, w = (e, t) => {
+		e.preventDefault(), h && h !== t && b(t);
+	}, T = () => {
+		b(null);
+	}, E = (e, t) => {
+		if (e.preventDefault(), h && h !== t) {
+			let e = [...p], n = e.findIndex((e) => e.id === h), r = e.findIndex((e) => e.id === t);
+			if (n !== -1 && r !== -1) {
+				let [t] = e.splice(n, 1);
+				e.splice(r, 0, t), m(e), o?.(e);
+			}
+		}
+		g(null), b(null);
+	}, D = () => {
+		g(null), b(null);
+	};
+	return l ? /* @__PURE__ */ u("div", {
+		className: e("grid auto-rows-min", S[r], x[i], f),
+		children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ u("div", {
+			className: "rounded-lg border bg-card shadow-sm col-span-1 row-span-1 min-h-[140px]",
+			children: /* @__PURE__ */ u(_, { size: "1x1" })
+		}, t))
+	}) : /* @__PURE__ */ u("div", {
+		className: e("grid auto-rows-min", S[r], x[i], f),
+		children: p.map((t) => /* @__PURE__ */ u("div", {
+			onDragOver: (e) => w(e, t.id),
+			onDragLeave: T,
+			onDrop: (e) => E(e, t.id),
+			onDragEnd: D,
+			className: e("relative", y === t.id && "ring-2 ring-primary ring-offset-2 rounded-lg", h === t.id && "opacity-50"),
+			children: d ? d(t) : /* @__PURE__ */ u(v, {
+				kpi: t,
+				onRefresh: s,
+				onClick: c,
+				draggable: a,
+				onDragStart: C
+			})
+		}, t.id))
+	});
+}
+function b(e = {}) {
+	let { initialKPIs: n = [], refreshInterval: r, onRefresh: i } = e, [a, o] = t.useState(n), [s, c] = t.useState(!1), [l, u] = t.useState(/* @__PURE__ */ new Set());
+	return t.useEffect(() => {
+		if (!r || !i) return;
+		let e = setInterval(async () => {
+			o(await Promise.all(a.map(async (e) => await i(e.id) || e)));
+		}, r);
+		return () => clearInterval(e);
+	}, [
+		r,
+		i,
+		a
+	]), {
+		kpis: a,
+		setKPIs: o,
+		loading: s,
+		refreshKPI: t.useCallback(async (e) => {
+			if (i) {
+				u((t) => new Set(t).add(e)), o((t) => t.map((t) => t.id === e ? {
+					...t,
+					loading: !0
+				} : t));
+				try {
+					let t = await i(e);
+					t && o((n) => n.map((n) => n.id === e ? {
+						...t,
+						loading: !1,
+						lastUpdated: /* @__PURE__ */ new Date()
+					} : n));
+				} finally {
+					u((t) => {
+						let n = new Set(t);
+						return n.delete(e), n;
+					}), o((t) => t.map((t) => t.id === e ? {
+						...t,
+						loading: !1
+					} : t));
+				}
+			}
+		}, [i]),
+		refreshAll: t.useCallback(async () => {
+			if (i) {
+				c(!0);
+				try {
+					o(await Promise.all(a.map(async (e) => {
+						let t = await i(e.id);
+						return t ? {
+							...t,
+							lastUpdated: /* @__PURE__ */ new Date()
+						} : e;
+					})));
+				} finally {
+					c(!1);
+				}
+			}
+		}, [i, a]),
+		updateKPI: t.useCallback((e, t) => {
+			o((n) => n.map((n) => n.id === e ? {
+				...n,
+				...t
+			} : n));
+		}, []),
+		addKPI: t.useCallback((e) => {
+			o((t) => [...t, e]);
+		}, []),
+		removeKPI: t.useCallback((e) => {
+			o((t) => t.filter((t) => t.id !== e));
+		}, []),
+		reorderKPIs: t.useCallback((e) => {
+			o(e);
+		}, []),
+		calculateTrend: t.useCallback((e, t) => {
+			if (t === 0) return {
+				direction: "neutral",
+				value: "0%"
+			};
+			let n = (e - t) / t * 100;
+			return {
+				direction: n > 0 ? "up" : n < 0 ? "down" : "neutral",
+				value: `${n >= 0 ? "+" : ""}${n.toFixed(1)}%`
+			};
+		}, []),
+		isRefreshing: t.useCallback((e) => l.has(e), [l])
+	};
+}
+//#endregion
+export { v as KPICard, y as default, b as useKPIDashboard };

package/dist/components/waka-kubernetes-overview/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../card/index.cjs.js`),a=require(`../progress/index.cjs.js`),o=require(`../scroll-area/index.cjs.js`),s=require(`../tabs/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d={Ready:{color:`text-green-500`,icon:l.CheckCircle2},NotReady:{color:`text-red-500`,icon:l.XCircle},Unknown:{color:`text-yellow-500`,icon:l.AlertTriangle}},f={Running:{color:`text-green-500`,bgColor:`bg-green-500`},Pending:{color:`text-yellow-500`,bgColor:`bg-yellow-500`},Succeeded:{color:`text-blue-500`,bgColor:`bg-blue-500`},Failed:{color:`text-red-500`,bgColor:`bg-red-500`},Unknown:{color:`text-gray-500`,bgColor:`bg-gray-500`}};function p(e){if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**+r).toFixed(1))+` `+n[r]}function m({node:e,onClick:r}){let o=d[e.status],s=o.icon,c=e.cpu.used/e.cpu.total*100,f=e.memory.used/e.memory.total*100;return(0,u.jsxs)(i.Card,{className:t.cn(`cursor-pointer hover:border-primary/50 transition-colors`),onClick:r,children:[(0,u.jsxs)(i.CardHeader,{className:`pb-2`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(l.Server,{className:`h-4 w-4 text-muted-foreground`}),(0,u.jsx)(i.CardTitle,{className:`text-sm font-medium`,children:e.name})]}),(0,u.jsx)(s,{className:t.cn(`h-4 w-4`,o.color)})]}),(0,u.jsx)(`div`,{className:`flex items-center gap-1 flex-wrap`,children:e.roles.map(e=>(0,u.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e},e))})]}),(0,u.jsxs)(i.CardContent,{className:`space-y-3`,children:[(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs`,children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(l.Cpu,{className:`h-3 w-3`}),` CPU`]}),(0,u.jsxs)(`span`,{children:[c.toFixed(0),`%`]})]}),(0,u.jsx)(a.Progress,{value:c,className:`h-1.5`})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs`,children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(l.HardDrive,{className:`h-3 w-3`}),` Memory`]}),(0,u.jsxs)(`span`,{children:[p(e.memory.used),` / `,p(e.memory.total)]})]}),(0,u.jsx)(a.Progress,{value:f,className:`h-1.5`})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs text-muted-foreground`,children:[(0,u.jsxs)(`span`,{children:[`Pods: `,e.pods.running,`/`,e.pods.total]}),(0,u.jsxs)(`span`,{children:[`v`,e.version]})]})]})]})}function h({nodes:e,pods:t,deployments:n,services:r}){let i=e.filter(e=>e.status===`Ready`).length,o=t.filter(e=>e.phase===`Running`).length;n.filter(e=>e.status===`Available`).length;let s=e.reduce((e,t)=>e+t.cpu.total,0),c=e.reduce((e,t)=>e+t.cpu.used,0),l=e.reduce((e,t)=>e+t.memory.total,0),d=e.reduce((e,t)=>e+t.memory.used,0),f=(e,t)=>t>0?e/t*100:0;return(0,u.jsxs)(`div`,{className:`grid grid-cols-2 md:grid-cols-4 gap-4 p-4 border-b`,children:[(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Nodes`}),(0,u.jsxs)(`div`,{className:`text-2xl font-bold`,children:[i,`/`,e.length]}),(0,u.jsx)(a.Progress,{value:f(i,e.length),className:`h-1`})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Pods`}),(0,u.jsxs)(`div`,{className:`text-2xl font-bold`,children:[o,`/`,t.length]}),(0,u.jsx)(a.Progress,{value:f(o,t.length),className:`h-1`})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`CPU Usage`}),(0,u.jsxs)(`div`,{className:`text-2xl font-bold`,children:[f(c,s).toFixed(0),`%`]}),(0,u.jsx)(a.Progress,{value:f(c,s),className:`h-1`})]}),(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Memory Usage`}),(0,u.jsxs)(`div`,{className:`text-2xl font-bold`,children:[f(d,l).toFixed(0),`%`]}),(0,u.jsx)(a.Progress,{value:f(d,l),className:`h-1`})]})]})}function g({clusterName:e=`kubernetes`,nodes:i,pods:a,deployments:d,services:p,namespaces:g,selectedNamespace:_,onNamespaceChange:v,onResourceClick:y,onRefresh:b,isLoading:x=!1,className:S}){let[C,w]=c.useState(`nodes`),T=_&&_!==`all`?a.filter(e=>e.namespace===_):a,E=_&&_!==`all`?d.filter(e=>e.namespace===_):d,D=_&&_!==`all`?p.filter(e=>e.namespace===_):p;return(0,u.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,S),children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(l.Layers,{className:`h-5 w-5 text-primary`}),(0,u.jsx)(`h3`,{className:`font-semibold`,children:e})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsxs)(`select`,{value:_||`all`,onChange:e=>v?.(e.target.value),className:`h-8 px-2 rounded border bg-background text-sm`,children:[(0,u.jsx)(`option`,{value:`all`,children:`All Namespaces`}),g.map(e=>(0,u.jsx)(`option`,{value:e.name,children:e.name},e.name))]}),b&&(0,u.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:b,disabled:x,children:(0,u.jsx)(l.RefreshCw,{className:t.cn(`h-4 w-4`,x&&`animate-spin`)})})]})]}),(0,u.jsx)(h,{nodes:i,pods:a,deployments:d,services:p}),(0,u.jsxs)(s.Tabs,{value:C,onValueChange:w,className:`flex-1`,children:[(0,u.jsxs)(s.TabsList,{className:`w-full justify-start rounded-none border-b bg-transparent h-auto p-0`,children:[(0,u.jsxs)(s.TabsTrigger,{value:`nodes`,className:`rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent`,children:[(0,u.jsx)(l.Server,{className:`h-4 w-4 mr-2`}),`Nodes (`,i.length,`)`]}),(0,u.jsxs)(s.TabsTrigger,{value:`pods`,className:`rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent`,children:[(0,u.jsx)(l.Box,{className:`h-4 w-4 mr-2`}),`Pods (`,T.length,`)`]}),(0,u.jsxs)(s.TabsTrigger,{value:`deployments`,className:`rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent`,children:[(0,u.jsx)(l.Zap,{className:`h-4 w-4 mr-2`}),`Deployments (`,E.length,`)`]}),(0,u.jsxs)(s.TabsTrigger,{value:`services`,className:`rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent`,children:[(0,u.jsx)(l.Network,{className:`h-4 w-4 mr-2`}),`Services (`,D.length,`)`]})]}),(0,u.jsx)(s.TabsContent,{value:`nodes`,className:`p-4 m-0`,children:(0,u.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:i.map(e=>(0,u.jsx)(m,{node:e,onClick:()=>y?.(`node`,e.name)},e.name))})}),(0,u.jsx)(s.TabsContent,{value:`pods`,className:`m-0`,children:(0,u.jsx)(o.ScrollArea,{className:`h-[400px]`,children:(0,u.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,u.jsx)(`thead`,{className:`bg-muted/50 sticky top-0`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Name`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Namespace`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Status`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Ready`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Restarts`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Age`})]})}),(0,u.jsx)(`tbody`,{children:T.map(e=>{let t=f[e.phase];return(0,u.jsxs)(`tr`,{className:`border-b hover:bg-muted/30 cursor-pointer`,onClick:()=>y?.(`pod`,e.name,e.namespace),children:[(0,u.jsx)(`td`,{className:`p-2 font-medium`,children:e.name}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.namespace}),(0,u.jsx)(`td`,{className:`p-2`,children:(0,u.jsx)(n.Badge,{variant:`outline`,className:t.color,children:e.phase})}),(0,u.jsx)(`td`,{className:`p-2`,children:e.ready}),(0,u.jsx)(`td`,{className:`p-2`,children:e.restarts}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.age})]},`${e.namespace}/${e.name}`)})})]})})}),(0,u.jsx)(s.TabsContent,{value:`deployments`,className:`m-0`,children:(0,u.jsx)(o.ScrollArea,{className:`h-[400px]`,children:(0,u.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,u.jsx)(`thead`,{className:`bg-muted/50 sticky top-0`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Name`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Namespace`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Status`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Replicas`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Age`})]})}),(0,u.jsx)(`tbody`,{children:E.map(e=>(0,u.jsxs)(`tr`,{className:`border-b hover:bg-muted/30 cursor-pointer`,onClick:()=>y?.(`deployment`,e.name,e.namespace),children:[(0,u.jsx)(`td`,{className:`p-2 font-medium`,children:e.name}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.namespace}),(0,u.jsx)(`td`,{className:`p-2`,children:(0,u.jsx)(n.Badge,{variant:e.status===`Available`?`default`:`secondary`,className:e.status===`Available`?`bg-green-500`:``,children:e.status})}),(0,u.jsxs)(`td`,{className:`p-2`,children:[e.replicas.ready,`/`,e.replicas.desired]}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.age})]},`${e.namespace}/${e.name}`))})]})})}),(0,u.jsx)(s.TabsContent,{value:`services`,className:`m-0`,children:(0,u.jsx)(o.ScrollArea,{className:`h-[400px]`,children:(0,u.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,u.jsx)(`thead`,{className:`bg-muted/50 sticky top-0`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Name`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Namespace`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Type`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Cluster IP`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Ports`}),(0,u.jsx)(`th`,{className:`text-left p-2`,children:`Age`})]})}),(0,u.jsx)(`tbody`,{children:D.map(e=>(0,u.jsxs)(`tr`,{className:`border-b hover:bg-muted/30 cursor-pointer`,onClick:()=>y?.(`service`,e.name,e.namespace),children:[(0,u.jsx)(`td`,{className:`p-2 font-medium`,children:e.name}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.namespace}),(0,u.jsx)(`td`,{className:`p-2`,children:(0,u.jsx)(n.Badge,{variant:`outline`,children:e.type})}),(0,u.jsx)(`td`,{className:`p-2 font-mono text-xs`,children:e.clusterIP}),(0,u.jsx)(`td`,{className:`p-2`,children:e.ports.map(e=>`${e.port}/${e.protocol}`).join(`, `)}),(0,u.jsx)(`td`,{className:`p-2 text-muted-foreground`,children:e.age})]},`${e.namespace}/${e.name}`))})]})})})]})]})}var _=[{name:`node-1`,status:`Ready`,roles:[`control-plane`,`master`],version:`1.28.2`,cpu:{used:2.5,total:8},memory:{used:6*1024*1024*1024,total:16*1024*1024*1024},pods:{running:25,total:110}},{name:`node-2`,status:`Ready`,roles:[`worker`],version:`1.28.2`,cpu:{used:5.2,total:8},memory:{used:12*1024*1024*1024,total:32*1024*1024*1024},pods:{running:45,total:110}},{name:`node-3`,status:`Ready`,roles:[`worker`],version:`1.28.2`,cpu:{used:3.8,total:8},memory:{used:8*1024*1024*1024,total:32*1024*1024*1024},pods:{running:38,total:110}}],v=[{name:`api-server-7d8f9b6c4d-x2k9l`,namespace:`default`,phase:`Running`,ready:`2/2`,restarts:0,age:`5d`},{name:`web-frontend-5c8d7e9f1b-m3n4o`,namespace:`default`,phase:`Running`,ready:`1/1`,restarts:2,age:`3d`},{name:`postgres-0`,namespace:`database`,phase:`Running`,ready:`1/1`,restarts:0,age:`14d`},{name:`redis-master-0`,namespace:`cache`,phase:`Running`,ready:`1/1`,restarts:0,age:`7d`},{name:`worker-6f7g8h9i0j-p5q6r`,namespace:`default`,phase:`Pending`,ready:`0/1`,restarts:0,age:`2m`}],y=[{name:`api-server`,namespace:`default`,replicas:{ready:3,desired:3},status:`Available`,age:`30d`},{name:`web-frontend`,namespace:`default`,replicas:{ready:2,desired:2},status:`Available`,age:`30d`},{name:`worker`,namespace:`default`,replicas:{ready:1,desired:2},status:`Progressing`,age:`15d`}],b=[{name:`api-server`,namespace:`default`,type:`ClusterIP`,clusterIP:`10.96.0.1`,ports:[{port:80,targetPort:8080,protocol:`TCP`}],age:`30d`},{name:`web-frontend`,namespace:`default`,type:`LoadBalancer`,clusterIP:`10.96.0.2`,externalIP:`34.123.45.67`,ports:[{port:443,targetPort:3e3,protocol:`TCP`}],age:`30d`},{name:`postgres`,namespace:`database`,type:`ClusterIP`,clusterIP:`10.96.0.10`,ports:[{port:5432,targetPort:5432,protocol:`TCP`}],age:`45d`}],x=[{name:`default`,status:`Active`,age:`90d`},{name:`kube-system`,status:`Active`,age:`90d`},{name:`database`,status:`Active`,age:`60d`},{name:`cache`,status:`Active`,age:`45d`}];exports.WakaKubernetesOverview=g,exports.defaultK8sDeployments=y,exports.defaultK8sNamespaces=x,exports.defaultK8sNodes=_,exports.defaultK8sPods=v,exports.defaultK8sServices=b;