@wakastellar/ui 4.0.0 → 4.0.1

package/dist/blocks/container-orchestrator/index.es.js

@@ -0,0 +1,673 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "../../components/card/index.es.js";
+import { DropdownMenu as s, DropdownMenuContent as c, DropdownMenuItem as l, DropdownMenuSeparator as u, DropdownMenuTrigger as d } from "../../components/dropdown-menu/index.es.js";
+import { Input as f } from "../../components/input/index.es.js";
+import { Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _ } from "../../components/select/index.es.js";
+import { Progress as v } from "../../components/progress/index.es.js";
+import { ScrollArea as y } from "../../components/scroll-area/index.es.js";
+import * as b from "react";
+import { ArrowDown as x, ArrowUp as S, Clock as C, Container as w, Cpu as T, Eye as E, FileText as D, Layers as O, MemoryStick as k, Minus as A, MoreVertical as j, Network as M, Plus as N, RefreshCw as P, Search as F, Square as I, Terminal as L, Trash2 as R } from "lucide-react";
+import { jsx as z, jsxs as B } from "react/jsx-runtime";
+//#region src/blocks/container-orchestrator/index.tsx
+var V = {
+	running: {
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Running"
+	},
+	stopped: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Stopped"
+	},
+	paused: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Paused"
+	},
+	restarting: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Restarting"
+	},
+	creating: {
+		color: "text-blue-400",
+		bgColor: "bg-blue-400",
+		label: "Creating"
+	},
+	removing: {
+		color: "text-orange-500",
+		bgColor: "bg-orange-500",
+		label: "Removing"
+	},
+	exited: {
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Exited"
+	},
+	dead: {
+		color: "text-red-600",
+		bgColor: "bg-red-600",
+		label: "Dead"
+	}
+}, H = {
+	running: {
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Running"
+	},
+	updating: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Updating"
+	},
+	scaled: {
+		color: "text-purple-500",
+		bgColor: "bg-purple-500",
+		label: "Scaling"
+	},
+	failed: {
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Failed"
+	},
+	pending: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Pending"
+	}
+};
+function U(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function W(e) {
+	if (!e) return "N/A";
+	let t = Math.floor((Date.now() - e.getTime()) / 1e3);
+	if (t < 60) return `${t}s`;
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m`;
+	let r = Math.floor(n / 60);
+	return r < 24 ? `${r}h ${n % 60}m` : `${Math.floor(r / 24)}d ${r % 24}h`;
+}
+function G({ container: r, onViewLogs: i, onExecShell: a }) {
+	let o = V[r.status], u = r.resources.memory / r.resources.memoryLimit * 100;
+	return /* @__PURE__ */ z("div", {
+		className: e("border rounded-lg p-3 transition-all hover:bg-muted/30", r.status === "exited" && "border-red-500/30 bg-red-500/5", r.healthCheck === "unhealthy" && "border-yellow-500/30"),
+		children: /* @__PURE__ */ B("div", {
+			className: "flex items-start gap-3",
+			children: [
+				/* @__PURE__ */ B("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ z(w, { className: e("h-5 w-5", o.color) }), r.healthCheck && r.healthCheck !== "none" && /* @__PURE__ */ z("div", { className: e("absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-background", r.healthCheck === "healthy" && "bg-green-500", r.healthCheck === "unhealthy" && "bg-red-500", r.healthCheck === "starting" && "bg-yellow-500") })]
+				}),
+				/* @__PURE__ */ B("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ B("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ z("span", {
+								className: "font-mono text-sm truncate",
+								children: r.name
+							}), /* @__PURE__ */ z(t, {
+								variant: "outline",
+								className: e("text-xs", o.color),
+								children: o.label
+							})]
+						}),
+						/* @__PURE__ */ z("div", {
+							className: "text-xs text-muted-foreground mt-1 truncate",
+							children: r.image
+						}),
+						/* @__PURE__ */ B("div", {
+							className: "grid grid-cols-2 gap-2 mt-2",
+							children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("div", {
+								className: "flex items-center justify-between text-xs mb-0.5",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground flex items-center gap-1",
+									children: [/* @__PURE__ */ z(T, { className: "h-3 w-3" }), " CPU"]
+								}), /* @__PURE__ */ B("span", { children: [r.resources.cpu.toFixed(1), "%"] })]
+							}), /* @__PURE__ */ z(v, {
+								value: r.resources.cpu,
+								className: e("h-1", r.resources.cpu > 80 && "[&>div]:bg-red-500")
+							})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("div", {
+								className: "flex items-center justify-between text-xs mb-0.5",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground flex items-center gap-1",
+									children: [/* @__PURE__ */ z(k, { className: "h-3 w-3" }), " MEM"]
+								}), /* @__PURE__ */ B("span", { children: [r.resources.memory, "MB"] })]
+							}), /* @__PURE__ */ z(v, {
+								value: u,
+								className: e("h-1", u > 80 && "[&>div]:bg-red-500")
+							})] })]
+						}),
+						/* @__PURE__ */ B("div", {
+							className: "flex items-center gap-3 mt-2 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ B("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ z(C, { className: "h-3 w-3" }), W(r.startedAt)]
+								}),
+								/* @__PURE__ */ B("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ z(x, { className: "h-3 w-3" }),
+										U(r.resources.networkRx),
+										"/s"
+									]
+								}),
+								/* @__PURE__ */ B("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ z(S, { className: "h-3 w-3" }),
+										U(r.resources.networkTx),
+										"/s"
+									]
+								}),
+								r.restartCount !== void 0 && r.restartCount > 0 && /* @__PURE__ */ B("span", {
+									className: "flex items-center gap-1 text-yellow-500",
+									children: [
+										/* @__PURE__ */ z(P, { className: "h-3 w-3" }),
+										r.restartCount,
+										" restarts"
+									]
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ B(s, { children: [/* @__PURE__ */ z(d, {
+					asChild: !0,
+					children: /* @__PURE__ */ z(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ z(j, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ B(c, {
+					align: "end",
+					children: [i && /* @__PURE__ */ B(l, {
+						onClick: i,
+						children: [/* @__PURE__ */ z(D, { className: "h-4 w-4 mr-2" }), "View Logs"]
+					}), a && /* @__PURE__ */ B(l, {
+						onClick: a,
+						children: [/* @__PURE__ */ z(L, { className: "h-4 w-4 mr-2" }), "Shell"]
+					})]
+				})] })
+			]
+		})
+	});
+}
+function K({ service: a, onScale: o, onRestart: p, onStop: m, onDelete: h, onViewLogs: g, onExecShell: _ }) {
+	let [y, x] = b.useState(!1), [S, C] = b.useState(a.replicas.desired), w = H[a.status], T = a.containers.every((e) => e.status === "running"), D = a.replicas.running / a.replicas.desired * 100;
+	return /* @__PURE__ */ z(r, {
+		className: e(a.status === "failed" && "border-red-500/50", !T && "border-yellow-500/30"),
+		children: /* @__PURE__ */ B(i, {
+			className: "p-4",
+			children: [/* @__PURE__ */ B("div", {
+				className: "flex items-start gap-4",
+				children: [
+					/* @__PURE__ */ z("div", {
+						className: e("p-2 rounded-lg", `${w.bgColor}/10`),
+						children: /* @__PURE__ */ z(O, { className: e("h-5 w-5", w.color) })
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "flex-1 min-w-0",
+						children: [
+							/* @__PURE__ */ B("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ z("h4", {
+									className: "font-semibold",
+									children: a.name
+								}), /* @__PURE__ */ z(t, {
+									className: e("text-white text-xs", w.bgColor),
+									children: w.label
+								})]
+							}),
+							/* @__PURE__ */ z("div", {
+								className: "text-sm text-muted-foreground mt-1",
+								children: a.image
+							}),
+							/* @__PURE__ */ B("div", {
+								className: "mt-3",
+								children: [/* @__PURE__ */ B("div", {
+									className: "flex items-center justify-between text-sm mb-1",
+									children: [/* @__PURE__ */ z("span", {
+										className: "text-muted-foreground",
+										children: "Replicas"
+									}), /* @__PURE__ */ B("span", {
+										className: e(a.replicas.running < a.replicas.desired && "text-yellow-500"),
+										children: [
+											a.replicas.running,
+											"/",
+											a.replicas.desired,
+											" running",
+											a.replicas.ready < a.replicas.running && /* @__PURE__ */ B("span", {
+												className: "text-muted-foreground ml-1",
+												children: [
+													"(",
+													a.replicas.ready,
+													" ready)"
+												]
+											})
+										]
+									})]
+								}), /* @__PURE__ */ z(v, {
+									value: D,
+									className: e("h-2", D < 100 && "[&>div]:bg-yellow-500", a.status === "failed" && "[&>div]:bg-red-500")
+								})]
+							}),
+							a.updateStatus && /* @__PURE__ */ B("div", {
+								className: "mt-3 p-2 bg-muted/50 rounded text-sm",
+								children: [
+									/* @__PURE__ */ B("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ B("span", {
+											className: "flex items-center gap-1 text-blue-500",
+											children: [/* @__PURE__ */ z(P, { className: "h-3 w-3 animate-spin" }), a.updateStatus.state]
+										}), /* @__PURE__ */ B("span", { children: [a.updateStatus.progress, "%"] })]
+									}),
+									a.updateStatus.message && /* @__PURE__ */ z("p", {
+										className: "text-xs text-muted-foreground mt-1",
+										children: a.updateStatus.message
+									}),
+									/* @__PURE__ */ z(v, {
+										value: a.updateStatus.progress,
+										className: "h-1 mt-2"
+									})
+								]
+							}),
+							a.ports && a.ports.length > 0 && /* @__PURE__ */ B("div", {
+								className: "flex items-center gap-2 mt-3 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ z(M, { className: "h-3 w-3" }), a.ports.map((e, t) => /* @__PURE__ */ B("span", { children: [
+									e.published,
+									":",
+									e.target,
+									t < a.ports.length - 1 && ","
+								] }, t))]
+							})
+						]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [
+							/* @__PURE__ */ B("div", {
+								className: "flex items-center gap-1 border rounded",
+								children: [
+									/* @__PURE__ */ z(n, {
+										variant: "ghost",
+										size: "sm",
+										className: "h-8 w-8 p-0",
+										onClick: () => {
+											let e = Math.max(0, S - 1);
+											C(e), o?.(e);
+										},
+										children: /* @__PURE__ */ z(A, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ z(f, {
+										type: "number",
+										value: S,
+										onChange: (e) => {
+											C(parseInt(e.target.value) || 0);
+										},
+										onBlur: () => o?.(S),
+										className: "w-12 h-8 text-center border-0 p-0",
+										min: 0
+									}),
+									/* @__PURE__ */ z(n, {
+										variant: "ghost",
+										size: "sm",
+										className: "h-8 w-8 p-0",
+										onClick: () => {
+											let e = S + 1;
+											C(e), o?.(e);
+										},
+										children: /* @__PURE__ */ z(N, { className: "h-4 w-4" })
+									})
+								]
+							}),
+							/* @__PURE__ */ B(s, { children: [/* @__PURE__ */ z(d, {
+								asChild: !0,
+								children: /* @__PURE__ */ z(n, {
+									variant: "outline",
+									size: "sm",
+									className: "h-8 w-8 p-0",
+									children: /* @__PURE__ */ z(j, { className: "h-4 w-4" })
+								})
+							}), /* @__PURE__ */ B(c, {
+								align: "end",
+								children: [
+									p && /* @__PURE__ */ B(l, {
+										onClick: p,
+										children: [/* @__PURE__ */ z(P, { className: "h-4 w-4 mr-2" }), "Restart"]
+									}),
+									m && /* @__PURE__ */ B(l, {
+										onClick: m,
+										children: [/* @__PURE__ */ z(I, { className: "h-4 w-4 mr-2" }), "Stop"]
+									}),
+									/* @__PURE__ */ z(u, {}),
+									h && /* @__PURE__ */ B(l, {
+										onClick: h,
+										className: "text-destructive",
+										children: [/* @__PURE__ */ z(R, { className: "h-4 w-4 mr-2" }), "Delete"]
+									})
+								]
+							})] }),
+							/* @__PURE__ */ B(n, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => x(!y),
+								children: [
+									/* @__PURE__ */ z(E, { className: "h-4 w-4 mr-1" }),
+									y ? "Hide" : "Show",
+									" Containers"
+								]
+							})
+						]
+					})
+				]
+			}), y && /* @__PURE__ */ z("div", {
+				className: "mt-4 pt-4 border-t space-y-2",
+				children: a.containers.length === 0 ? /* @__PURE__ */ z("div", {
+					className: "text-center text-muted-foreground py-4",
+					children: "No containers running"
+				}) : a.containers.map((e) => /* @__PURE__ */ z(G, {
+					container: e,
+					onViewLogs: g ? () => g(e) : void 0,
+					onExecShell: _ ? () => _(e) : void 0
+				}, e.id))
+			})]
+		})
+	});
+}
+function q({ services: e }) {
+	let t = b.useMemo(() => {
+		let t = e.length, n = e.reduce((e, t) => e + t.containers.length, 0), r = e.reduce((e, t) => e + t.containers.filter((e) => e.status === "running").length, 0), i = e.reduce((e, t) => e + t.containers.reduce((e, t) => e + t.resources.cpu, 0), 0), a = e.reduce((e, t) => e + t.containers.reduce((e, t) => e + t.resources.memory, 0), 0);
+		return {
+			totalServices: t,
+			totalContainers: n,
+			runningContainers: r,
+			avgCpu: i / n,
+			totalMemory: a
+		};
+	}, [e]);
+	return /* @__PURE__ */ B("div", {
+		className: "grid grid-cols-5 gap-4",
+		children: [
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ B(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ z("div", {
+					className: "text-2xl font-bold",
+					children: t.totalServices
+				}), /* @__PURE__ */ z("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Services"
+				})]
+			}) }),
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ B(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ z("div", {
+					className: "text-2xl font-bold",
+					children: t.totalContainers
+				}), /* @__PURE__ */ z("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Containers"
+				})]
+			}) }),
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ B(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ z("div", {
+					className: "text-2xl font-bold text-green-500",
+					children: t.runningContainers
+				}), /* @__PURE__ */ z("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Running"
+				})]
+			}) }),
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ B(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ B("div", {
+					className: "text-2xl font-bold",
+					children: [t.avgCpu.toFixed(1), "%"]
+				}), /* @__PURE__ */ z("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Avg CPU"
+				})]
+			}) }),
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ B(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ B("div", {
+					className: "text-2xl font-bold",
+					children: [(t.totalMemory / 1024).toFixed(1), "GB"]
+				}), /* @__PURE__ */ z("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Total Memory"
+				})]
+			}) })
+		]
+	});
+}
+function J({ services: t, onScaleService: i, onRestartService: s, onStopService: c, onDeleteService: l, onViewLogs: u, onExecShell: d, onRefresh: v, className: x }) {
+	let [S, C] = b.useState(""), [T, E] = b.useState("all"), D = b.useMemo(() => t.filter((e) => !(S && !e.name.toLowerCase().includes(S.toLowerCase()) || T !== "all" && e.status !== T)), [
+		t,
+		S,
+		T
+	]);
+	return /* @__PURE__ */ B("div", {
+		className: e("space-y-6", x),
+		children: [
+			/* @__PURE__ */ z(r, { children: /* @__PURE__ */ z(a, { children: /* @__PURE__ */ B("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ B("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ z(w, { className: "h-6 w-6" }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z(o, { children: "Container Orchestrator" }), /* @__PURE__ */ z("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Manage and monitor containerized services"
+					})] })]
+				}), /* @__PURE__ */ B("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ B("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ z(F, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(f, {
+								placeholder: "Search services...",
+								value: S,
+								onChange: (e) => C(e.target.value),
+								className: "pl-9 w-64"
+							})]
+						}),
+						/* @__PURE__ */ B(p, {
+							value: T,
+							onValueChange: (e) => E(e),
+							children: [/* @__PURE__ */ z(g, {
+								className: "w-32",
+								children: /* @__PURE__ */ z(_, { placeholder: "Status" })
+							}), /* @__PURE__ */ B(m, { children: [
+								/* @__PURE__ */ z(h, {
+									value: "all",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ z(h, {
+									value: "running",
+									children: "Running"
+								}),
+								/* @__PURE__ */ z(h, {
+									value: "updating",
+									children: "Updating"
+								}),
+								/* @__PURE__ */ z(h, {
+									value: "failed",
+									children: "Failed"
+								}),
+								/* @__PURE__ */ z(h, {
+									value: "pending",
+									children: "Pending"
+								})
+							] })]
+						}),
+						v && /* @__PURE__ */ z(n, {
+							variant: "outline",
+							onClick: v,
+							children: /* @__PURE__ */ z(P, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			}) }) }),
+			/* @__PURE__ */ z(q, { services: t }),
+			/* @__PURE__ */ z(y, {
+				className: "h-[500px]",
+				children: /* @__PURE__ */ z("div", {
+					className: "space-y-4 pr-4",
+					children: D.length === 0 ? /* @__PURE__ */ B("div", {
+						className: "flex flex-col items-center justify-center h-48 text-muted-foreground",
+						children: [/* @__PURE__ */ z(w, { className: "h-12 w-12 mb-4" }), /* @__PURE__ */ z("p", {
+							className: "text-lg font-medium",
+							children: "No services found"
+						})]
+					}) : D.map((e) => /* @__PURE__ */ z(K, {
+						service: e,
+						onScale: i ? (t) => i(e, t) : void 0,
+						onRestart: s ? () => s(e) : void 0,
+						onStop: c ? () => c(e) : void 0,
+						onDelete: l ? () => l(e) : void 0,
+						onViewLogs: u,
+						onExecShell: d
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+function Y(e, t) {
+	return Array.from({ length: t }, (t, n) => ({
+		id: `${e}-${n + 1}`,
+		name: `${e}-${n + 1}`,
+		image: `myregistry/${e}:latest`,
+		status: "running",
+		createdAt: /* @__PURE__ */ new Date(Date.now() - (n + 1) * 36e5),
+		startedAt: /* @__PURE__ */ new Date(Date.now() - n * 36e5),
+		healthCheck: "healthy",
+		restartCount: Math.floor(Math.random() * 3),
+		node: `node-${Math.floor(Math.random() * 3) + 1}`,
+		resources: {
+			cpu: Math.random() * 50 + 10,
+			memory: Math.floor(Math.random() * 500 + 200),
+			memoryLimit: 1024,
+			networkRx: Math.floor(Math.random() * 1e6),
+			networkTx: Math.floor(Math.random() * 5e5)
+		}
+	}));
+}
+var X = [
+	{
+		id: "1",
+		name: "api-gateway",
+		image: "myregistry/api-gateway:v2.4.1",
+		status: "running",
+		replicas: {
+			desired: 3,
+			running: 3,
+			ready: 3
+		},
+		containers: Y("api-gateway", 3),
+		ports: [{
+			published: 80,
+			target: 8080
+		}, {
+			published: 443,
+			target: 8443
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 168 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 48 * 36e5)
+	},
+	{
+		id: "2",
+		name: "user-service",
+		image: "myregistry/user-service:v1.8.0",
+		status: "updating",
+		replicas: {
+			desired: 2,
+			running: 2,
+			ready: 1
+		},
+		containers: Y("user-service", 2),
+		updateStatus: {
+			state: "updating",
+			progress: 50,
+			message: "Updating replica 1 of 2"
+		},
+		ports: [{
+			published: 8081,
+			target: 8080
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 336 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date()
+	},
+	{
+		id: "3",
+		name: "payment-service",
+		image: "myregistry/payment-service:v3.1.0",
+		status: "running",
+		replicas: {
+			desired: 2,
+			running: 2,
+			ready: 2
+		},
+		containers: Y("payment-service", 2),
+		ports: [{
+			published: 8082,
+			target: 8080
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 720 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5)
+	},
+	{
+		id: "4",
+		name: "notification-worker",
+		image: "myregistry/notification-worker:v2.0.0",
+		status: "running",
+		replicas: {
+			desired: 5,
+			running: 5,
+			ready: 5
+		},
+		containers: Y("notification-worker", 5),
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 504 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 168 * 36e5)
+	},
+	{
+		id: "5",
+		name: "analytics-pipeline",
+		image: "myregistry/analytics:v1.2.0",
+		status: "failed",
+		replicas: {
+			desired: 3,
+			running: 1,
+			ready: 1
+		},
+		containers: [...Y("analytics-pipeline", 1), {
+			id: "analytics-pipeline-2",
+			name: "analytics-pipeline-2",
+			image: "myregistry/analytics:v1.2.0",
+			status: "exited",
+			createdAt: /* @__PURE__ */ new Date(Date.now() - 2 * 36e5),
+			healthCheck: "unhealthy",
+			restartCount: 5,
+			node: "node-2",
+			resources: {
+				cpu: 0,
+				memory: 0,
+				memoryLimit: 1024,
+				networkRx: 0,
+				networkTx: 0
+			}
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 240 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 24 * 36e5)
+	}
+];
+//#endregion
+export { J as ContainerOrchestrator, X as defaultOrchestratorServices };

package/dist/blocks/dashboard/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(`../../components/button/index.cjs.js`),r=require(`../../components/card/index.cjs.js`),i=require(`../../components/dropdown-menu/index.cjs.js`),a=require(`../../components/waka-stat/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l=o.createContext({});function u(){return o.useContext(l)}function d({title:e=`Tableau de bord`,description:r,period:a,onPeriodChange:o,periods:l=[{value:`today`,label:`Aujourd'hui`},{value:`week`,label:`Cette semaine`},{value:`month`,label:`Ce mois`},{value:`year`,label:`Cette année`}],onRefresh:d,loading:f,quickActions:p}){return(0,c.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight`,children:e}),r&&(0,c.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:r})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[o&&(0,c.jsxs)(i.DropdownMenu,{children:[(0,c.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsxs)(n.Button,{variant:`outline`,size:`sm`,children:[(0,c.jsx)(s.Calendar,{className:`mr-2 h-4 w-4`}),l.find(e=>e.value===a)?.label||`Période`]})}),(0,c.jsx)(i.DropdownMenuContent,{align:`end`,children:l.map(e=>(0,c.jsx)(i.DropdownMenuItem,{onClick:()=>o(e.value),className:t.cn(a===e.value&&`bg-muted`),children:e.label},e.value))})]}),d&&(0,c.jsx)(n.Button,{variant:`outline`,size:`sm`,onClick:d,disabled:f,children:(0,c.jsx)(s.RefreshCw,{className:t.cn(`h-4 w-4`,f&&`animate-spin`)})}),p?.map(e=>{let{LinkComponent:t}=u();return(0,c.jsx)(n.Button,{variant:e.variant||`default`,size:`sm`,onClick:e.onClick,asChild:!!e.href,children:e.href?t?(0,c.jsxs)(t,{href:e.href,children:[e.icon&&(0,c.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,c.jsxs)(`a`,{href:e.href,children:[e.icon&&(0,c.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,c.jsxs)(c.Fragment,{children:[e.icon&&(0,c.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]})},e.id)})]})]})}function f({stats:e,layout:t=`grid`,columns:n=4,loading:r}){return(0,c.jsx)(a.WakaStatGroup,{layout:t,columns:n,gap:`md`,children:e.map(e=>(0,c.jsx)(a.default,{label:e.label,value:e.value,trend:e.trend,trendValue:e.trendValue,trendText:e.trendText,icon:e.icon,color:e.color,variant:`card`,loading:r},e.id))})}function p({config:e}){return(0,c.jsxs)(r.Card,{children:[(0,c.jsxs)(r.CardHeader,{className:`flex flex-row items-center justify-between pb-2`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(r.CardTitle,{className:`text-base`,children:e.title}),e.description&&(0,c.jsx)(r.CardDescription,{children:e.description})]}),e.actions&&e.actions.length>0&&(0,c.jsxs)(i.DropdownMenu,{children:[(0,c.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,children:(0,c.jsx)(s.MoreHorizontal,{className:`h-4 w-4`})})}),(0,c.jsx)(i.DropdownMenuContent,{align:`end`,children:e.actions.map((e,t)=>(0,c.jsx)(i.DropdownMenuItem,{onClick:e.onClick,children:e.label},t))})]})]}),(0,c.jsx)(r.CardContent,{children:e.chart})]})}function m({config:e}){let{LinkComponent:t}=u();return(0,c.jsxs)(r.Card,{children:[(0,c.jsxs)(r.CardHeader,{className:`flex flex-row items-center justify-between pb-2`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(r.CardTitle,{className:`text-base`,children:e.title}),e.description&&(0,c.jsx)(r.CardDescription,{children:e.description})]}),e.actions&&e.actions.length>0&&(0,c.jsx)(`div`,{className:`flex gap-2`,children:e.actions.map((e,r)=>(0,c.jsx)(n.Button,{variant:`outline`,size:`sm`,onClick:e.onClick,asChild:!!e.href,children:e.href?t?(0,c.jsxs)(t,{href:e.href,children:[e.label,(0,c.jsx)(s.ArrowUpRight,{className:`ml-1 h-3 w-3`})]}):(0,c.jsxs)(`a`,{href:e.href,children:[e.label,(0,c.jsx)(s.ArrowUpRight,{className:`ml-1 h-3 w-3`})]}):e.label},r))})]}),(0,c.jsx)(r.CardContent,{children:e.table})]})}function h({activities:e}){let n=e=>{let t=typeof e==`string`?new Date(e):e,n=new Date().getTime()-t.getTime(),r=Math.floor(n/6e4),i=Math.floor(r/60),a=Math.floor(i/24);return r<1?`À l'instant`:r<60?`Il y a ${r} min`:i<24?`Il y a ${i}h`:a<7?`Il y a ${a}j`:t.toLocaleDateString(`fr-FR`)},i={info:`bg-blue-500`,success:`bg-green-500`,warning:`bg-yellow-500`,error:`bg-red-500`};return(0,c.jsxs)(r.Card,{children:[(0,c.jsx)(r.CardHeader,{children:(0,c.jsx)(r.CardTitle,{className:`text-base`,children:`Activité récente`})}),(0,c.jsx)(r.CardContent,{children:(0,c.jsx)(`div`,{className:`space-y-4`,children:e.map(e=>(0,c.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,c.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full mt-2 flex-shrink-0`,i[e.type||`info`])}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsx)(`p`,{className:`text-sm font-medium`,children:e.title}),e.description&&(0,c.jsx)(`p`,{className:`text-xs text-muted-foreground truncate`,children:e.description})]}),(0,c.jsx)(`span`,{className:`text-xs text-muted-foreground flex-shrink-0`,children:n(e.timestamp)})]},e.id))})})]})}function g({title:e=`Tableau de bord`,description:n,stats:r,charts:i,tables:a,activities:s,quickActions:u,showHeader:g=!0,onRefresh:_,loading:v=!1,period:y=`month`,onPeriodChange:b,periods:x,statsLayout:S=`grid`,statsColumns:C=4,className:w,LinkComponent:T}){let E=o.useMemo(()=>({LinkComponent:T}),[T]);return(0,c.jsx)(l.Provider,{value:E,children:(0,c.jsxs)(`div`,{className:t.cn(`space-y-6`,w),children:[g&&(0,c.jsx)(d,{title:e,description:n,period:y,onPeriodChange:b,periods:x,onRefresh:_,loading:v,quickActions:u}),r&&r.length>0&&(0,c.jsx)(f,{stats:r,layout:S,columns:C,loading:v}),i&&i.length>0&&(0,c.jsx)(`div`,{className:`grid gap-6 md:grid-cols-2`,children:i.map(e=>(0,c.jsx)(p,{config:e},e.id))}),(0,c.jsxs)(`div`,{className:`grid gap-6 lg:grid-cols-3`,children:[a&&a.length>0&&(0,c.jsx)(`div`,{className:t.cn(`space-y-6`,s?`lg:col-span-2`:`lg:col-span-3`),children:a.map(e=>(0,c.jsx)(m,{config:e},e.id))}),s&&s.length>0&&(0,c.jsx)(`div`,{className:t.cn(!a||a.length===0?`lg:col-span-3`:``),children:(0,c.jsx)(h,{activities:s})})]})]})})}var _=[{id:`revenue`,label:`Revenus`,value:`€45,231.89`,trend:`up`,trendValue:`+20.1%`,trendText:`vs mois dernier`,icon:(0,c.jsx)(s.DollarSign,{className:`h-5 w-5`}),color:`success`},{id:`users`,label:`Utilisateurs`,value:`2,350`,trend:`up`,trendValue:`+180`,trendText:`cette semaine`,icon:(0,c.jsx)(s.Users,{className:`h-5 w-5`}),color:`blue`},{id:`orders`,label:`Commandes`,value:`12,234`,trend:`down`,trendValue:`-4.3%`,trendText:`vs mois dernier`,icon:(0,c.jsx)(s.ShoppingCart,{className:`h-5 w-5`}),color:`purple`},{id:`performance`,label:`Performance`,value:`94.2%`,trend:`up`,trendValue:`+2.4%`,icon:(0,c.jsx)(s.Activity,{className:`h-5 w-5`}),color:`primary`}];exports.default=g,exports.defaultDashboardStats=_;