@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-player-card/index.es.js

@@ -0,0 +1,451 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-player-card/index.tsx
+var a = {
+	common: {
+		borderColor: "border-zinc-400 dark:border-zinc-500",
+		bgGradient: "from-zinc-100 to-zinc-200 dark:from-zinc-800 dark:to-zinc-900",
+		glowColor: "hsl(var(--muted-foreground) / 0.3)",
+		textColor: "text-zinc-600 dark:text-zinc-400",
+		label: "Common",
+		frameGradient: "from-zinc-300 via-zinc-400 to-zinc-300 dark:from-zinc-600 dark:via-zinc-500 dark:to-zinc-600"
+	},
+	rare: {
+		borderColor: "border-blue-400 dark:border-blue-500",
+		bgGradient: "from-blue-50 to-blue-100 dark:from-blue-950 dark:to-blue-900",
+		glowColor: "hsl(var(--info) / 0.4)",
+		textColor: "text-blue-600 dark:text-blue-400",
+		label: "Rare",
+		frameGradient: "from-blue-300 via-blue-500 to-blue-300 dark:from-blue-600 dark:via-blue-400 dark:to-blue-600"
+	},
+	epic: {
+		borderColor: "border-purple-400 dark:border-purple-500",
+		bgGradient: "from-purple-50 to-purple-100 dark:from-purple-950 dark:to-purple-900",
+		glowColor: "hsl(var(--chart-2) / 0.5)",
+		textColor: "text-purple-600 dark:text-purple-400",
+		label: "Epic",
+		frameGradient: "from-purple-300 via-purple-500 to-purple-300 dark:from-purple-600 dark:via-purple-400 dark:to-purple-600"
+	},
+	legendary: {
+		borderColor: "border-amber-400 dark:border-amber-500",
+		bgGradient: "from-amber-50 to-orange-100 dark:from-amber-950 dark:to-orange-900",
+		glowColor: "hsl(var(--warning) / 0.5)",
+		textColor: "text-amber-600 dark:text-amber-400",
+		label: "Legendary",
+		frameGradient: "from-yellow-300 via-amber-500 to-orange-400 dark:from-yellow-500 dark:via-amber-400 dark:to-orange-500"
+	},
+	mythic: {
+		borderColor: "border-rose-400 dark:border-rose-500",
+		bgGradient: "from-rose-50 via-pink-50 to-violet-50 dark:from-rose-950 dark:via-pink-950 dark:to-violet-950",
+		glowColor: "hsl(var(--destructive) / 0.6)",
+		textColor: "text-rose-600 dark:text-rose-400",
+		label: "Mythic",
+		frameGradient: "from-rose-400 via-pink-500 to-violet-500 dark:from-rose-500 dark:via-pink-400 dark:to-violet-400"
+	}
+}, o = {
+	sm: {
+		card: "w-48 h-64",
+		avatar: "w-20 h-20",
+		title: "text-sm",
+		name: "text-base",
+		stats: "text-xs",
+		padding: "p-3"
+	},
+	md: {
+		card: "w-64 h-80",
+		avatar: "w-24 h-24",
+		title: "text-sm",
+		name: "text-lg",
+		stats: "text-xs",
+		padding: "p-4"
+	},
+	lg: {
+		card: "w-80 h-96",
+		avatar: "w-32 h-32",
+		title: "text-base",
+		name: "text-xl",
+		stats: "text-sm",
+		padding: "p-5"
+	}
+};
+function s({ stat: t, size: n, rarity: s }) {
+	let c = t.max ?? 100, l = Math.min(t.value / c * 100, 100), u = a[s];
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-0.5",
+		children: [/* @__PURE__ */ i("div", {
+			className: e("flex justify-between", o[n].stats),
+			children: [/* @__PURE__ */ r("span", {
+				className: "text-muted-foreground uppercase tracking-wide",
+				children: t.name
+			}), /* @__PURE__ */ r("span", {
+				className: "font-mono font-semibold",
+				children: t.value
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "h-1.5 w-full rounded-full bg-black/10 dark:bg-white/10 overflow-hidden",
+			children: /* @__PURE__ */ r("div", {
+				className: e("h-full rounded-full transition-all duration-500 ease-out", "bg-gradient-to-r", u.frameGradient),
+				style: { width: `${l}%` }
+			})
+		})]
+	});
+}
+function c({ src: t, alt: n, rarity: s, size: c, animated: l }) {
+	let u = a[s], d = s === "legendary" || s === "mythic";
+	return /* @__PURE__ */ i("div", {
+		className: "relative inline-block",
+		children: [d && l && /* @__PURE__ */ r("div", {
+			className: "absolute -inset-2 rounded-full blur-md animate-pulse",
+			style: { backgroundColor: u.glowColor }
+		}), /* @__PURE__ */ r("div", {
+			className: e("relative rounded-full p-1 bg-gradient-to-br", u.frameGradient, d && l && "animate-[spin_8s_linear_infinite]"),
+			children: /* @__PURE__ */ r("div", {
+				className: "rounded-full p-0.5 bg-black/20 dark:bg-black/40",
+				children: /* @__PURE__ */ r("div", {
+					className: e(o[c].avatar, "rounded-full overflow-hidden bg-muted"),
+					children: /* @__PURE__ */ r("img", {
+						src: t,
+						alt: n,
+						className: "w-full h-full object-cover"
+					})
+				})
+			})
+		})]
+	});
+}
+function l({ level: t, rarity: n, size: i }) {
+	let o = a[n], s = i === "sm" ? "w-8 h-8 text-xs" : i === "md" ? "w-10 h-10 text-sm" : "w-12 h-12 text-base";
+	return /* @__PURE__ */ r("div", {
+		className: e("absolute -bottom-2 left-1/2 -translate-x-1/2 rounded-full", "flex items-center justify-center font-bold", "bg-gradient-to-br shadow-lg border-2 border-background", o.frameGradient, s),
+		children: /* @__PURE__ */ r("span", {
+			className: "text-white drop-shadow-md",
+			children: t
+		})
+	});
+}
+function u({ rarity: t }) {
+	let n = a[t];
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center px-2 py-0.5 rounded text-xs font-semibold uppercase tracking-wider", "bg-gradient-to-r bg-clip-text text-transparent", n.frameGradient),
+		children: n.label
+	});
+}
+function d({ rarity: n, animated: a }) {
+	let o = n === "legendary" || n === "mythic", [s, c] = t.useState({
+		x: 50,
+		y: 50
+	}), l = t.useRef(null), u = t.useCallback((e) => {
+		if (!l.current) return;
+		let t = l.current.getBoundingClientRect();
+		c({
+			x: (e.clientX - t.left) / t.width * 100,
+			y: (e.clientY - t.top) / t.height * 100
+		});
+	}, []);
+	return t.useEffect(() => {
+		let e = l.current?.parentElement;
+		if (!(!e || !o)) return e.addEventListener("mousemove", u), () => e.removeEventListener("mousemove", u);
+	}, [u, o]), o ? /* @__PURE__ */ i("div", {
+		ref: l,
+		className: "absolute inset-0 pointer-events-none overflow-hidden rounded-xl",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e("absolute inset-0 opacity-30", a && "animate-[shimmer_3s_ease-in-out_infinite]"),
+				style: {
+					background: `
+            linear-gradient(
+              ${45 + (s.x - 50) * .5}deg,
+              transparent 20%,
+              rgba(255, 0, 0, 0.1) 25%,
+              rgba(255, 165, 0, 0.1) 30%,
+              rgba(255, 255, 0, 0.1) 35%,
+              rgba(0, 255, 0, 0.1) 40%,
+              rgba(0, 255, 255, 0.1) 45%,
+              rgba(0, 0, 255, 0.1) 50%,
+              rgba(128, 0, 128, 0.1) 55%,
+              transparent 60%
+            )
+          `,
+					transform: `translateX(${(s.x - 50) * 2}%)`
+				}
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "absolute inset-0",
+				style: { background: `
+            radial-gradient(circle at ${s.x}% ${s.y}%,
+              rgba(255, 255, 255, 0.3) 0%,
+              transparent 50%
+            )
+          ` }
+			}),
+			n === "mythic" && /* @__PURE__ */ r("div", {
+				className: "absolute inset-0 opacity-20 mix-blend-overlay",
+				style: { backgroundImage: `
+              repeating-linear-gradient(
+                ${s.x * 1.8}deg,
+                transparent,
+                transparent 2px,
+                rgba(255, 255, 255, 0.1) 2px,
+                rgba(255, 255, 255, 0.1) 4px
+              )
+            ` }
+			})
+		]
+	}) : null;
+}
+function f({ player: t, size: s, backContent: c }) {
+	let l = a[t.rarity];
+	return c ? /* @__PURE__ */ r(n, { children: c }) : /* @__PURE__ */ i("div", {
+		className: e("h-full flex flex-col", o[s].padding),
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex-1 flex flex-col items-center justify-center space-y-4",
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: e("w-16 h-16 rounded-full bg-gradient-to-br opacity-50", l.frameGradient),
+					children: /* @__PURE__ */ r("div", { className: "w-full h-full rounded-full border-4 border-dashed border-current opacity-30" })
+				}),
+				/* @__PURE__ */ r("div", {
+					className: e("text-2xl font-bold bg-gradient-to-br bg-clip-text text-transparent", l.frameGradient),
+					children: t.name.split(" ").map((e) => e[0]).join("").toUpperCase()
+				}),
+				t.joinedAt && /* @__PURE__ */ i("div", {
+					className: "text-xs text-muted-foreground text-center",
+					children: [/* @__PURE__ */ r("div", {
+						className: "uppercase tracking-wider opacity-60",
+						children: "Member since"
+					}), /* @__PURE__ */ r("div", {
+						className: "font-mono",
+						children: t.joinedAt.toLocaleDateString("en-US", {
+							year: "numeric",
+							month: "short"
+						})
+					})]
+				}),
+				t.achievements !== void 0 && /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-1.5 text-xs",
+					children: [
+						/* @__PURE__ */ r("svg", {
+							className: e("w-4 h-4", l.textColor),
+							fill: "currentColor",
+							viewBox: "0 0 20 20",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ r("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "font-semibold",
+							children: t.achievements
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "text-muted-foreground",
+							children: "Achievements"
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ r("div", { className: e("h-1 w-full rounded-full bg-gradient-to-r opacity-50", l.frameGradient) })]
+	});
+}
+function p({ player: n, variant: p = "default", showBack: m = !1, backContent: h, onClick: g, size: _ = "md", animated: v = !0, className: y, ...b }) {
+	let [x, S] = t.useState(!1), C = a[n.rarity], w = o[_], T = n.rarity === "legendary" || n.rarity === "mythic", E = () => {
+		m && S(!x), g?.();
+	};
+	return p === "compact" ? /* @__PURE__ */ i("div", {
+		onClick: E,
+		className: e("relative flex items-center gap-3 rounded-lg border-2 p-3", "bg-gradient-to-r transition-all duration-300", C.borderColor, C.bgGradient, g && "cursor-pointer hover:scale-[1.02]", v && T && "shadow-lg", y),
+		style: T && v ? { boxShadow: `0 0 20px ${C.glowColor}` } : void 0,
+		...b,
+		children: [/* @__PURE__ */ r(c, {
+			src: n.avatar,
+			alt: n.name,
+			rarity: n.rarity,
+			size: "sm",
+			animated: v
+		}), /* @__PURE__ */ i("div", {
+			className: "flex-1 min-w-0",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ r("span", {
+						className: "font-semibold truncate",
+						children: n.name
+					}), /* @__PURE__ */ i("span", {
+						className: e("shrink-0 px-1.5 py-0.5 rounded text-[10px] font-bold uppercase", "bg-gradient-to-r text-white", C.frameGradient),
+						children: ["Lv.", n.level]
+					})]
+				}),
+				n.title && /* @__PURE__ */ r("div", {
+					className: "text-xs text-muted-foreground truncate",
+					children: n.title
+				}),
+				/* @__PURE__ */ r(u, { rarity: n.rarity })
+			]
+		})]
+	}) : p === "full" ? /* @__PURE__ */ i("div", {
+		onClick: E,
+		className: e("relative rounded-xl border-2 overflow-hidden", "bg-gradient-to-br transition-all duration-300", C.borderColor, C.bgGradient, g && "cursor-pointer hover:scale-[1.01]", v && T && "shadow-xl", y),
+		style: T && v ? { boxShadow: `0 0 30px ${C.glowColor}` } : void 0,
+		...b,
+		children: [/* @__PURE__ */ r(d, {
+			rarity: n.rarity,
+			animated: v
+		}), /* @__PURE__ */ i("div", {
+			className: e("relative", w.padding),
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-start justify-between mb-4",
+					children: [/* @__PURE__ */ i("div", { children: [
+						/* @__PURE__ */ r(u, { rarity: n.rarity }),
+						/* @__PURE__ */ r("h3", {
+							className: e("font-bold mt-1", w.name),
+							children: n.name
+						}),
+						n.title && /* @__PURE__ */ r("p", {
+							className: e("text-muted-foreground", w.title),
+							children: n.title
+						})
+					] }), /* @__PURE__ */ i("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ r(c, {
+							src: n.avatar,
+							alt: n.name,
+							rarity: n.rarity,
+							size: _,
+							animated: v
+						}), /* @__PURE__ */ r(l, {
+							level: n.level,
+							rarity: n.rarity,
+							size: _
+						})]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "space-y-3 mt-6",
+					children: n.stats.map((e) => /* @__PURE__ */ r(s, {
+						stat: e,
+						size: _,
+						rarity: n.rarity
+					}, e.name))
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "flex items-center justify-between mt-4 pt-3 border-t border-current/10",
+					children: [n.achievements !== void 0 && /* @__PURE__ */ i("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ r("svg", {
+							className: e("w-4 h-4", C.textColor),
+							fill: "currentColor",
+							viewBox: "0 0 20 20",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ r("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+						}), /* @__PURE__ */ r("span", {
+							className: e("font-semibold text-sm", C.textColor),
+							children: n.achievements
+						})]
+					}), n.joinedAt && /* @__PURE__ */ i("div", {
+						className: "text-xs text-muted-foreground",
+						children: ["Since ", n.joinedAt.toLocaleDateString("en-US", {
+							year: "numeric",
+							month: "short"
+						})]
+					})]
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ r("div", {
+		className: e("relative perspective-1000", w.card),
+		style: { perspective: "1000px" },
+		children: /* @__PURE__ */ i("div", {
+			onClick: E,
+			className: e("relative w-full h-full transition-transform duration-500", "transform-style-preserve-3d", m && "cursor-pointer", x && "rotate-y-180"),
+			style: {
+				transformStyle: "preserve-3d",
+				transform: x ? "rotateY(180deg)" : "rotateY(0deg)"
+			},
+			...b,
+			children: [/* @__PURE__ */ i("div", {
+				className: e("absolute inset-0 rounded-xl border-2 overflow-hidden", "bg-gradient-to-br backface-hidden", C.borderColor, C.bgGradient, v && T && "shadow-xl", y),
+				style: {
+					backfaceVisibility: "hidden",
+					boxShadow: T && v ? `0 0 25px ${C.glowColor}` : void 0
+				},
+				children: [/* @__PURE__ */ r(d, {
+					rarity: n.rarity,
+					animated: v
+				}), /* @__PURE__ */ i("div", {
+					className: e("relative h-full flex flex-col", w.padding),
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "flex justify-between items-start mb-2",
+							children: [/* @__PURE__ */ r(u, { rarity: n.rarity }), n.achievements !== void 0 && /* @__PURE__ */ i("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ r("svg", {
+									className: e("w-3.5 h-3.5", C.textColor),
+									fill: "currentColor",
+									viewBox: "0 0 20 20",
+									"aria-hidden": "true",
+									focusable: "false",
+									children: /* @__PURE__ */ r("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+								}), /* @__PURE__ */ r("span", {
+									className: e("text-xs font-semibold", C.textColor),
+									children: n.achievements
+								})]
+							})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex-1 flex flex-col items-center justify-center",
+							children: [
+								/* @__PURE__ */ i("div", {
+									className: "relative mb-4",
+									children: [/* @__PURE__ */ r(c, {
+										src: n.avatar,
+										alt: n.name,
+										rarity: n.rarity,
+										size: _,
+										animated: v
+									}), /* @__PURE__ */ r(l, {
+										level: n.level,
+										rarity: n.rarity,
+										size: _
+									})]
+								}),
+								/* @__PURE__ */ r("h3", {
+									className: e("font-bold text-center", w.name),
+									children: n.name
+								}),
+								n.title && /* @__PURE__ */ r("p", {
+									className: e("text-muted-foreground text-center mt-0.5", w.title),
+									children: n.title
+								})
+							]
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "space-y-2 mt-auto",
+							children: n.stats.slice(0, 3).map((e) => /* @__PURE__ */ r(s, {
+								stat: e,
+								size: _,
+								rarity: n.rarity
+							}, e.name))
+						})
+					]
+				})]
+			}), m && /* @__PURE__ */ r("div", {
+				className: e("absolute inset-0 rounded-xl border-2 overflow-hidden", "bg-gradient-to-br rotate-y-180 backface-hidden", C.borderColor, C.bgGradient, y),
+				style: {
+					backfaceVisibility: "hidden",
+					transform: "rotateY(180deg)"
+				},
+				children: /* @__PURE__ */ r(f, {
+					player: n,
+					size: _,
+					backContent: h
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { p as default };

package/dist/components/waka-pod-card/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(`../tooltip/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d={Running:{color:`text-green-500`,bgColor:`bg-green-500/10`,icon:l.CheckCircle2},Pending:{color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,icon:l.Clock},Succeeded:{color:`text-blue-500`,bgColor:`bg-blue-500/10`,icon:l.CheckCircle2},Failed:{color:`text-red-500`,bgColor:`bg-red-500/10`,icon:l.XCircle},Unknown:{color:`text-gray-500`,bgColor:`bg-gray-500/10`,icon:l.AlertTriangle}},f={running:{color:`text-green-500`,label:`Running`},waiting:{color:`text-yellow-500`,label:`Waiting`},terminated:{color:`text-gray-500`,label:`Terminated`}};function p(e){if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**+r).toFixed(1))+` `+n[r]}function m(e){if(!e)return`-`;let t=Date.now()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(n/60),i=Math.floor(r/24);return i>0?`${i}d ago`:r>0?`${r}h ago`:`${n}m ago`}function h({container:e,onViewLogs:i,onExec:o}){let d=f[e.state],[m,h]=c.useState(!1);return(0,u.jsxs)(`div`,{className:`border rounded-lg overflow-hidden`,children:[(0,u.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 p-3 cursor-pointer hover:bg-muted/50 transition-colors`,!e.ready&&`bg-yellow-500/5`),onClick:()=>h(!m),children:[(0,u.jsx)(`button`,{className:`text-muted-foreground`,children:m?(0,u.jsx)(l.ChevronDown,{className:`h-4 w-4`}):(0,u.jsx)(l.ChevronRight,{className:`h-4 w-4`})}),(0,u.jsx)(l.Container,{className:`h-4 w-4 text-muted-foreground`}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.image})]}),(0,u.jsx)(n.Badge,{variant:`outline`,className:d.color,children:d.label}),e.restartCount>0&&(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{children:(0,u.jsxs)(n.Badge,{variant:`secondary`,className:`text-xs`,children:[(0,u.jsx)(l.RotateCcw,{className:`h-3 w-3 mr-1`}),e.restartCount]})}),(0,u.jsx)(s.TooltipContent,{children:`Restart count`})]})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,u.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0`,onClick:t=>{t.stopPropagation(),i?.(e.name)},children:(0,u.jsx)(l.FileText,{className:`h-4 w-4`})})}),(0,u.jsx)(s.TooltipContent,{children:`View Logs`})]})}),e.state===`running`&&(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,u.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0`,onClick:t=>{t.stopPropagation(),o?.(e.name)},children:(0,u.jsx)(l.Terminal,{className:`h-4 w-4`})})}),(0,u.jsx)(s.TooltipContent,{children:`Open Terminal`})]})})]})]}),m&&(0,u.jsxs)(`div`,{className:`border-t bg-muted/20 p-3 space-y-3`,children:[e.resources&&(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,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:[e.resources.cpu.used,`m / `,e.resources.cpu.limit,`m`]})]}),(0,u.jsx)(a.Progress,{value:e.resources.cpu.limit>0?Math.min(100,e.resources.cpu.used/e.resources.cpu.limit*100):0,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.resources.memory.used),` / `,p(e.resources.memory.limit)]})]}),(0,u.jsx)(a.Progress,{value:e.resources.memory.limit>0?Math.min(100,e.resources.memory.used/e.resources.memory.limit*100):0,className:`h-1.5`})]})]}),e.ports&&e.ports.length>0&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground mb-1`,children:`Ports`}),(0,u.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.ports.map((e,t)=>(0,u.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[e.containerPort,`/`,e.protocol]},t))})]}),(e.reason||e.message)&&(0,u.jsxs)(`div`,{className:`text-xs`,children:[e.reason&&(0,u.jsx)(`div`,{className:`font-medium text-yellow-500`,children:e.reason}),e.message&&(0,u.jsx)(`div`,{className:`text-muted-foreground`,children:e.message})]}),e.startedAt&&(0,u.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Started: `,e.startedAt.toLocaleString()]})]})]})}function g({pod:e,onViewLogs:a,onExec:c,onDelete:f,onRestart:p,showEvents:g=!0,compact:_=!1,className:v}){let y=d[e.phase],b=y.icon,x=e.containers.filter(e=>e.ready).length,S=e.containers.reduce((e,t)=>e+t.restartCount,0);return(0,u.jsxs)(i.Card,{className:t.cn(y.bgColor,v),children:[(0,u.jsxs)(i.CardHeader,{className:`pb-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(l.Box,{className:`h-5 w-5 text-muted-foreground`}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i.CardTitle,{className:`text-base`,children:e.name}),(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.namespace})]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsxs)(n.Badge,{variant:`outline`,className:y.color,children:[(0,u.jsx)(b,{className:`h-3 w-3 mr-1`}),e.phase]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[p&&(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,u.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,onClick:p,children:(0,u.jsx)(l.RotateCcw,{className:`h-4 w-4`})})}),(0,u.jsx)(s.TooltipContent,{children:`Restart Pod`})]})}),f&&(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,u.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0 text-destructive`,onClick:f,children:(0,u.jsx)(l.Trash2,{className:`h-4 w-4`})})}),(0,u.jsx)(s.TooltipContent,{children:`Delete Pod`})]})})]})]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-4 text-sm text-muted-foreground mt-2`,children:[(0,u.jsxs)(`span`,{children:[`Ready: `,x,`/`,e.containers.length]}),(0,u.jsxs)(`span`,{children:[`Restarts: `,S]}),e.nodeName&&(0,u.jsxs)(`span`,{children:[`Node: `,e.nodeName]}),e.startTime&&(0,u.jsxs)(`span`,{children:[`Age: `,m(e.startTime)]})]})]}),(0,u.jsxs)(i.CardContent,{className:`space-y-4`,children:[(e.podIP||e.hostIP)&&(0,u.jsxs)(`div`,{className:`flex items-center gap-4 text-sm`,children:[e.podIP&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Pod IP: `}),(0,u.jsx)(`code`,{className:`bg-muted px-1.5 py-0.5 rounded text-xs`,children:e.podIP})]}),e.hostIP&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Host IP: `}),(0,u.jsx)(`code`,{className:`bg-muted px-1.5 py-0.5 rounded text-xs`,children:e.hostIP})]})]}),(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsxs)(`div`,{className:`text-sm font-medium`,children:[`Containers (`,e.containers.length,`)`]}),e.containers.map(e=>(0,u.jsx)(h,{container:e,onViewLogs:a,onExec:c},e.name))]}),g&&e.events&&e.events.length>0&&(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsxs)(`div`,{className:`text-sm font-medium flex items-center gap-2`,children:[(0,u.jsx)(l.Activity,{className:`h-4 w-4`}),`Events`]}),(0,u.jsx)(o.ScrollArea,{className:`h-32`,children:(0,u.jsx)(`div`,{className:`space-y-2`,children:e.events.map((e,n)=>(0,u.jsxs)(`div`,{className:t.cn(`text-xs p-2 rounded border`,e.type===`Warning`?`bg-yellow-500/10 border-yellow-500/30`:`bg-muted/50`),children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,u.jsx)(`span`,{className:`font-medium`,children:e.reason}),(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:m(e.timestamp)})]}),(0,u.jsx)(`div`,{className:`text-muted-foreground`,children:e.message})]},n))})})]}),e.labels&&Object.keys(e.labels).length>0&&!_&&(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Labels`}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[Object.entries(e.labels).slice(0,5).map(([e,t])=>(0,u.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[e,`: `,t]},e)),Object.keys(e.labels).length>5&&(0,u.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[`+`,Object.keys(e.labels).length-5,` more`]})]})]})]})]})}var _={name:`api-server-7d8f9b6c4d-x2k9l`,namespace:`default`,phase:`Running`,nodeName:`node-2`,podIP:`10.244.1.15`,hostIP:`192.168.1.10`,startTime:new Date(Date.now()-120*36e5),containers:[{name:`api`,image:`myapp/api:v1.2.3`,state:`running`,ready:!0,restartCount:0,startedAt:new Date(Date.now()-120*36e5),resources:{cpu:{used:150,limit:500},memory:{used:256*1024*1024,limit:512*1024*1024}},ports:[{containerPort:8080,protocol:`TCP`},{containerPort:9090,protocol:`TCP`}]},{name:`sidecar`,image:`envoyproxy/envoy:v1.28`,state:`running`,ready:!0,restartCount:1,startedAt:new Date(Date.now()-120*36e5),resources:{cpu:{used:50,limit:200},memory:{used:64*1024*1024,limit:128*1024*1024}}}],events:[{type:`Normal`,reason:`Scheduled`,message:`Successfully assigned default/api-server-7d8f9b6c4d-x2k9l to node-2`,timestamp:new Date(Date.now()-120*36e5)},{type:`Normal`,reason:`Pulled`,message:`Container image "myapp/api:v1.2.3" already present on machine`,timestamp:new Date(Date.now()-120*36e5)},{type:`Normal`,reason:`Started`,message:`Started container api`,timestamp:new Date(Date.now()-120*36e5)}],labels:{app:`api-server`,version:`v1.2.3`,environment:`production`}};exports.WakaPodCard=g,exports.defaultPodDetails=_;