@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-daily-reward/index.es.js

@@ -0,0 +1,404 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Check as n, Clock as r, Coins as i, Crown as a, Flame as o, Gift as s, Lock as c, Sparkles as l, Star as u, X as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/waka-daily-reward/index.tsx
+var h = {
+	xp: {
+		icon: l,
+		color: "text-purple-500",
+		bgColor: "bg-purple-100",
+		gradient: "from-purple-400 to-purple-600"
+	},
+	coins: {
+		icon: i,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-100",
+		gradient: "from-yellow-400 to-orange-500"
+	},
+	item: {
+		icon: s,
+		color: "text-blue-500",
+		bgColor: "bg-blue-100",
+		gradient: "from-blue-400 to-blue-600"
+	},
+	badge: {
+		icon: a,
+		color: "text-amber-500",
+		bgColor: "bg-amber-100",
+		gradient: "from-amber-400 to-orange-600"
+	}
+}, g = {
+	sm: {
+		card: "w-14 h-20",
+		bonusCard: "w-18 h-24",
+		icon: "h-5 w-5",
+		bonusIcon: "h-7 w-7",
+		dayText: "text-[10px]",
+		rewardText: "text-[10px]",
+		streakText: "text-xs",
+		button: "text-xs px-3 py-1.5",
+		countdown: "text-xs",
+		gap: "gap-1.5"
+	},
+	md: {
+		card: "w-20 h-28",
+		bonusCard: "w-24 h-32",
+		icon: "h-6 w-6",
+		bonusIcon: "h-8 w-8",
+		dayText: "text-xs",
+		rewardText: "text-xs",
+		streakText: "text-sm",
+		button: "text-sm px-4 py-2",
+		countdown: "text-sm",
+		gap: "gap-2"
+	},
+	lg: {
+		card: "w-24 h-32",
+		bonusCard: "w-28 h-36",
+		icon: "h-8 w-8",
+		bonusIcon: "h-10 w-10",
+		dayText: "text-sm",
+		rewardText: "text-sm",
+		streakText: "text-base",
+		button: "text-base px-5 py-2.5",
+		countdown: "text-base",
+		gap: "gap-3"
+	}
+};
+function _({ active: e, onComplete: n }) {
+	let [r, i] = t.useState(!1);
+	if (t.useEffect(() => {
+		if (e) {
+			i(!0);
+			let e = setTimeout(() => {
+				i(!1), n?.();
+			}, 2e3);
+			return () => clearTimeout(e);
+		}
+	}, [e, n]), !r) return null;
+	let a = [
+		"#fbbf24",
+		"#f59e0b",
+		"#ef4444",
+		"#8b5cf6",
+		"#06b6d4",
+		"#22c55e",
+		"#ec4899"
+	];
+	return /* @__PURE__ */ m("div", {
+		className: "pointer-events-none absolute inset-0 overflow-hidden z-50",
+		children: [
+			[...Array(40)].map((e, t) => {
+				let n = t / 40 * 360, r = 60 + Math.random() * 80, i = 6 + Math.random() * 8, o = .8 + Math.random() * .4;
+				return /* @__PURE__ */ p("div", {
+					className: "absolute left-1/2 top-1/2 animate-confetti",
+					style: {
+						width: i,
+						height: i,
+						backgroundColor: a[Math.floor(Math.random() * a.length)],
+						borderRadius: Math.random() > .5 ? "50%" : "2px",
+						"--angle": `${n}deg`,
+						"--distance": `${r}px`,
+						animationDuration: `${o}s`,
+						animationDelay: `${Math.random() * .2}s`
+					}
+				}, t);
+			}),
+			[...Array(8)].map((e, t) => /* @__PURE__ */ p(u, {
+				className: "absolute left-1/2 top-1/2 text-yellow-400 animate-star-burst",
+				style: {
+					"--angle": `${t / 8 * 360}deg`,
+					"--distance": `${40 + Math.random() * 40}px`,
+					animationDelay: `${Math.random() * .3}s`,
+					width: 16 + Math.random() * 8,
+					height: 16 + Math.random() * 8
+				}
+			}, `star-${t}`)),
+			/* @__PURE__ */ p("style", { children: "\n        @keyframes confetti {\n          0% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0) rotate(360deg);\n            opacity: 0;\n          }\n        }\n        @keyframes star-burst {\n          0% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(0) rotate(0deg);\n            opacity: 1;\n          }\n          50% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(calc(var(--distance) * 0.5)) scale(1) rotate(180deg);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0) rotate(360deg);\n            opacity: 0;\n          }\n        }\n        .animate-confetti {\n          animation: confetti 1s ease-out forwards;\n        }\n        .animate-star-burst {\n          animation: star-burst 1s ease-out forwards;\n        }\n      " })
+		]
+	});
+}
+function v({ seconds: n, size: i }) {
+	let [a, o] = t.useState(n);
+	t.useEffect(() => {
+		o(n);
+	}, [n]), t.useEffect(() => {
+		if (a <= 0) return;
+		let e = setInterval(() => {
+			o((e) => Math.max(0, e - 1));
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [a]);
+	let s = Math.floor(a / 3600), c = Math.floor(a % 3600 / 60), l = a % 60, u = (e) => e.toString().padStart(2, "0"), d = g[i];
+	return /* @__PURE__ */ m("div", {
+		className: e("flex items-center gap-1 text-muted-foreground", d.countdown),
+		children: [/* @__PURE__ */ p(r, { className: "h-4 w-4" }), /* @__PURE__ */ m("span", {
+			className: "font-mono tabular-nums",
+			children: [
+				u(s),
+				":",
+				u(c),
+				":",
+				u(l)
+			]
+		})]
+	});
+}
+function y({ streak: t, size: n }) {
+	let r = g[n];
+	return /* @__PURE__ */ p("div", {
+		className: e("flex items-center gap-1.5", r.streakText),
+		children: /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-1 rounded-full bg-gradient-to-r from-orange-400 to-red-500 px-3 py-1 text-white shadow-md",
+			children: [
+				/* @__PURE__ */ p(o, { className: "h-4 w-4 animate-pulse" }),
+				/* @__PURE__ */ p("span", {
+					className: "font-bold",
+					children: t
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "text-white/80",
+					children: "day streak"
+				})
+			]
+		})
+	});
+}
+function b({ day: r, reward: i, claimed: a, isCurrent: o, isFuture: s, isMissed: u, isBonus: v, canClaim: y, size: b, onClaim: x }) {
+	let [S, C] = t.useState(!1), w = g[b], T = h[i.type], E = T.icon;
+	return /* @__PURE__ */ m("div", {
+		className: e("relative flex flex-col items-center justify-center rounded-xl border-2 transition-all duration-300", v ? w.bonusCard : w.card, {
+			"border-green-400 bg-green-50 dark:bg-green-950/30": a,
+			"border-primary bg-primary/5 ring-2 ring-primary/30 shadow-lg cursor-pointer hover:scale-105 hover:shadow-xl": o && y && !a,
+			"border-primary/50 bg-primary/5": o && !y && !a,
+			"border-muted-foreground/20 bg-muted/30": s,
+			"border-red-300 bg-red-50/50 dark:bg-red-950/20": u,
+			"ring-2 ring-amber-400/50": v && !a && !s
+		}),
+		onClick: () => {
+			y && o && !a && (C(!0), x?.());
+		},
+		children: [
+			/* @__PURE__ */ p(_, {
+				active: S,
+				onComplete: () => C(!1)
+			}),
+			/* @__PURE__ */ p("div", {
+				className: e("absolute -top-2 left-1/2 -translate-x-1/2 rounded-full px-2 py-0.5 font-bold", w.dayText, {
+					"bg-green-500 text-white": a,
+					"bg-primary text-primary-foreground": o && !a,
+					"bg-muted text-muted-foreground": s,
+					"bg-red-400 text-white": u,
+					"bg-gradient-to-r from-amber-400 to-orange-500 text-white": v && !a && !s
+				}),
+				children: v ? "BONUS" : `Day ${r}`
+			}),
+			a && /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 flex items-center justify-center rounded-xl bg-green-500/10",
+				children: /* @__PURE__ */ p("div", {
+					className: "rounded-full bg-green-500 p-1",
+					children: /* @__PURE__ */ p(n, { className: "h-4 w-4 text-white" })
+				})
+			}),
+			s && /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 flex items-center justify-center rounded-xl bg-muted/50",
+				children: /* @__PURE__ */ p(c, { className: "h-5 w-5 text-muted-foreground/50" })
+			}),
+			u && /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 flex items-center justify-center rounded-xl bg-red-500/10",
+				children: /* @__PURE__ */ p("div", {
+					className: "rounded-full bg-red-400 p-1",
+					children: /* @__PURE__ */ p(d, { className: "h-4 w-4 text-white" })
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: e("flex items-center justify-center rounded-full p-2 transition-all", T.bgColor, v ? w.bonusIcon : w.icon, {
+					"opacity-40": a || s || u,
+					"animate-bounce": o && y && !a
+				}),
+				children: i.icon || /* @__PURE__ */ p(E, { className: e(T.color, v ? w.bonusIcon : w.icon) })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: e("mt-1 font-bold", w.rewardText, {
+					"text-muted-foreground/50": a || s || u,
+					[T.color]: !a && !s && !u
+				}),
+				children: typeof i.value == "number" ? `+${i.value}` : i.value
+			}),
+			v && !a && !s && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, { className: "absolute -right-1 -top-1 h-4 w-4 text-amber-400 animate-pulse" }), /* @__PURE__ */ p(l, {
+				className: "absolute -bottom-1 -left-1 h-3 w-3 text-amber-400 animate-pulse",
+				style: { animationDelay: "0.5s" }
+			})] }),
+			o && y && !a && /* @__PURE__ */ p("div", { className: "absolute inset-0 rounded-xl animate-current-glow" }),
+			/* @__PURE__ */ p("style", { children: "\n        @keyframes current-glow {\n          0%, 100% {\n            box-shadow: 0 0 10px hsl(var(--primary) / 0.3);\n          }\n          50% {\n            box-shadow: 0 0 20px hsl(var(--primary) / 0.5);\n          }\n        }\n        .animate-current-glow {\n          animation: current-glow 2s ease-in-out infinite;\n        }\n      " })
+		]
+	});
+}
+function x({ currentDay: t, rewards: r, streak: i, nextRewardIn: o, onClaim: c, canClaim: l = !0, variant: u = "horizontal", size: d = "md", className: f }) {
+	let h = g[d], _ = [...r].sort((e, t) => e.day - t.day), x = (e, n) => e < t && !n, S = _.find((e) => e.day === t), C = l && S && !S.claimed, w = e("flex flex-col items-center gap-4 rounded-2xl border bg-card p-4 shadow-sm", f), T = e("flex items-end justify-center", h.gap, u === "calendar" && "flex-wrap");
+	return /* @__PURE__ */ m("div", {
+		className: w,
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex w-full items-center justify-between",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "text-lg font-bold",
+					children: "Daily Rewards"
+				}), /* @__PURE__ */ p(y, {
+					streak: i,
+					size: d
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: T,
+				children: _.map((e) => /* @__PURE__ */ p(b, {
+					day: e.day,
+					reward: e.reward,
+					claimed: e.claimed,
+					isCurrent: e.day === t,
+					isFuture: e.day > t,
+					isMissed: x(e.day, e.claimed),
+					isBonus: e.isBonus,
+					canClaim: l,
+					size: d,
+					onClaim: () => c?.(e.day)
+				}, e.day))
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex w-full flex-col items-center gap-3",
+				children: [
+					C && /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => c?.(t),
+						className: e("rounded-full bg-gradient-to-r from-primary to-primary/80 font-bold text-primary-foreground shadow-lg transition-all hover:scale-105 hover:shadow-xl active:scale-95", h.button),
+						children: /* @__PURE__ */ m("span", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ p(s, { className: "h-4 w-4" }),
+								"Claim Day ",
+								t,
+								" Reward"
+							]
+						})
+					}),
+					S?.claimed && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2 text-sm text-green-600",
+						children: [/* @__PURE__ */ p(n, { className: "h-4 w-4" }), /* @__PURE__ */ p("span", { children: "Today's reward claimed!" })]
+					}),
+					o !== void 0 && o > 0 && /* @__PURE__ */ m("div", {
+						className: "flex flex-col items-center gap-1",
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-xs text-muted-foreground",
+							children: "Next reward in"
+						}), /* @__PURE__ */ p(v, {
+							seconds: o,
+							size: d
+						})]
+					}),
+					t === 7 && _.every((e) => e.claimed) && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2 rounded-full bg-gradient-to-r from-amber-400 to-orange-500 px-4 py-2 text-white",
+						children: [
+							/* @__PURE__ */ p(a, { className: "h-5 w-5" }),
+							/* @__PURE__ */ p("span", {
+								className: "font-bold",
+								children: "Week Complete! Amazing!"
+							}),
+							/* @__PURE__ */ p(a, { className: "h-5 w-5" })
+						]
+					})
+				]
+			})
+		]
+	});
+}
+function S({ currentDay: t, streak: r, claimed: i, onClaim: a, canClaim: s = !0, className: c }) {
+	return /* @__PURE__ */ m("div", {
+		className: e("flex items-center gap-3 rounded-xl border bg-card p-3 shadow-sm", c),
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex gap-1",
+				children: [
+					1,
+					2,
+					3,
+					4,
+					5,
+					6,
+					7
+				].map((n) => /* @__PURE__ */ p("div", { className: e("h-2 w-2 rounded-full transition-all", {
+					"bg-green-500": n < t,
+					"bg-primary ring-2 ring-primary/30 scale-125": n === t,
+					"bg-muted": n > t
+				}) }, n))
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-1 text-sm",
+				children: [/* @__PURE__ */ p(o, { className: "h-4 w-4 text-orange-500" }), /* @__PURE__ */ p("span", {
+					className: "font-bold",
+					children: r
+				})]
+			}),
+			s && !i && /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: a,
+				className: "rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground transition-all hover:scale-105",
+				children: "Claim"
+			}),
+			i && /* @__PURE__ */ m("div", {
+				className: "flex items-center gap-1 text-xs text-green-600",
+				children: [/* @__PURE__ */ p(n, { className: "h-3 w-3" }), /* @__PURE__ */ p("span", { children: "Done" })]
+			})
+		]
+	});
+}
+function C({ initialRewards: e = [], initialDay: n = 1, initialStreak: r = 0, onRewardClaimed: i, onStreakChange: a } = {}) {
+	let [o, s] = t.useState(e), [c, l] = t.useState(n), [u, d] = t.useState(r), [f, p] = t.useState(null);
+	return {
+		rewards: o,
+		currentDay: c,
+		streak: u,
+		lastClaimDate: f,
+		claimReward: t.useCallback((e) => {
+			if (e !== c) return !1;
+			let t = o.find((t) => t.day === e);
+			if (!t || t.claimed) return !1;
+			s((t) => t.map((t) => t.day === e ? {
+				...t,
+				claimed: !0
+			} : t));
+			let n = u + 1;
+			return d(n), a?.(n), p(/* @__PURE__ */ new Date()), i?.(e, t.reward), !0;
+		}, [
+			c,
+			o,
+			u,
+			i,
+			a
+		]),
+		advanceDay: t.useCallback(() => {
+			c >= 7 ? (l(1), s((e) => e.map((e) => ({
+				...e,
+				claimed: !1
+			})))) : l((e) => e + 1);
+		}, [c]),
+		resetStreak: t.useCallback(() => {
+			d(0), a?.(0);
+		}, [a]),
+		canClaimToday: t.useMemo(() => {
+			let e = o.find((e) => e.day === c);
+			return e && !e.claimed;
+		}, [o, c]),
+		getSecondsUntilMidnight: t.useCallback(() => {
+			let e = /* @__PURE__ */ new Date(), t = new Date(e);
+			return t.setHours(24, 0, 0, 0), Math.floor((t.getTime() - e.getTime()) / 1e3);
+		}, []),
+		setRewards: s,
+		setCurrentDay: l,
+		setStreak: d
+	};
+}
+//#endregion
+export { S as WakaCompactDailyReward, x as WakaDailyReward, C as useDailyRewards };

package/dist/components/waka-database-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`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l={postgresql:{label:`PostgreSQL`,color:`text-blue-500`},mysql:{label:`MySQL`,color:`text-orange-500`},mongodb:{label:`MongoDB`,color:`text-green-500`},redis:{label:`Redis`,color:`text-red-500`},elasticsearch:{label:`Elasticsearch`,color:`text-yellow-500`},other:{label:`Database`,color:`text-gray-500`}},u={healthy:{label:`Healthy`,color:`text-green-500`,bgColor:`bg-green-500`},warning:{label:`Warning`,color:`text-yellow-500`,bgColor:`bg-yellow-500`},critical:{label:`Critical`,color:`text-red-500`,bgColor:`bg-red-500`},offline:{label:`Offline`,color:`text-gray-500`,bgColor:`bg-gray-500`},syncing:{label:`Syncing`,color:`text-blue-500`,bgColor:`bg-blue-500`}};function d(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 f(e){return e<60?`${e}s`:e<3600?`${Math.floor(e/60)}m`:e<86400?`${Math.floor(e/3600)}h`:`${Math.floor(e/86400)}d`}function p(e){return e<1e3?`${e.toFixed(0)}ms`:`${(e/1e3).toFixed(2)}s`}function m({database:e,onRefresh:o,onClick:m,detailed:h=!1,compact:g=!1,className:_}){let v=l[e.type],y=u[e.status],{metrics:b}=e,x=b.connectionsActive/b.connectionsMax*100,S=b.storageUsed/b.storageTotal*100;return g?(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 p-3 border rounded-lg hover:bg-muted/30 transition-colors cursor-pointer`,e.status===`critical`&&`border-red-500/50`,e.status===`warning`&&`border-yellow-500/50`,_),onClick:m,children:[(0,c.jsxs)(`div`,{className:`relative`,children:[(0,c.jsx)(s.Database,{className:t.cn(`h-5 w-5`,v.color)}),(0,c.jsx)(`div`,{className:t.cn(`absolute -bottom-0.5 -right-0.5 w-2 h-2 rounded-full border border-background`,y.bgColor)})]}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground flex items-center gap-2`,children:[(0,c.jsx)(`span`,{children:v.label}),e.version&&(0,c.jsxs)(`span`,{children:[`v`,e.version]})]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-3 text-xs`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Users,{className:`h-3 w-3 text-muted-foreground`}),(0,c.jsxs)(`span`,{children:[b.connectionsActive,`/`,b.connectionsMax]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Zap,{className:`h-3 w-3 text-muted-foreground`}),(0,c.jsxs)(`span`,{children:[b.queriesPerSecond,`/s`]})]}),b.slowQueries>0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-yellow-500`,children:[b.slowQueries,` slow`]})]}),(0,c.jsx)(n.Badge,{className:t.cn(`text-white`,y.bgColor),children:y.label})]}):(0,c.jsxs)(i.Card,{className:t.cn(e.status===`critical`&&`border-red-500/50`,e.status===`warning`&&`border-yellow-500/50`,_),children:[(0,c.jsx)(i.CardHeader,{className:`pb-3`,children:(0,c.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(`div`,{className:t.cn(`w-10 h-10 rounded-lg flex items-center justify-center`,`bg-muted`),children:(0,c.jsx)(s.Database,{className:t.cn(`h-5 w-5`,v.color)})}),(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[e.name,(0,c.jsx)(n.Badge,{className:t.cn(`text-white text-xs`,y.bgColor),children:y.label})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 text-xs text-muted-foreground`,children:[(0,c.jsx)(`span`,{children:v.label}),e.version&&(0,c.jsxs)(`span`,{children:[`v`,e.version]}),(0,c.jsx)(`span`,{children:`•`}),(0,c.jsxs)(`span`,{children:[e.host,`:`,e.port]}),e.role!==`standalone`&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`span`,{children:`•`}),(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.GitBranch,{className:`h-3 w-3 mr-1`}),e.role]})]})]})]})]}),o&&(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,onClick:o,children:(0,c.jsx)(s.RefreshCw,{className:`h-4 w-4`})})]})}),(0,c.jsxs)(i.CardContent,{className:`space-y-4`,children:[(0,c.jsxs)(`div`,{className:`grid grid-cols-4 gap-3`,children:[(0,c.jsxs)(`div`,{className:`text-center p-2 bg-muted/50 rounded-lg`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.Users,{className:`h-3 w-3`}),`Connections`]}),(0,c.jsx)(`div`,{className:`text-lg font-semibold`,children:b.connectionsActive}),(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`/ `,b.connectionsMax]})]}),(0,c.jsxs)(`div`,{className:`text-center p-2 bg-muted/50 rounded-lg`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.Zap,{className:`h-3 w-3`}),`Queries/sec`]}),(0,c.jsx)(`div`,{className:`text-lg font-semibold`,children:b.queriesPerSecond})]}),(0,c.jsxs)(`div`,{className:`text-center p-2 bg-muted/50 rounded-lg`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3`}),`Avg Latency`]}),(0,c.jsx)(`div`,{className:`text-lg font-semibold`,children:p(b.avgQueryTime)})]}),(0,c.jsxs)(`div`,{className:`text-center p-2 bg-muted/50 rounded-lg`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-3 w-3`}),`Slow Queries`]}),(0,c.jsx)(`div`,{className:t.cn(`text-lg font-semibold`,b.slowQueries>10&&`text-red-500`,b.slowQueries>0&&b.slowQueries<=10&&`text-yellow-500`),children:b.slowQueries})]})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm mb-1`,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,c.jsx)(s.Users,{className:`h-4 w-4`}),`Connections`]}),(0,c.jsxs)(`span`,{className:t.cn(x>80&&`text-red-500`,x>60&&x<=80&&`text-yellow-500`),children:[x.toFixed(0),`%`]})]}),(0,c.jsx)(a.Progress,{value:x,className:t.cn(`h-2`,x>80&&`[&>div]:bg-red-500`,x>60&&x<=80&&`[&>div]:bg-yellow-500`)})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm mb-1`,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,c.jsx)(s.HardDrive,{className:`h-4 w-4`}),`Storage`]}),(0,c.jsxs)(`span`,{children:[d(b.storageUsed),` / `,d(b.storageTotal)]})]}),(0,c.jsx)(a.Progress,{value:S,className:t.cn(`h-2`,S>90&&`[&>div]:bg-red-500`,S>75&&S<=90&&`[&>div]:bg-yellow-500`)})]}),h&&(0,c.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 pt-2 border-t`,children:[b.cacheHitRate!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`Cache Hit Rate`}),(0,c.jsxs)(`span`,{className:t.cn(b.cacheHitRate<90&&`text-yellow-500`),children:[b.cacheHitRate.toFixed(1),`%`]})]}),b.replicationLag!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`Replication Lag`}),(0,c.jsx)(`span`,{className:t.cn(b.replicationLag>1e3&&`text-red-500`,b.replicationLag>100&&b.replicationLag<=1e3&&`text-yellow-500`),children:p(b.replicationLag)})]}),b.uptime!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`Uptime`}),(0,c.jsx)(`span`,{children:f(b.uptime)})]}),e.replicas!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`Replicas`}),(0,c.jsx)(`span`,{children:e.replicas})]}),e.lastBackup&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between text-sm col-span-2`,children:[(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`Last Backup`}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.CheckCircle2,{className:`h-3 w-3 text-green-500`}),e.lastBackup.toLocaleDateString(`fr-FR`,{day:`2-digit`,month:`short`,hour:`2-digit`,minute:`2-digit`})]})]})]}),e.tags&&e.tags.length>0&&(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1 pt-2 border-t`,children:e.tags.map(e=>(0,c.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:e},e))})]})]})}var h={id:`1`,name:`production-db`,type:`postgresql`,version:`15.4`,host:`db.example.com`,port:5432,status:`healthy`,role:`primary`,metrics:{connectionsActive:45,connectionsMax:100,queriesPerSecond:1250,slowQueries:3,avgQueryTime:12.5,cacheHitRate:98.5,storageUsed:85*1024*1024*1024,storageTotal:200*1024*1024*1024,replicationLag:25,uptime:1080*3600},replicas:2,lastBackup:new Date(Date.now()-4*36e5),tags:[`production`,`critical`]},g=[h,{id:`2`,name:`cache-redis`,type:`redis`,version:`7.2`,host:`redis.example.com`,port:6379,status:`healthy`,role:`primary`,metrics:{connectionsActive:120,connectionsMax:1e4,queriesPerSecond:45e3,slowQueries:0,avgQueryTime:.5,storageUsed:2*1024*1024*1024,storageTotal:16*1024*1024*1024,uptime:720*3600},tags:[`cache`,`production`]},{id:`3`,name:`analytics-mongo`,type:`mongodb`,version:`7.0`,host:`mongo.example.com`,port:27017,status:`warning`,role:`replica`,metrics:{connectionsActive:78,connectionsMax:100,queriesPerSecond:350,slowQueries:12,avgQueryTime:85,storageUsed:450*1024*1024*1024,storageTotal:500*1024*1024*1024,replicationLag:150,uptime:360*3600},tags:[`analytics`]}];exports.WakaDatabaseCard=m,exports.defaultDatabase=h,exports.defaultDatabases=g;