@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/cloud-cost-dashboard/index.es.js

@@ -0,0 +1,593 @@
+"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 { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "../../components/select/index.es.js";
+import { Progress as f } from "../../components/progress/index.es.js";
+import { ScrollArea as p } from "../../components/scroll-area/index.es.js";
+import * as m from "react";
+import { AlertTriangle as h, ArrowDownRight as g, ArrowUpRight as _, BarChart3 as v, Calendar as y, Cloud as b, Cpu as x, Database as S, DollarSign as C, Download as w, HardDrive as T, Network as E, PieChart as D, RefreshCw as O, Shield as k, TrendingDown as A, TrendingUp as j, Zap as M } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+//#region src/blocks/cloud-cost-dashboard/index.tsx
+var I = {
+	compute: {
+		icon: x,
+		color: "text-blue-500",
+		label: "Compute"
+	},
+	storage: {
+		icon: T,
+		color: "text-green-500",
+		label: "Storage"
+	},
+	database: {
+		icon: S,
+		color: "text-purple-500",
+		label: "Database"
+	},
+	network: {
+		icon: E,
+		color: "text-cyan-500",
+		label: "Network"
+	},
+	security: {
+		icon: k,
+		color: "text-red-500",
+		label: "Security"
+	},
+	other: {
+		icon: b,
+		color: "text-gray-500",
+		label: "Other"
+	}
+}, L = {
+	aws: {
+		label: "AWS",
+		color: "text-orange-500"
+	},
+	gcp: {
+		label: "GCP",
+		color: "text-blue-500"
+	},
+	azure: {
+		label: "Azure",
+		color: "text-cyan-500"
+	},
+	all: {
+		label: "All Providers",
+		color: "text-gray-500"
+	}
+};
+function R(e) {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: "USD",
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 0
+	}).format(e);
+}
+function z(e) {
+	return `${e >= 0 ? "+" : ""}${e.toFixed(1)}%`;
+}
+function B({ title: n, value: a, previousValue: o, icon: s, trend: c, budget: l, forecast: u }) {
+	let d = o === void 0 ? c : (a - o) / o * 100, p = l !== void 0 && a > l, m = l === void 0 ? void 0 : a / l * 100;
+	return /* @__PURE__ */ P(r, {
+		className: e(p && "border-red-500/50"),
+		children: /* @__PURE__ */ F(i, {
+			className: "p-4",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ P("div", {
+						className: "p-2 rounded-lg bg-muted",
+						children: /* @__PURE__ */ P(s, { className: "h-5 w-5 text-muted-foreground" })
+					}), d !== void 0 && /* @__PURE__ */ F(t, {
+						variant: "outline",
+						className: e(d > 0 ? "text-red-500" : "text-green-500"),
+						children: [P(d > 0 ? _ : g, { className: "h-3 w-3 mr-1" }), z(Math.abs(d))]
+					})]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "mt-3",
+					children: [/* @__PURE__ */ P("div", {
+						className: "text-2xl font-bold",
+						children: R(a)
+					}), /* @__PURE__ */ P("div", {
+						className: "text-sm text-muted-foreground",
+						children: n
+					})]
+				}),
+				m !== void 0 && /* @__PURE__ */ F("div", {
+					className: "mt-3",
+					children: [/* @__PURE__ */ F("div", {
+						className: "flex items-center justify-between text-xs mb-1",
+						children: [/* @__PURE__ */ P("span", {
+							className: "text-muted-foreground",
+							children: "Budget"
+						}), /* @__PURE__ */ F("span", {
+							className: e(p && "text-red-500"),
+							children: [
+								R(a),
+								" / ",
+								R(l)
+							]
+						})]
+					}), /* @__PURE__ */ P(f, {
+						value: Math.min(m, 100),
+						className: e("h-2", m > 100 && "[&>div]:bg-red-500", m > 80 && m <= 100 && "[&>div]:bg-yellow-500")
+					})]
+				}),
+				u !== void 0 && /* @__PURE__ */ F("div", {
+					className: "mt-2 text-xs text-muted-foreground",
+					children: ["Forecast: ", R(u)]
+				})
+			]
+		})
+	});
+}
+function V({ data: t }) {
+	let n = Object.values(t).reduce((e, t) => e + t, 0), s = Object.entries(t).sort(([, e], [, t]) => t - e).filter(([, e]) => e > 0);
+	return /* @__PURE__ */ F(r, { children: [/* @__PURE__ */ P(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ F(o, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ P(D, { className: "h-4 w-4" }), "Cost by Category"]
+		})
+	}), /* @__PURE__ */ P(i, {
+		className: "space-y-3",
+		children: s.map(([t, r]) => {
+			let i = I[t], a = i.icon, o = r / n * 100;
+			return /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between mb-1",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ P(a, { className: e("h-4 w-4", i.color) }), /* @__PURE__ */ P("span", {
+						className: "text-sm",
+						children: i.label
+					})]
+				}), /* @__PURE__ */ F("div", {
+					className: "text-sm font-medium",
+					children: [R(r), /* @__PURE__ */ F("span", {
+						className: "text-muted-foreground ml-1",
+						children: [
+							"(",
+							o.toFixed(0),
+							"%)"
+						]
+					})]
+				})]
+			}), /* @__PURE__ */ P(f, {
+				value: o,
+				className: "h-2"
+			})] }, t);
+		})
+	})] });
+}
+function H({ data: t }) {
+	let n = Object.values(t).reduce((e, t) => e + t, 0), s = Object.entries(t).filter(([e]) => e !== "all").sort(([, e], [, t]) => t - e).filter(([, e]) => e > 0);
+	return /* @__PURE__ */ F(r, { children: [/* @__PURE__ */ P(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ F(o, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ P(b, { className: "h-4 w-4" }), "Cost by Provider"]
+		})
+	}), /* @__PURE__ */ P(i, {
+		className: "space-y-3",
+		children: s.map(([t, r]) => {
+			let i = L[t], a = r / n * 100;
+			return /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between mb-1",
+				children: [/* @__PURE__ */ P("span", {
+					className: e("text-sm font-medium", i.color),
+					children: i.label
+				}), /* @__PURE__ */ F("div", {
+					className: "text-sm font-medium",
+					children: [R(r), /* @__PURE__ */ F("span", {
+						className: "text-muted-foreground ml-1",
+						children: [
+							"(",
+							a.toFixed(0),
+							"%)"
+						]
+					})]
+				})]
+			}), /* @__PURE__ */ P(f, {
+				value: a,
+				className: "h-2"
+			})] }, t);
+		})
+	})] });
+}
+function U({ items: t }) {
+	return /* @__PURE__ */ F(r, { children: [/* @__PURE__ */ P(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ F(o, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ P(v, { className: "h-4 w-4" }), "Top Services by Cost"]
+		})
+	}), /* @__PURE__ */ P(i, { children: /* @__PURE__ */ P(p, {
+		className: "h-[300px]",
+		children: /* @__PURE__ */ P("div", {
+			className: "space-y-2",
+			children: t.map((t, n) => {
+				let r = I[t.category], i = r.icon, a = L[t.provider], o = t.previousCost === void 0 ? t.trend : (t.cost - t.previousCost) / t.previousCost * 100;
+				return /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-3 p-2 rounded-lg hover:bg-muted/50 transition-colors",
+					children: [
+						/* @__PURE__ */ P("div", {
+							className: "text-lg font-bold text-muted-foreground w-6 text-center",
+							children: n + 1
+						}),
+						/* @__PURE__ */ P("div", {
+							className: e("p-1.5 rounded", `${r.color.replace("text-", "bg-")}/10`),
+							children: /* @__PURE__ */ P(i, { className: e("h-4 w-4", r.color) })
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ P("div", {
+								className: "font-medium truncate",
+								children: t.name
+							}), /* @__PURE__ */ F("div", {
+								className: "text-xs text-muted-foreground flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ P("span", {
+										className: a.color,
+										children: a.label
+									}),
+									/* @__PURE__ */ P("span", { children: "•" }),
+									/* @__PURE__ */ P("span", { children: r.label }),
+									t.usage !== void 0 && t.unit && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("span", { children: "•" }), /* @__PURE__ */ F("span", { children: [
+										t.usage,
+										" ",
+										t.unit
+									] })] })
+								]
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "text-right shrink-0",
+							children: [/* @__PURE__ */ P("div", {
+								className: "font-semibold",
+								children: R(t.cost)
+							}), o !== void 0 && /* @__PURE__ */ F("div", {
+								className: e("text-xs flex items-center justify-end gap-0.5", o > 0 ? "text-red-500" : "text-green-500"),
+								children: [P(o > 0 ? j : A, { className: "h-3 w-3" }), z(Math.abs(o))]
+							})]
+						})
+					]
+				}, t.id);
+			})
+		})
+	}) })] });
+}
+function W({ anomalies: n, onAcknowledge: s }) {
+	let c = n.filter((e) => e.status === "new");
+	return /* @__PURE__ */ F(r, {
+		className: e(c.length > 0 && "border-yellow-500/50"),
+		children: [/* @__PURE__ */ P(a, {
+			className: "pb-2",
+			children: /* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ F(o, {
+					className: "text-base flex items-center gap-2",
+					children: [/* @__PURE__ */ P(h, { className: "h-4 w-4 text-yellow-500" }), "Cost Anomalies"]
+				}), c.length > 0 && /* @__PURE__ */ F(t, {
+					className: "bg-yellow-500",
+					children: [c.length, " new"]
+				})]
+			})
+		}), /* @__PURE__ */ P(i, { children: n.length === 0 ? /* @__PURE__ */ F("div", {
+			className: "text-center text-muted-foreground py-4",
+			children: [/* @__PURE__ */ P(M, { className: "h-8 w-8 mx-auto mb-2 text-green-500" }), /* @__PURE__ */ P("p", { children: "No anomalies detected" })]
+		}) : /* @__PURE__ */ P("div", {
+			className: "space-y-2",
+			children: n.slice(0, 5).map((n) => /* @__PURE__ */ F("div", {
+				className: e("flex items-center gap-3 p-2 rounded-lg", n.status === "new" && "bg-yellow-500/10"),
+				children: [
+					/* @__PURE__ */ P(h, { className: e("h-4 w-4 shrink-0", n.deviation > 100 ? "text-red-500" : "text-yellow-500") }),
+					/* @__PURE__ */ F("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ P("div", {
+							className: "font-medium truncate",
+							children: n.service
+						}), /* @__PURE__ */ F("div", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Expected ",
+								R(n.expectedCost),
+								" • Actual ",
+								R(n.actualCost)
+							]
+						})]
+					}),
+					/* @__PURE__ */ F(t, {
+						variant: "outline",
+						className: "text-red-500 shrink-0",
+						children: [
+							"+",
+							n.deviation.toFixed(0),
+							"%"
+						]
+					})
+				]
+			}, n.id))
+		}) })]
+	});
+}
+function G({ summary: t, items: i, anomalies: f = [], timeRange: p = "month", onTimeRangeChange: h, onProviderFilter: g, onExport: _, onRefresh: v, className: S }) {
+	let [E, D] = m.useState("all"), k = (e) => {
+		D(e), g?.(e);
+	}, A = m.useMemo(() => E === "all" ? i : i.filter((e) => e.provider === E), [i, E]);
+	return t.previousTotalCost !== void 0 && (t.totalCost - t.previousTotalCost) / t.previousTotalCost * 100, /* @__PURE__ */ F("div", {
+		className: e("space-y-6", S),
+		children: [
+			/* @__PURE__ */ P(r, { children: /* @__PURE__ */ P(a, { children: /* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ P(C, { className: "h-6 w-6" }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(o, { children: "Cloud Cost Dashboard" }), /* @__PURE__ */ P("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Monitor and optimize your cloud spending"
+					})] })]
+				}), /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ F(s, {
+							value: p,
+							onValueChange: (e) => h?.(e),
+							children: [/* @__PURE__ */ F(u, {
+								className: "w-32",
+								children: [/* @__PURE__ */ P(y, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ P(d, {})]
+							}), /* @__PURE__ */ F(c, { children: [
+								/* @__PURE__ */ P(l, {
+									value: "day",
+									children: "Today"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "week",
+									children: "This Week"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "month",
+									children: "This Month"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "quarter",
+									children: "This Quarter"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "year",
+									children: "This Year"
+								})
+							] })]
+						}),
+						/* @__PURE__ */ F(s, {
+							value: E,
+							onValueChange: (e) => k(e),
+							children: [/* @__PURE__ */ F(u, {
+								className: "w-32",
+								children: [/* @__PURE__ */ P(b, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ P(d, {})]
+							}), /* @__PURE__ */ F(c, { children: [
+								/* @__PURE__ */ P(l, {
+									value: "all",
+									children: "All Providers"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "aws",
+									children: "AWS"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "gcp",
+									children: "GCP"
+								}),
+								/* @__PURE__ */ P(l, {
+									value: "azure",
+									children: "Azure"
+								})
+							] })]
+						}),
+						v && /* @__PURE__ */ P(n, {
+							variant: "outline",
+							size: "icon",
+							onClick: v,
+							children: /* @__PURE__ */ P(O, { className: "h-4 w-4" })
+						}),
+						_ && /* @__PURE__ */ F(n, {
+							variant: "outline",
+							onClick: _,
+							children: [/* @__PURE__ */ P(w, { className: "h-4 w-4 mr-1" }), "Export"]
+						})
+					]
+				})]
+			}) }) }),
+			/* @__PURE__ */ F("div", {
+				className: "grid grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ P(B, {
+						title: "Total Cost",
+						value: t.totalCost,
+						previousValue: t.previousTotalCost,
+						icon: C,
+						budget: t.budget
+					}),
+					/* @__PURE__ */ P(B, {
+						title: "Compute",
+						value: t.byCategory.compute,
+						icon: x,
+						trend: -5.2
+					}),
+					/* @__PURE__ */ P(B, {
+						title: "Storage",
+						value: t.byCategory.storage,
+						icon: T,
+						trend: 12.3
+					}),
+					/* @__PURE__ */ P(B, {
+						title: "Forecast (EOM)",
+						value: t.forecast || t.totalCost * 1.1,
+						icon: j,
+						budget: t.budget
+					})
+				]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "grid grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ P("div", {
+					className: "col-span-2 space-y-6",
+					children: /* @__PURE__ */ P(U, { items: A.slice(0, 10) })
+				}), /* @__PURE__ */ F("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ P(V, { data: t.byCategory }),
+						/* @__PURE__ */ P(H, { data: t.byProvider }),
+						/* @__PURE__ */ P(W, { anomalies: f })
+					]
+				})]
+			})
+		]
+	});
+}
+var K = {
+	totalCost: 45230,
+	previousTotalCost: 42100,
+	budget: 5e4,
+	forecast: 48500,
+	byProvider: {
+		aws: 28500,
+		gcp: 12300,
+		azure: 4430,
+		all: 45230
+	},
+	byCategory: {
+		compute: 22e3,
+		storage: 8500,
+		database: 7200,
+		network: 4100,
+		security: 1800,
+		other: 1630
+	},
+	topServices: []
+}, q = [
+	{
+		id: "1",
+		name: "EC2 Instances",
+		category: "compute",
+		provider: "aws",
+		cost: 12500,
+		previousCost: 11800,
+		usage: 450,
+		unit: "hours"
+	},
+	{
+		id: "2",
+		name: "RDS PostgreSQL",
+		category: "database",
+		provider: "aws",
+		cost: 4200,
+		previousCost: 4e3
+	},
+	{
+		id: "3",
+		name: "S3 Storage",
+		category: "storage",
+		provider: "aws",
+		cost: 3800,
+		previousCost: 3200,
+		usage: 12,
+		unit: "TB"
+	},
+	{
+		id: "4",
+		name: "GKE Clusters",
+		category: "compute",
+		provider: "gcp",
+		cost: 6500,
+		previousCost: 6800
+	},
+	{
+		id: "5",
+		name: "Cloud SQL",
+		category: "database",
+		provider: "gcp",
+		cost: 2800,
+		previousCost: 2600
+	},
+	{
+		id: "6",
+		name: "BigQuery",
+		category: "database",
+		provider: "gcp",
+		cost: 1800,
+		previousCost: 1500,
+		usage: 45,
+		unit: "TB scanned"
+	},
+	{
+		id: "7",
+		name: "Azure VMs",
+		category: "compute",
+		provider: "azure",
+		cost: 2400,
+		previousCost: 2200
+	},
+	{
+		id: "8",
+		name: "Blob Storage",
+		category: "storage",
+		provider: "azure",
+		cost: 1200,
+		previousCost: 1100
+	},
+	{
+		id: "9",
+		name: "CloudFront CDN",
+		category: "network",
+		provider: "aws",
+		cost: 2100,
+		previousCost: 1900,
+		usage: 85,
+		unit: "TB"
+	},
+	{
+		id: "10",
+		name: "Lambda Functions",
+		category: "compute",
+		provider: "aws",
+		cost: 850,
+		previousCost: 720,
+		usage: 12e6,
+		unit: "invocations"
+	}
+], J = [
+	{
+		id: "1",
+		service: "EC2 Spot Instances",
+		expectedCost: 500,
+		actualCost: 1250,
+		deviation: 150,
+		timestamp: /* @__PURE__ */ new Date(),
+		status: "new"
+	},
+	{
+		id: "2",
+		service: "Data Transfer",
+		expectedCost: 800,
+		actualCost: 1400,
+		deviation: 75,
+		timestamp: /* @__PURE__ */ new Date(Date.now() - 36e5),
+		status: "new"
+	},
+	{
+		id: "3",
+		service: "Lambda",
+		expectedCost: 200,
+		actualCost: 320,
+		deviation: 60,
+		timestamp: /* @__PURE__ */ new Date(Date.now() - 72e5),
+		status: "acknowledged"
+	}
+];
+//#endregion
+export { G as CloudCostDashboard, q as defaultCloudCostItems, K as defaultCloudCostSummary, J as defaultCostAnomalies };

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