@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/blocks/database-admin/index.es.js

@@ -0,0 +1,662 @@
+"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 } from "../../components/select/index.es.js";
+import { Progress as d } from "../../components/progress/index.es.js";
+import { ScrollArea as f } from "../../components/scroll-area/index.es.js";
+import { Tabs as p, TabsContent as m, TabsList as h, TabsTrigger as g } from "../../components/tabs/index.es.js";
+import { Textarea as _ } from "../../components/textarea/index.es.js";
+import * as v from "react";
+import { Activity as y, AlertTriangle as b, CheckCircle2 as x, Clock as S, Copy as C, Database as w, Download as T, HardDrive as E, History as D, Play as O, RefreshCw as k, RotateCcw as A, Terminal as j, Upload as M, Users as N, XCircle as P, Zap as F } from "lucide-react";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+//#region src/blocks/database-admin/index.tsx
+var R = {
+	healthy: {
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Healthy"
+	},
+	warning: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Warning"
+	},
+	critical: {
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Critical"
+	},
+	offline: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Offline"
+	}
+}, z = {
+	active: {
+		color: "text-green-500",
+		label: "Active"
+	},
+	idle: {
+		color: "text-gray-500",
+		label: "Idle"
+	},
+	idle_in_transaction: {
+		color: "text-yellow-500",
+		label: "Idle in Transaction"
+	},
+	waiting: {
+		color: "text-orange-500",
+		label: "Waiting"
+	}
+};
+function B(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 V(e) {
+	return e < 60 ? `${e.toFixed(0)}s` : e < 3600 ? `${Math.floor(e / 60)}m ${Math.floor(e % 60)}s` : `${Math.floor(e / 3600)}h ${Math.floor(e % 3600 / 60)}m`;
+}
+function H(e) {
+	return e < 1 ? `${(e * 1e3).toFixed(0)}µs` : e < 1e3 ? `${e.toFixed(2)}ms` : `${(e / 1e3).toFixed(2)}s`;
+}
+function U({ metrics: n, status: a }) {
+	let o = R[a], s = n.connections.active / n.connections.max * 100, c = n.storage.used / n.storage.total * 100;
+	return /* @__PURE__ */ L("div", {
+		className: "grid grid-cols-4 gap-4",
+		children: [
+			/* @__PURE__ */ I(r, { children: /* @__PURE__ */ L(i, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ L("div", {
+						className: "flex items-center justify-between mb-2",
+						children: [/* @__PURE__ */ I(N, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { className: e("w-2 h-2 rounded-full", o.bgColor) })]
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-2xl font-bold",
+						children: n.connections.active
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-sm text-muted-foreground",
+						children: "Active Connections"
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "mt-2",
+						children: [/* @__PURE__ */ L("div", {
+							className: "flex justify-between text-xs mb-1",
+							children: [/* @__PURE__ */ L("span", { children: [n.connections.idle, " idle"] }), /* @__PURE__ */ L("span", { children: ["max ", n.connections.max] })]
+						}), /* @__PURE__ */ I(d, {
+							value: s,
+							className: e("h-1.5", s > 80 && "[&>div]:bg-red-500")
+						})]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ I(r, { children: /* @__PURE__ */ L(i, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ L("div", {
+						className: "flex items-center justify-between mb-2",
+						children: [/* @__PURE__ */ I(F, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ L(t, {
+							variant: "secondary",
+							className: "text-xs",
+							children: [n.transactions.perSecond, "/s"]
+						})]
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-2xl font-bold",
+						children: n.transactions.committed
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-sm text-muted-foreground",
+						children: "Transactions"
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "mt-2 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ I("span", {
+							className: "text-red-500",
+							children: n.transactions.rolledBack
+						}), " rolled back"]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ I(r, { children: /* @__PURE__ */ L(i, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ I("div", {
+						className: "flex items-center justify-between mb-2",
+						children: /* @__PURE__ */ I(y, { className: "h-4 w-4 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ L("div", {
+						className: e("text-2xl font-bold", n.cache.hitRatio < 90 && "text-yellow-500", n.cache.hitRatio < 80 && "text-red-500"),
+						children: [n.cache.hitRatio.toFixed(1), "%"]
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-sm text-muted-foreground",
+						children: "Cache Hit Ratio"
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "mt-2 text-xs text-muted-foreground",
+						children: [
+							"Buffer: ",
+							n.cache.bufferHit,
+							" • Disk: ",
+							n.cache.diskRead
+						]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ I(r, { children: /* @__PURE__ */ L(i, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ I("div", {
+						className: "flex items-center justify-between mb-2",
+						children: /* @__PURE__ */ I(E, { className: "h-4 w-4 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-2xl font-bold",
+						children: B(n.storage.used)
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-sm text-muted-foreground",
+						children: "Storage Used"
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "mt-2",
+						children: [/* @__PURE__ */ I(d, {
+							value: c,
+							className: e("h-1.5", c > 80 && "[&>div]:bg-red-500")
+						}), /* @__PURE__ */ L("div", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: ["of ", B(n.storage.total)]
+						})]
+					})
+				]
+			}) })
+		]
+	});
+}
+function W({ connections: s, onKill: c }) {
+	return /* @__PURE__ */ L(r, { children: [/* @__PURE__ */ I(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ L("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ L(o, {
+				className: "text-base flex items-center gap-2",
+				children: [/* @__PURE__ */ I(N, { className: "h-4 w-4" }), "Active Connections"]
+			}), /* @__PURE__ */ I(t, {
+				variant: "secondary",
+				children: s.length
+			})]
+		})
+	}), /* @__PURE__ */ I(i, { children: /* @__PURE__ */ I(f, {
+		className: "h-[300px]",
+		children: /* @__PURE__ */ I("div", {
+			className: "space-y-2",
+			children: s.map((r) => {
+				let i = z[r.state];
+				return /* @__PURE__ */ L("div", {
+					className: e("flex items-center gap-3 p-2 rounded-lg border", r.state === "idle_in_transaction" && "border-yellow-500/30", r.duration > 60 && "bg-yellow-500/5"),
+					children: [
+						/* @__PURE__ */ L("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ L("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ I("span", {
+										className: "font-medium",
+										children: r.user
+									}),
+									/* @__PURE__ */ I(t, {
+										variant: "outline",
+										className: e("text-xs", i.color),
+										children: i.label
+									}),
+									/* @__PURE__ */ L("span", {
+										className: "text-xs text-muted-foreground",
+										children: ["@ ", r.database]
+									})
+								]
+							}), r.query && /* @__PURE__ */ I("code", {
+								className: "text-xs text-muted-foreground block truncate mt-1",
+								children: r.query
+							})]
+						}),
+						/* @__PURE__ */ L("div", {
+							className: "text-right shrink-0",
+							children: [/* @__PURE__ */ I("div", {
+								className: e("text-sm font-medium", r.duration > 60 && "text-yellow-500", r.duration > 300 && "text-red-500"),
+								children: V(r.duration)
+							}), /* @__PURE__ */ I("div", {
+								className: "text-xs text-muted-foreground",
+								children: r.client
+							})]
+						}),
+						c && r.state !== "idle" && /* @__PURE__ */ I(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-8 w-8 p-0 text-red-500",
+							onClick: () => c(r),
+							children: /* @__PURE__ */ I(P, { className: "h-4 w-4" })
+						})
+					]
+				}, r.id);
+			})
+		})
+	}) })] });
+}
+function G({ backups: e, onRestore: s, onCreate: c }) {
+	return /* @__PURE__ */ L(r, { children: [/* @__PURE__ */ I(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ L("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ L(o, {
+				className: "text-base flex items-center gap-2",
+				children: [/* @__PURE__ */ I(T, { className: "h-4 w-4" }), "Backups"]
+			}), c && /* @__PURE__ */ L(n, {
+				size: "sm",
+				onClick: c,
+				children: [/* @__PURE__ */ I(M, { className: "h-4 w-4 mr-1" }), "Create Backup"]
+			})]
+		})
+	}), /* @__PURE__ */ I(i, { children: /* @__PURE__ */ I(f, {
+		className: "h-[200px]",
+		children: /* @__PURE__ */ I("div", {
+			className: "space-y-2",
+			children: e.map((e) => /* @__PURE__ */ L("div", {
+				className: "flex items-center gap-3 p-2 rounded-lg border",
+				children: [
+					e.status === "completed" ? /* @__PURE__ */ I(x, { className: "h-4 w-4 text-green-500 shrink-0" }) : e.status === "failed" ? /* @__PURE__ */ I(P, { className: "h-4 w-4 text-red-500 shrink-0" }) : e.status === "running" ? /* @__PURE__ */ I(k, { className: "h-4 w-4 text-blue-500 animate-spin shrink-0" }) : /* @__PURE__ */ I(S, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+					/* @__PURE__ */ L("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ L("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I("span", {
+								className: "font-medium",
+								children: e.name
+							}), /* @__PURE__ */ I(t, {
+								variant: "outline",
+								className: "text-xs",
+								children: e.type
+							})]
+						}), /* @__PURE__ */ L("div", {
+							className: "text-xs text-muted-foreground",
+							children: [e.startedAt.toLocaleString(), e.duration && ` • ${V(e.duration)}`]
+						})]
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "text-right shrink-0",
+						children: e.size && /* @__PURE__ */ I("div", {
+							className: "text-sm font-medium",
+							children: B(e.size)
+						})
+					}),
+					s && e.status === "completed" && /* @__PURE__ */ I(n, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => s(e),
+						children: /* @__PURE__ */ I(A, { className: "h-4 w-4" })
+					})
+				]
+			}, e.id))
+		})
+	}) })] });
+}
+function K({ queries: e }) {
+	let [t, s] = v.useState(null), c = (e) => {
+		navigator.clipboard.writeText(e.query), s(e.id), setTimeout(() => s(null), 2e3);
+	};
+	return /* @__PURE__ */ L(r, { children: [/* @__PURE__ */ I(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ L(o, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ I(b, { className: "h-4 w-4 text-yellow-500" }), "Slow Queries"]
+		})
+	}), /* @__PURE__ */ I(i, { children: /* @__PURE__ */ I(f, {
+		className: "h-[300px]",
+		children: /* @__PURE__ */ I("div", {
+			className: "space-y-2",
+			children: e.map((e) => /* @__PURE__ */ L("div", {
+				className: "p-2 rounded-lg border bg-muted/30",
+				children: [/* @__PURE__ */ L("div", {
+					className: "flex items-start justify-between gap-2",
+					children: [/* @__PURE__ */ I("code", {
+						className: "text-xs font-mono line-clamp-2 flex-1",
+						children: e.query
+					}), /* @__PURE__ */ I(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-6 w-6 p-0 shrink-0",
+						onClick: () => c(e),
+						children: t === e.id ? /* @__PURE__ */ I(x, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ I(C, { className: "h-3 w-3" })
+					})]
+				}), /* @__PURE__ */ L("div", {
+					className: "flex items-center gap-4 mt-2 text-xs text-muted-foreground",
+					children: [
+						/* @__PURE__ */ L("span", { children: ["Calls: ", /* @__PURE__ */ I("strong", { children: e.calls })] }),
+						/* @__PURE__ */ L("span", { children: ["Mean: ", /* @__PURE__ */ I("strong", {
+							className: "text-yellow-500",
+							children: H(e.meanTime)
+						})] }),
+						/* @__PURE__ */ L("span", { children: ["Max: ", /* @__PURE__ */ I("strong", {
+							className: "text-red-500",
+							children: H(e.maxTime)
+						})] }),
+						/* @__PURE__ */ L("span", { children: ["Total: ", /* @__PURE__ */ I("strong", { children: H(e.totalTime) })] }),
+						/* @__PURE__ */ L("span", { children: ["Rows: ", /* @__PURE__ */ I("strong", { children: e.rows })] })
+					]
+				})]
+			}, e.id))
+		})
+	}) })] });
+}
+function q({ onExecute: e }) {
+	let [t, d] = v.useState(""), [f, p] = v.useState([]);
+	return /* @__PURE__ */ L(r, { children: [/* @__PURE__ */ I(a, {
+		className: "pb-2",
+		children: /* @__PURE__ */ L(o, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ I(j, { className: "h-4 w-4" }), "Query Editor"]
+		})
+	}), /* @__PURE__ */ L(i, {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ I(_, {
+			value: t,
+			onChange: (e) => d(e.target.value),
+			placeholder: "SELECT * FROM users LIMIT 10;",
+			className: "font-mono text-sm min-h-[120px]"
+		}), /* @__PURE__ */ L("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-2",
+				children: f.length > 0 && /* @__PURE__ */ L(s, {
+					onValueChange: (e) => d(e),
+					children: [/* @__PURE__ */ L(u, {
+						className: "w-40",
+						children: [/* @__PURE__ */ I(D, { className: "h-4 w-4 mr-2" }), "History"]
+					}), /* @__PURE__ */ I(c, { children: f.map((e, t) => /* @__PURE__ */ I(l, {
+						value: e,
+						children: /* @__PURE__ */ I("span", {
+							className: "truncate max-w-[300px]",
+							children: e
+						})
+					}, t)) })]
+				})
+			}), /* @__PURE__ */ L(n, {
+				onClick: () => {
+					t.trim() && (e?.(t), p((e) => [t, ...e.slice(0, 9)]));
+				},
+				disabled: !t.trim(),
+				children: [/* @__PURE__ */ I(O, { className: "h-4 w-4 mr-1" }), "Execute"]
+			})]
+		})]
+	})] });
+}
+function J({ instance: i, onExecuteQuery: s, onCreateBackup: c, onRestoreBackup: l, onKillConnection: u, onRefresh: d, className: f }) {
+	let _ = R[i.status];
+	return /* @__PURE__ */ L("div", {
+		className: e("space-y-6", f),
+		children: [
+			/* @__PURE__ */ I(r, { children: /* @__PURE__ */ I(a, { children: /* @__PURE__ */ L("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ L("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ I(w, { className: "h-6 w-6" }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ I(o, { children: i.name }),
+							/* @__PURE__ */ I(t, {
+								className: e("text-white", _.bgColor),
+								children: _.label
+							}),
+							/* @__PURE__ */ I(t, {
+								variant: "outline",
+								children: i.role
+							})
+						]
+					}), /* @__PURE__ */ L("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							i.type,
+							" ",
+							i.version,
+							" • ",
+							i.host,
+							":",
+							i.port
+						]
+					})] })]
+				}), /* @__PURE__ */ L("div", {
+					className: "flex items-center gap-2",
+					children: [i.metrics.replication && /* @__PURE__ */ L(t, {
+						variant: "outline",
+						className: e(i.metrics.replication.lag > 1e3 ? "text-red-500" : i.metrics.replication.lag > 100 ? "text-yellow-500" : "text-green-500"),
+						children: [
+							"Replication: ",
+							H(i.metrics.replication.lag),
+							" lag"
+						]
+					}), d && /* @__PURE__ */ I(n, {
+						variant: "outline",
+						onClick: d,
+						children: /* @__PURE__ */ I(k, { className: "h-4 w-4" })
+					})]
+				})]
+			}) }) }),
+			/* @__PURE__ */ I(U, {
+				metrics: i.metrics,
+				status: i.status
+			}),
+			/* @__PURE__ */ L(p, {
+				defaultValue: "connections",
+				children: [
+					/* @__PURE__ */ L(h, { children: [
+						/* @__PURE__ */ L(g, {
+							value: "connections",
+							children: [/* @__PURE__ */ I(N, { className: "h-4 w-4 mr-1" }), "Connections"]
+						}),
+						/* @__PURE__ */ L(g, {
+							value: "queries",
+							children: [/* @__PURE__ */ I(j, { className: "h-4 w-4 mr-1" }), "Query"]
+						}),
+						/* @__PURE__ */ L(g, {
+							value: "slow",
+							children: [/* @__PURE__ */ I(b, { className: "h-4 w-4 mr-1" }), "Slow Queries"]
+						}),
+						/* @__PURE__ */ L(g, {
+							value: "backups",
+							children: [/* @__PURE__ */ I(T, { className: "h-4 w-4 mr-1" }), "Backups"]
+						})
+					] }),
+					/* @__PURE__ */ I(m, {
+						value: "connections",
+						className: "mt-4",
+						children: /* @__PURE__ */ I(W, {
+							connections: i.connections,
+							onKill: u
+						})
+					}),
+					/* @__PURE__ */ I(m, {
+						value: "queries",
+						className: "mt-4",
+						children: /* @__PURE__ */ I(q, { onExecute: s })
+					}),
+					/* @__PURE__ */ I(m, {
+						value: "slow",
+						className: "mt-4",
+						children: /* @__PURE__ */ I(K, { queries: i.slowQueries })
+					}),
+					/* @__PURE__ */ I(m, {
+						value: "backups",
+						className: "mt-4",
+						children: /* @__PURE__ */ I(G, {
+							backups: i.backups,
+							onRestore: l,
+							onCreate: c
+						})
+					})
+				]
+			})
+		]
+	});
+}
+var Y = {
+	id: "1",
+	name: "production-db",
+	type: "postgresql",
+	version: "15.4",
+	host: "db.example.com",
+	port: 5432,
+	status: "healthy",
+	role: "primary",
+	metrics: {
+		connections: {
+			active: 45,
+			idle: 25,
+			max: 100
+		},
+		transactions: {
+			committed: 125e3,
+			rolledBack: 15,
+			perSecond: 250
+		},
+		cache: {
+			hitRatio: 98.5,
+			bufferHit: 15e3,
+			diskRead: 250
+		},
+		storage: {
+			used: 85 * 1024 * 1024 * 1024,
+			total: 200 * 1024 * 1024 * 1024,
+			tablespace: 75 * 1024 * 1024 * 1024,
+			indexes: 10 * 1024 * 1024 * 1024
+		},
+		replication: {
+			lag: 25,
+			state: "streaming",
+			replicas: 2
+		}
+	},
+	connections: [
+		{
+			id: "1",
+			user: "api_user",
+			database: "production",
+			state: "active",
+			query: "SELECT * FROM users WHERE id = $1",
+			duration: .5,
+			client: "192.168.1.10"
+		},
+		{
+			id: "2",
+			user: "api_user",
+			database: "production",
+			state: "active",
+			query: "UPDATE orders SET status = $1 WHERE id = $2",
+			duration: 1.2,
+			client: "192.168.1.11"
+		},
+		{
+			id: "3",
+			user: "analytics",
+			database: "production",
+			state: "idle_in_transaction",
+			query: "SELECT COUNT(*) FROM events WHERE...",
+			duration: 125,
+			client: "192.168.1.20"
+		},
+		{
+			id: "4",
+			user: "admin",
+			database: "production",
+			state: "idle",
+			duration: 300,
+			client: "192.168.1.5"
+		},
+		{
+			id: "5",
+			user: "api_user",
+			database: "production",
+			state: "active",
+			duration: .1,
+			client: "192.168.1.12"
+		}
+	],
+	backups: [
+		{
+			id: "1",
+			name: "daily-backup-20240110",
+			type: "full",
+			status: "completed",
+			size: 45 * 1024 * 1024 * 1024,
+			startedAt: /* @__PURE__ */ new Date(Date.now() - 4 * 36e5),
+			completedAt: /* @__PURE__ */ new Date(Date.now() - 2 * 36e5),
+			duration: 7200
+		},
+		{
+			id: "2",
+			name: "hourly-backup-20240110-12",
+			type: "incremental",
+			status: "completed",
+			size: 250 * 1024 * 1024,
+			startedAt: /* @__PURE__ */ new Date(Date.now() - 1 * 36e5),
+			completedAt: /* @__PURE__ */ new Date(Date.now() - 50 * 6e4),
+			duration: 600
+		},
+		{
+			id: "3",
+			name: "hourly-backup-20240110-13",
+			type: "incremental",
+			status: "running",
+			startedAt: /* @__PURE__ */ new Date(Date.now() - 5 * 6e4)
+		},
+		{
+			id: "4",
+			name: "daily-backup-20240111",
+			type: "full",
+			status: "scheduled",
+			startedAt: new Date(Date.now() + 8 * 36e5)
+		}
+	],
+	slowQueries: [
+		{
+			id: "1",
+			query: "SELECT * FROM orders o JOIN order_items oi ON o.id = oi.order_id WHERE o.created_at > $1 AND o.status = $2",
+			calls: 1250,
+			totalTime: 45e3,
+			meanTime: 36,
+			maxTime: 520,
+			rows: 15e3
+		},
+		{
+			id: "2",
+			query: "SELECT u.*, COUNT(o.id) as order_count FROM users u LEFT JOIN orders o ON u.id = o.user_id GROUP BY u.id ORDER BY order_count DESC LIMIT 100",
+			calls: 500,
+			totalTime: 85e3,
+			meanTime: 170,
+			maxTime: 1200,
+			rows: 100
+		},
+		{
+			id: "3",
+			query: "UPDATE products SET view_count = view_count + 1 WHERE id = $1",
+			calls: 5e4,
+			totalTime: 25e3,
+			meanTime: .5,
+			maxTime: 15,
+			rows: 1
+		},
+		{
+			id: "4",
+			query: "SELECT * FROM analytics_events WHERE event_type = $1 AND created_at BETWEEN $2 AND $3",
+			calls: 250,
+			totalTime: 125e3,
+			meanTime: 500,
+			maxTime: 3500,
+			rows: 5e4
+		}
+	]
+};
+//#endregion
+export { J as DatabaseAdmin, Y as defaultDatabaseInstance };

package/dist/blocks/deployment-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/avatar/index.cjs.js`),r=require(`../../components/badge/index.cjs.js`),i=require(`../../components/button/index.cjs.js`),a=require(`../../components/card/index.cjs.js`),o=require(`../../components/select/index.cjs.js`),s=require(`../../components/progress/index.cjs.js`),c=require(`../../components/tabs/index.cjs.js`);let l=require(`react`);l=e.__toESM(l);let u=require(`lucide-react`),d=require(`react/jsx-runtime`);var f={pending:{color:`text-yellow-500 bg-yellow-500/10`,icon:(0,d.jsx)(u.Clock,{className:`h-4 w-4`}),label:`Pending`},building:{color:`text-blue-500 bg-blue-500/10`,icon:(0,d.jsx)(u.Loader2,{className:`h-4 w-4 animate-spin`}),label:`Building`},deploying:{color:`text-purple-500 bg-purple-500/10`,icon:(0,d.jsx)(u.Rocket,{className:`h-4 w-4 animate-pulse`}),label:`Deploying`},success:{color:`text-green-500 bg-green-500/10`,icon:(0,d.jsx)(u.CheckCircle,{className:`h-4 w-4`}),label:`Success`},failed:{color:`text-red-500 bg-red-500/10`,icon:(0,d.jsx)(u.XCircle,{className:`h-4 w-4`}),label:`Failed`},cancelled:{color:`text-gray-500 bg-gray-500/10`,icon:(0,d.jsx)(u.XCircle,{className:`h-4 w-4`}),label:`Cancelled`},rollback:{color:`text-orange-500 bg-orange-500/10`,icon:(0,d.jsx)(u.RotateCcw,{className:`h-4 w-4`}),label:`Rollback`}},p={development:{color:`text-blue-500 border-blue-500/30 bg-blue-500/10`,icon:(0,d.jsx)(u.Terminal,{className:`h-4 w-4`})},staging:{color:`text-yellow-500 border-yellow-500/30 bg-yellow-500/10`,icon:(0,d.jsx)(u.Server,{className:`h-4 w-4`})},production:{color:`text-green-500 border-green-500/30 bg-green-500/10`,icon:(0,d.jsx)(u.Globe,{className:`h-4 w-4`})}};function m({status:e}){let n=f[e];return(0,d.jsxs)(r.Badge,{variant:`outline`,className:t.cn(`gap-1`,n.color),children:[n.icon,n.label]})}function h({environment:e}){let n=p[e];return(0,d.jsxs)(r.Badge,{variant:`outline`,className:t.cn(`gap-1 capitalize`,n.color),children:[n.icon,e]})}function g({deployment:e,onRollback:t,onCancel:r,onRetry:a}){let o=e.status===`building`||e.status===`deploying`,s=e.status===`success`&&e.environment===`production`,c=e.status===`failed`,l=o;return(0,d.jsx)(`div`,{className:`p-4 rounded-lg border bg-card hover:bg-muted/50 transition-colors`,children:(0,d.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,d.jsxs)(n.Avatar,{className:`h-10 w-10`,children:[(0,d.jsx)(n.AvatarImage,{src:e.author.avatar}),(0,d.jsx)(n.AvatarFallback,{children:e.author.name.slice(0,2).toUpperCase()})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,d.jsx)(m,{status:e.status}),(0,d.jsx)(h,{environment:e.environment})]}),(0,d.jsx)(`p`,{className:`text-sm mt-1 line-clamp-1`,children:e.commitMessage}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3 mt-2 text-xs text-muted-foreground`,children:[(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.GitBranch,{className:`h-3 w-3`}),e.branch]}),(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.GitCommit,{className:`h-3 w-3`}),e.commit.slice(0,7)]}),(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.Clock,{className:`h-3 w-3`}),typeof e.startedAt==`string`?e.startedAt:y(e.startedAt)]}),e.duration&&(0,d.jsx)(`span`,{children:e.duration})]})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-1`,children:[e.url&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,asChild:!0,children:(0,d.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,children:(0,d.jsx)(u.ExternalLink,{className:`h-4 w-4`})})}),l&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:r,children:(0,d.jsx)(u.Pause,{className:`h-4 w-4`})}),c&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:a,children:(0,d.jsx)(u.RefreshCw,{className:`h-4 w-4`})}),s&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:t,children:(0,d.jsx)(u.RotateCcw,{className:`h-4 w-4`})})]})]})})}function _({pipeline:e}){let n=e.stages.filter(e=>e.status===`success`).length/e.stages.length*100;return(0,d.jsxs)(a.Card,{children:[(0,d.jsxs)(a.CardHeader,{className:`pb-2`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(m,{status:e.status}),(0,d.jsx)(`span`,{className:`font-medium`,children:e.name})]}),(0,d.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:typeof e.startedAt==`string`?e.startedAt:y(e.startedAt)})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,d.jsx)(u.GitBranch,{className:`h-3 w-3`}),e.branch,(0,d.jsx)(`span`,{className:`mx-1`,children:`•`}),`Triggered by `,e.trigger]})]}),(0,d.jsx)(a.CardContent,{children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(s.Progress,{value:n,className:`h-2`}),(0,d.jsx)(`div`,{className:`flex items-center justify-between`,children:e.stages.map((n,r)=>(0,d.jsxs)(l.Fragment,{children:[(0,d.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,d.jsx)(`div`,{className:t.cn(`h-8 w-8 rounded-full flex items-center justify-center`,f[n.status].color),children:f[n.status].icon}),(0,d.jsx)(`span`,{className:`text-xs`,children:n.name}),n.duration&&(0,d.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:n.duration})]}),r<e.stages.length-1&&(0,d.jsx)(u.ChevronRight,{className:`h-4 w-4 text-muted-foreground`})]},n.id))})]})})]})}function v({env:e}){let n={healthy:`text-green-500`,degraded:`text-yellow-500`,down:`text-red-500`},r={healthy:(0,d.jsx)(u.CheckCircle,{className:`h-5 w-5`}),degraded:(0,d.jsx)(u.AlertCircle,{className:`h-5 w-5`}),down:(0,d.jsx)(u.XCircle,{className:`h-5 w-5`})};return(0,d.jsxs)(a.Card,{children:[(0,d.jsx)(a.CardHeader,{className:`pb-2`,children:(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(a.CardTitle,{className:`capitalize flex items-center gap-2`,children:[p[e.name].icon,e.name]}),(0,d.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,n[e.status]),children:[r[e.status],(0,d.jsx)(`span`,{className:`text-sm capitalize`,children:e.status})]})]})}),(0,d.jsxs)(a.CardContent,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,d.jsx)(u.ExternalLink,{className:`h-4 w-4 text-muted-foreground`}),(0,d.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`text-primary hover:underline truncate`,children:e.url})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 text-sm`,children:[e.uptime&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`p`,{className:`text-muted-foreground`,children:`Uptime`}),(0,d.jsx)(`p`,{className:`font-medium`,children:e.uptime})]}),e.responseTime&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`p`,{className:`text-muted-foreground`,children:`Response Time`}),(0,d.jsx)(`p`,{className:`font-medium`,children:e.responseTime})]})]}),e.lastDeployment&&(0,d.jsxs)(`div`,{className:`pt-2 border-t`,children:[(0,d.jsx)(`p`,{className:`text-xs text-muted-foreground mb-1`,children:`Last Deployment`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,d.jsx)(m,{status:e.lastDeployment.status}),(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:typeof e.lastDeployment.startedAt==`string`?e.lastDeployment.startedAt:y(e.lastDeployment.startedAt)})]})]})]})]})}function y(e){let t=new Date().getTime()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(n/60),i=Math.floor(r/24);return n<1?`just now`:n<60?`${n}m ago`:r<24?`${r}h ago`:`${i}d ago`}function b({deployments:e=[],pipelines:n=[],environments:r=[],onDeploy:s,onRollback:f,onCancel:p,onRetry:m,branches:h=[`main`,`develop`,`staging`],className:y}){let[b,x]=l.useState(h[0]),[S,C]=l.useState(`staging`),w=e.filter(e=>e.status===`building`||e.status===`deploying`);return(0,d.jsxs)(`div`,{className:t.cn(`space-y-6`,y),children:[(0,d.jsxs)(`div`,{className:`flex flex-col sm:flex-row gap-4 justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h1`,{className:`text-2xl font-bold`,children:`Deployments`}),(0,d.jsx)(`p`,{className:`text-muted-foreground`,children:`Manage and monitor your deployments`})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(o.Select,{value:b,onValueChange:x,children:[(0,d.jsxs)(o.SelectTrigger,{className:`w-[160px]`,children:[(0,d.jsx)(u.GitBranch,{className:`h-4 w-4 mr-2`}),(0,d.jsx)(o.SelectValue,{})]}),(0,d.jsx)(o.SelectContent,{children:h.map(e=>(0,d.jsx)(o.SelectItem,{value:e,children:e},e))})]}),(0,d.jsxs)(o.Select,{value:S,onValueChange:e=>C(e),children:[(0,d.jsxs)(o.SelectTrigger,{className:`w-[160px]`,children:[(0,d.jsx)(u.Server,{className:`h-4 w-4 mr-2`}),(0,d.jsx)(o.SelectValue,{})]}),(0,d.jsxs)(o.SelectContent,{children:[(0,d.jsx)(o.SelectItem,{value:`development`,children:`Development`}),(0,d.jsx)(o.SelectItem,{value:`staging`,children:`Staging`}),(0,d.jsx)(o.SelectItem,{value:`production`,children:`Production`})]})]}),(0,d.jsxs)(i.Button,{onClick:()=>s?.(S,b),children:[(0,d.jsx)(u.Rocket,{className:`h-4 w-4 mr-2`}),`Deploy`]})]})]}),w.length>0&&(0,d.jsx)(a.Card,{className:`border-blue-500/50 bg-blue-500/5`,children:(0,d.jsx)(a.CardContent,{className:`py-4`,children:(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`div`,{className:`h-10 w-10 rounded-full bg-blue-500/10 flex items-center justify-center`,children:(0,d.jsx)(u.Rocket,{className:`h-5 w-5 text-blue-500 animate-pulse`})}),(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`p`,{className:`font-medium`,children:[w.length,` deployment`,w.length>1?`s`:``,` in progress`]}),(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:w.map(e=>e.environment).join(`, `)})]})]})})}),(0,d.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:r.map(e=>(0,d.jsx)(v,{env:e},e.name))}),(0,d.jsxs)(c.Tabs,{defaultValue:`deployments`,className:`w-full`,children:[(0,d.jsxs)(c.TabsList,{children:[(0,d.jsx)(c.TabsTrigger,{value:`deployments`,children:`Recent Deployments`}),(0,d.jsx)(c.TabsTrigger,{value:`pipelines`,children:`Pipelines`})]}),(0,d.jsx)(c.TabsContent,{value:`deployments`,className:`mt-4 space-y-3`,children:e.length>0?e.map(e=>(0,d.jsx)(g,{deployment:e,onRollback:()=>f?.(e.id),onCancel:()=>p?.(e.id),onRetry:()=>m?.(e.id)},e.id)):(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`py-12 text-center`,children:[(0,d.jsx)(u.Rocket,{className:`h-12 w-12 mx-auto text-muted-foreground mb-4`}),(0,d.jsx)(`p`,{className:`text-muted-foreground`,children:`No deployments yet`}),(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Deploy your first version to get started`})]})})}),(0,d.jsx)(c.TabsContent,{value:`pipelines`,className:`mt-4 space-y-4`,children:n.length>0?n.map(e=>(0,d.jsx)(_,{pipeline:e},e.id)):(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`py-12 text-center`,children:[(0,d.jsx)(u.Activity,{className:`h-12 w-12 mx-auto text-muted-foreground mb-4`}),(0,d.jsx)(`p`,{className:`text-muted-foreground`,children:`No active pipelines`}),(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Pipelines will appear here when triggered`})]})})})]})]})}var x=[{id:`d1`,status:`success`,environment:`production`,branch:`main`,commit:`a1b2c3d4e5f6`,commitMessage:`feat: Add new dashboard component`,author:{name:`John Doe`},startedAt:new Date(Date.now()-36e5),finishedAt:new Date(Date.now()-33e5),duration:`5m 12s`,url:`https://app.example.com`},{id:`d2`,status:`building`,environment:`staging`,branch:`develop`,commit:`f6e5d4c3b2a1`,commitMessage:`fix: Resolve login issue`,author:{name:`Jane Smith`},startedAt:new Date(Date.now()-18e4)},{id:`d3`,status:`failed`,environment:`development`,branch:`feature/new-api`,commit:`1a2b3c4d5e6f`,commitMessage:`wip: New API endpoints`,author:{name:`Bob Wilson`},startedAt:new Date(Date.now()-72e5),finishedAt:new Date(Date.now()-7e6),duration:`3m 20s`}],S=[{id:`p1`,name:`CI/CD Pipeline`,status:`building`,trigger:`push to main`,branch:`main`,startedAt:new Date(Date.now()-3e5),stages:[{id:`s1`,name:`Build`,status:`success`,duration:`1m 30s`},{id:`s2`,name:`Test`,status:`success`,duration:`2m 45s`},{id:`s3`,name:`Deploy`,status:`building`},{id:`s4`,name:`Verify`,status:`pending`}]}],C=[{name:`production`,status:`healthy`,url:`https://app.example.com`,uptime:`99.9%`,responseTime:`120ms`,lastDeployment:x[0]},{name:`staging`,status:`degraded`,url:`https://staging.example.com`,uptime:`98.5%`,responseTime:`250ms`},{name:`development`,status:`healthy`,url:`https://dev.example.com`,uptime:`95.0%`,responseTime:`180ms`}];exports.default=b,exports.defaultDeployments=x,exports.defaultEnvironments=C,exports.defaultPipelines=S;