@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/blocks/api-keys-manager/index.es.js

@@ -0,0 +1,367 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { AlertDialog as t, AlertDialogAction as n, AlertDialogCancel as r, AlertDialogContent as i, AlertDialogDescription as a, AlertDialogFooter as o, AlertDialogHeader as s, AlertDialogTitle as c } from "../../components/alert-dialog/index.es.js";
+import { Badge as l } from "../../components/badge/index.es.js";
+import { Button as u } from "../../components/button/index.es.js";
+import { Checkbox as d } from "../../components/checkbox/index.es.js";
+import { Dialog as f, DialogContent as p, DialogDescription as m, DialogFooter as h, DialogHeader as g, DialogTitle as _ } from "../../components/dialog/index.es.js";
+import { DropdownMenu as v, DropdownMenuContent as y, DropdownMenuItem as b, DropdownMenuSeparator as x, DropdownMenuTrigger as S } from "../../components/dropdown-menu/index.es.js";
+import { Label as C } from "../../components/label/index.es.js";
+import { Input as w } from "../../components/input/index.es.js";
+import { Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k } from "../../components/select/index.es.js";
+import { Table as A, TableBody as j, TableCell as M, TableHead as N, TableHeader as P, TableRow as F } from "../../components/table/index.es.js";
+import * as I from "react";
+import { AlertTriangle as L, Copy as R, KeyRound as z, MoreHorizontal as B, Plus as V, RefreshCw as H, Trash2 as U } from "lucide-react";
+import { jsx as W, jsxs as G } from "react/jsx-runtime";
+//#region src/blocks/api-keys-manager/index.tsx
+function K({ keys: d, scopes: f, onCreate: p, onRevoke: m, onRotate: h, graceDaysOptions: g = [
+	0,
+	7,
+	30
+], isLoading: _, className: C }) {
+	let [w, T] = I.useState({ kind: "closed" }), E = () => T({ kind: "closed" });
+	return /* @__PURE__ */ G("div", {
+		className: e("flex flex-col gap-4", C),
+		children: [
+			/* @__PURE__ */ G("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ G("h2", {
+					className: "text-lg font-semibold flex items-center gap-2",
+					children: [/* @__PURE__ */ W(z, { className: "size-5" }), " Clés API"]
+				}), /* @__PURE__ */ G(u, {
+					onClick: () => T({ kind: "create" }),
+					children: [/* @__PURE__ */ W(V, { className: "size-4 mr-2" }), " Créer une clé"]
+				})]
+			}),
+			_ ? /* @__PURE__ */ W("div", {
+				className: "p-6 text-sm text-muted-foreground",
+				children: "Chargement…"
+			}) : d.length === 0 ? /* @__PURE__ */ W("div", {
+				className: "border rounded-md p-12 text-center text-sm text-muted-foreground",
+				children: "Aucune clé API. Créez votre première clé pour démarrer."
+			}) : /* @__PURE__ */ W("div", {
+				className: "border rounded-md overflow-hidden",
+				children: /* @__PURE__ */ G(A, { children: [/* @__PURE__ */ W(P, { children: /* @__PURE__ */ G(F, { children: [
+					/* @__PURE__ */ W(N, { children: "Nom" }),
+					/* @__PURE__ */ W(N, { children: "Préfixe" }),
+					/* @__PURE__ */ W(N, { children: "Scopes" }),
+					/* @__PURE__ */ W(N, { children: "Dernière utilisation" }),
+					/* @__PURE__ */ W(N, { children: "Expiration" }),
+					/* @__PURE__ */ W(N, { children: "Statut" }),
+					/* @__PURE__ */ W(N, { className: "w-12" })
+				] }) }), /* @__PURE__ */ W(j, { children: d.map((e) => /* @__PURE__ */ G(F, { children: [
+					/* @__PURE__ */ W(M, {
+						className: "font-medium",
+						children: e.name
+					}),
+					/* @__PURE__ */ G(M, {
+						className: "font-mono text-xs",
+						children: [e.prefix, "…"]
+					}),
+					/* @__PURE__ */ W(M, { children: /* @__PURE__ */ W("div", {
+						className: "flex flex-wrap gap-1",
+						children: e.scopes.map((e) => /* @__PURE__ */ W(l, {
+							variant: "secondary",
+							children: f.find((t) => t.id === e)?.label ?? e
+						}, e))
+					}) }),
+					/* @__PURE__ */ W(M, {
+						className: "text-sm text-muted-foreground",
+						children: e.lastUsedAt ? e.lastUsedAt.toLocaleDateString() : "—"
+					}),
+					/* @__PURE__ */ W(M, {
+						className: "text-sm text-muted-foreground",
+						children: e.expiresAt ? e.expiresAt.toLocaleDateString() : "—"
+					}),
+					/* @__PURE__ */ W(M, { children: /* @__PURE__ */ W(l, {
+						variant: e.status === "active" ? "default" : e.status === "rotating" ? "secondary" : "destructive",
+						children: e.status === "active" ? "Actif" : e.status === "rotating" ? "En rotation" : "Révoqué"
+					}) }),
+					/* @__PURE__ */ W(M, { children: /* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(S, {
+						asChild: !0,
+						children: /* @__PURE__ */ W(u, {
+							variant: "ghost",
+							size: "icon",
+							"aria-label": "Actions",
+							children: /* @__PURE__ */ W(B, { className: "size-4" })
+						})
+					}), /* @__PURE__ */ G(y, {
+						align: "end",
+						children: [
+							/* @__PURE__ */ G(b, {
+								onClick: () => T({
+									kind: "rotate",
+									key: e
+								}),
+								disabled: e.status === "revoked",
+								children: [/* @__PURE__ */ W(H, { className: "size-4 mr-2" }), " Rotation"]
+							}),
+							/* @__PURE__ */ W(x, {}),
+							/* @__PURE__ */ G(b, {
+								onClick: () => T({
+									kind: "revoke",
+									key: e
+								}),
+								disabled: e.status === "revoked",
+								className: "text-destructive focus:text-destructive",
+								children: [/* @__PURE__ */ W(U, { className: "size-4 mr-2" }), " Révoquer"]
+							})
+						]
+					})] }) })
+				] }, e.id)) })] })
+			}),
+			w.kind === "create" && /* @__PURE__ */ W(q, {
+				scopes: f,
+				onCancel: E,
+				onSubmit: async (e) => {
+					let { token: t } = await p(e);
+					T({
+						kind: "one-time",
+						token: t,
+						keyName: e.name
+					});
+				}
+			}),
+			w.kind === "rotate" && /* @__PURE__ */ W(J, {
+				keyRecord: w.key,
+				graceDaysOptions: g,
+				onCancel: E,
+				onSubmit: async (e) => {
+					let t = w.kind === "rotate" ? w.key : null;
+					if (!t) return;
+					let { newToken: n } = await h(t.id, e);
+					T({
+						kind: "one-time",
+						token: n,
+						keyName: t.name
+					});
+				}
+			}),
+			w.kind === "revoke" && /* @__PURE__ */ W(t, {
+				open: !0,
+				onOpenChange: (e) => !e && E(),
+				children: /* @__PURE__ */ G(i, { children: [/* @__PURE__ */ G(s, { children: [/* @__PURE__ */ W(c, { children: "Révoquer cette clé ?" }), /* @__PURE__ */ G(a, { children: [
+					"La clé \"",
+					w.key.name,
+					"\" sera immédiatement invalidée. Cette action est irréversible."
+				] })] }), /* @__PURE__ */ G(o, { children: [/* @__PURE__ */ W(r, { children: "Annuler" }), /* @__PURE__ */ W(n, {
+					onClick: async () => {
+						await m(w.key.id), E();
+					},
+					children: "Révoquer"
+				})] })] })
+			}),
+			w.kind === "one-time" && /* @__PURE__ */ W(Y, {
+				token: w.token,
+				keyName: w.keyName,
+				onClose: E
+			})
+		]
+	});
+}
+function q({ scopes: e, onCancel: t, onSubmit: n }) {
+	let [r, i] = I.useState(""), [a, o] = I.useState(/* @__PURE__ */ new Set()), [s, c] = I.useState("never"), [l, v] = I.useState(!1), y = (e) => o((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	});
+	return /* @__PURE__ */ W(f, {
+		open: !0,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ G(p, { children: [/* @__PURE__ */ G(g, { children: [/* @__PURE__ */ W(_, { children: "Créer une clé API" }), /* @__PURE__ */ W(m, {
+			className: "sr-only",
+			children: "Formulaire de création d'une clé API"
+		})] }), /* @__PURE__ */ G("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), !(!r || a.size === 0)) {
+					v(!0);
+					try {
+						let e = s === "never" ? void 0 : new Date(Date.now() + parseInt(s, 10) * 864e5);
+						await n({
+							name: r,
+							scopes: Array.from(a),
+							expiresAt: e
+						});
+					} finally {
+						v(!1);
+					}
+				}
+			},
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ G("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ W(C, {
+						htmlFor: "key-name",
+						children: "Nom"
+					}), /* @__PURE__ */ W(w, {
+						id: "key-name",
+						value: r,
+						onChange: (e) => i(e.target.value),
+						required: !0
+					})]
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ W(C, { children: "Scopes" }), /* @__PURE__ */ W("div", {
+						className: "space-y-1.5",
+						children: e.map((e) => /* @__PURE__ */ G("label", {
+							className: "flex items-center gap-2 text-sm",
+							children: [
+								/* @__PURE__ */ W(d, {
+									id: `scope-${e.id}`,
+									checked: a.has(e.id),
+									onCheckedChange: () => y(e.id),
+									"aria-label": e.label
+								}),
+								/* @__PURE__ */ W("span", { children: e.label }),
+								e.description && /* @__PURE__ */ G("span", {
+									className: "text-xs text-muted-foreground",
+									children: ["— ", e.description]
+								})
+							]
+						}, e.id))
+					})]
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ W(C, {
+						htmlFor: "key-exp",
+						children: "Expiration"
+					}), /* @__PURE__ */ G(T, {
+						value: s,
+						onValueChange: c,
+						children: [/* @__PURE__ */ W(O, {
+							id: "key-exp",
+							children: /* @__PURE__ */ W(k, {})
+						}), /* @__PURE__ */ G(E, { children: [
+							/* @__PURE__ */ W(D, {
+								value: "never",
+								children: "Jamais"
+							}),
+							/* @__PURE__ */ W(D, {
+								value: "30",
+								children: "30 jours"
+							}),
+							/* @__PURE__ */ W(D, {
+								value: "90",
+								children: "90 jours"
+							}),
+							/* @__PURE__ */ W(D, {
+								value: "365",
+								children: "1 an"
+							})
+						] })]
+					})]
+				}),
+				/* @__PURE__ */ G(h, { children: [/* @__PURE__ */ W(u, {
+					type: "button",
+					variant: "ghost",
+					onClick: t,
+					children: "Annuler"
+				}), /* @__PURE__ */ W(u, {
+					type: "submit",
+					disabled: l || !r || a.size === 0,
+					children: l ? "Génération…" : "Générer la clé"
+				})] })
+			]
+		})] })
+	});
+}
+function J({ keyRecord: e, graceDaysOptions: t, onCancel: n, onSubmit: r }) {
+	let [i, a] = I.useState(String(t[0] ?? 0)), [o, s] = I.useState(!1);
+	return /* @__PURE__ */ W(f, {
+		open: !0,
+		onOpenChange: (e) => !e && n(),
+		children: /* @__PURE__ */ G(p, { children: [
+			/* @__PURE__ */ G(g, { children: [/* @__PURE__ */ G(_, { children: [
+				"Rotation de \"",
+				e.name,
+				"\""
+			] }), /* @__PURE__ */ W(m, { children: "Une nouvelle clé sera générée. Vous pouvez choisir une période de grâce durant laquelle l'ancienne clé reste valide." })] }),
+			/* @__PURE__ */ G("div", {
+				className: "space-y-2 py-2",
+				children: [/* @__PURE__ */ W(C, {
+					htmlFor: "grace",
+					children: "Période de grâce"
+				}), /* @__PURE__ */ G(T, {
+					value: i,
+					onValueChange: a,
+					children: [/* @__PURE__ */ W(O, {
+						id: "grace",
+						children: /* @__PURE__ */ W(k, {})
+					}), /* @__PURE__ */ W(E, { children: t.map((e) => /* @__PURE__ */ W(D, {
+						value: String(e),
+						children: e === 0 ? "Immédiat" : `${e} jour${e > 1 ? "s" : ""}`
+					}, e)) })]
+				})]
+			}),
+			/* @__PURE__ */ G(h, { children: [/* @__PURE__ */ W(u, {
+				type: "button",
+				variant: "ghost",
+				onClick: n,
+				disabled: o,
+				children: "Annuler"
+			}), /* @__PURE__ */ W(u, {
+				type: "button",
+				onClick: async () => {
+					s(!0);
+					try {
+						await r(parseInt(i, 10));
+					} finally {
+						s(!1);
+					}
+				},
+				disabled: o,
+				children: o ? "Rotation…" : "Lancer la rotation"
+			})] })
+		] })
+	});
+}
+function Y({ token: e, keyName: t, onClose: n }) {
+	let [r, i] = I.useState(!1), a = I.useRef(e);
+	return I.useEffect(() => () => {
+		a.current = "";
+	}, []), /* @__PURE__ */ W(f, {
+		open: !0,
+		onOpenChange: (e) => !e && n(),
+		children: /* @__PURE__ */ G(p, { children: [
+			/* @__PURE__ */ G(g, { children: [/* @__PURE__ */ G(_, { children: [
+				"Token de \"",
+				t,
+				"\""
+			] }), /* @__PURE__ */ G(m, {
+				className: "flex items-start gap-2 text-destructive",
+				children: [/* @__PURE__ */ W(L, { className: "size-4 mt-0.5 shrink-0" }), /* @__PURE__ */ W("span", { children: "Ce token ne sera plus affiché. Copiez-le maintenant et stockez-le dans un coffre-fort." })]
+			})] }),
+			/* @__PURE__ */ W("div", {
+				"aria-live": "polite",
+				className: "font-mono text-sm break-all rounded bg-muted p-3 select-all",
+				children: e
+			}),
+			/* @__PURE__ */ G(h, {
+				className: "gap-2",
+				children: [/* @__PURE__ */ G(u, {
+					type: "button",
+					variant: "outline",
+					onClick: async () => {
+						try {
+							await navigator.clipboard.writeText(e), i(!0);
+						} catch {}
+					},
+					children: [
+						/* @__PURE__ */ W(R, { className: "size-4 mr-2" }),
+						" ",
+						r ? "Copié !" : "Copier"
+					]
+				}), /* @__PURE__ */ W(u, {
+					type: "button",
+					onClick: n,
+					children: "J'ai copié le token"
+				})]
+			})
+		] })
+	});
+}
+//#endregion
+export { K as WakaApiKeysManager };

package/dist/blocks/apm-overview/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/select/index.cjs.js`),o=require(`../../components/progress/index.cjs.js`),s=require(`../../components/scroll-area/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d={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`},unknown:{color:`text-gray-500`,bgColor:`bg-gray-500`,label:`Unknown`}},f={api:{icon:l.Globe,color:`text-blue-500`},web:{icon:l.Globe,color:`text-purple-500`},worker:{icon:l.Cpu,color:`text-orange-500`},database:{icon:l.Database,color:`text-green-500`},cache:{icon:l.HardDrive,color:`text-red-500`},queue:{icon:l.Activity,color:`text-cyan-500`}};function p(e){return e<1?`${(e*1e3).toFixed(0)}µs`:e<1e3?`${e.toFixed(0)}ms`:`${(e/1e3).toFixed(2)}s`}function m(e){return e<1e3?e.toFixed(0):e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function h({current:e,previous:n}){if(n===void 0)return null;let r=(e-n)/n*100,i=r>0;return(0,u.jsxs)(`span`,{className:t.cn(`text-xs flex items-center gap-0.5`,i?`text-red-500`:`text-green-500`),children:[i?(0,u.jsx)(l.TrendingUp,{className:`h-3 w-3`}):(0,u.jsx)(l.TrendingDown,{className:`h-3 w-3`}),Math.abs(r).toFixed(1),`%`]})}function g({title:e,value:n,unit:r,previousValue:a,status:o,icon:s}){let c=o?d[o]:null;return(0,u.jsx)(i.Card,{children:(0,u.jsxs)(i.CardContent,{className:`p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,u.jsx)(`div`,{className:`p-2 rounded-lg bg-muted`,children:(0,u.jsx)(s,{className:`h-4 w-4 text-muted-foreground`})}),c&&(0,u.jsx)(`div`,{className:t.cn(`w-2 h-2 rounded-full`,c.bgColor)})]}),(0,u.jsxs)(`div`,{className:`mt-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,u.jsx)(`span`,{className:`text-2xl font-bold`,children:m(n)}),r&&(0,u.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:r})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between mt-1`,children:[(0,u.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:e}),(0,u.jsx)(h,{current:n,previous:a})]})]})]})})}function _({service:e,onClick:r}){let a=d[e.status],s=f[e.type],c=s.icon,{metrics:m,previousMetrics:h}=e;return m.successRate/100*(1-m.p95ResponseTime/3e3),(0,u.jsx)(i.Card,{className:t.cn(`cursor-pointer transition-all hover:shadow-md`,e.status===`critical`&&`border-red-500/50`,e.status===`warning`&&`border-yellow-500/30`),onClick:r,children:(0,u.jsxs)(i.CardContent,{className:`p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,u.jsx)(`div`,{className:t.cn(`p-2 rounded-lg`,`${s.color.replace(`text-`,`bg-`)}/10`),children:(0,u.jsx)(c,{className:t.cn(`h-5 w-5`,s.color)})}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(`h4`,{className:`font-semibold truncate`,children:e.name}),(0,u.jsx)(`div`,{className:t.cn(`w-2 h-2 rounded-full shrink-0`,a.bgColor)}),e.version&&(0,u.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[`v`,e.version]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-4 mt-2 text-sm`,children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(l.Zap,{className:`h-3 w-3 text-muted-foreground`}),m.requestsPerSecond,`/s`]}),(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(l.Clock,{className:`h-3 w-3 text-muted-foreground`}),p(m.avgResponseTime)]}),(0,u.jsxs)(`span`,{className:t.cn(`flex items-center gap-1`,m.errorRate>5&&`text-red-500`,m.errorRate>1&&m.errorRate<=5&&`text-yellow-500`),children:[(0,u.jsx)(l.AlertTriangle,{className:`h-3 w-3`}),m.errorRate.toFixed(2),`%`]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-4 mt-3 text-xs text-muted-foreground`,children:[(0,u.jsxs)(`span`,{children:[`p50: `,p(m.p50ResponseTime)]}),(0,u.jsxs)(`span`,{children:[`p95: `,p(m.p95ResponseTime)]}),(0,u.jsxs)(`span`,{children:[`p99: `,p(m.p99ResponseTime)]})]}),e.tags&&e.tags.length>0&&(0,u.jsxs)(`div`,{className:`flex items-center gap-1 mt-2`,children:[e.tags.slice(0,3).map(e=>(0,u.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:e},e)),e.tags.length>3&&(0,u.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`+`,e.tags.length-3]})]})]}),(0,u.jsxs)(`div`,{className:`text-right shrink-0 space-y-1`,children:[(0,u.jsxs)(`div`,{className:`text-lg font-bold text-green-500`,children:[m.successRate.toFixed(1),`%`]}),(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Success`}),e.instances&&(0,u.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.instances,` instances`]})]})]}),(m.cpuUsage!==void 0||m.memoryUsage!==void 0)&&(0,u.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 mt-4 pt-3 border-t`,children:[m.cpuUsage!==void 0&&(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs mb-1`,children:[(0,u.jsxs)(`span`,{className:`text-muted-foreground flex items-center gap-1`,children:[(0,u.jsx)(l.Cpu,{className:`h-3 w-3`}),` CPU`]}),(0,u.jsxs)(`span`,{className:t.cn(m.cpuUsage>80&&`text-red-500`),children:[m.cpuUsage,`%`]})]}),(0,u.jsx)(o.Progress,{value:m.cpuUsage,className:t.cn(`h-1.5`,m.cpuUsage>80&&`[&>div]:bg-red-500`)})]}),m.memoryUsage!==void 0&&(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs mb-1`,children:[(0,u.jsxs)(`span`,{className:`text-muted-foreground flex items-center gap-1`,children:[(0,u.jsx)(l.MemoryStick,{className:`h-3 w-3`}),` Memory`]}),(0,u.jsxs)(`span`,{className:t.cn(m.memoryUsage>80&&`text-red-500`),children:[m.memoryUsage,`%`]})]}),(0,u.jsx)(o.Progress,{value:m.memoryUsage,className:t.cn(`h-1.5`,m.memoryUsage>80&&`[&>div]:bg-red-500`)})]})]})]})})}function v({transactions:e,onClick:n}){return(0,u.jsxs)(i.Card,{children:[(0,u.jsx)(i.CardHeader,{className:`pb-2`,children:(0,u.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[(0,u.jsx)(l.Activity,{className:`h-4 w-4`}),`Recent Transactions`]})}),(0,u.jsx)(i.CardContent,{children:(0,u.jsx)(s.ScrollArea,{className:`h-[300px]`,children:(0,u.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-center gap-3 p-2 rounded-lg hover:bg-muted/50 cursor-pointer transition-colors`,onClick:()=>n?.(e),children:[e.status===`success`?(0,u.jsx)(l.CheckCircle2,{className:`h-4 w-4 text-green-500 shrink-0`}):(0,u.jsx)(l.XCircle,{className:`h-4 w-4 text-red-500 shrink-0`}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsx)(`div`,{className:`font-medium text-sm truncate`,children:e.name}),(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.service})]}),(0,u.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,u.jsx)(`div`,{className:t.cn(`text-sm font-medium`,e.duration>1e3&&`text-yellow-500`,e.duration>3e3&&`text-red-500`),children:p(e.duration)}),(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.timestamp.toLocaleTimeString()})]})]},e.id))})})})]})}function y({services:e,recentTransactions:n=[],timeRange:o=`1h`,onTimeRangeChange:f,onServiceClick:p,onTransactionClick:m,onRefresh:h,className:y}){let[b,x]=c.useState(`all`),S=c.useMemo(()=>({totalRequests:e.reduce((e,t)=>e+t.metrics.requestsPerSecond,0),avgResponseTime:e.reduce((e,t)=>e+t.metrics.avgResponseTime,0)/e.length,avgErrorRate:e.reduce((e,t)=>e+t.metrics.errorRate,0)/e.length,healthyCount:e.filter(e=>e.status===`healthy`).length,totalServices:e.length}),[e]),C=c.useMemo(()=>b===`all`?e:e.filter(e=>e.status===b),[e,b]);return(0,u.jsxs)(`div`,{className:t.cn(`space-y-6`,y),children:[(0,u.jsx)(i.Card,{children:(0,u.jsx)(i.CardHeader,{children:(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(l.Activity,{className:`h-6 w-6`}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i.CardTitle,{children:`Application Performance`}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Monitor service health and performance metrics`})]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsxs)(a.Select,{value:o,onValueChange:e=>f?.(e),children:[(0,u.jsxs)(a.SelectTrigger,{className:`w-28`,children:[(0,u.jsx)(l.Clock,{className:`h-4 w-4 mr-2`}),(0,u.jsx)(a.SelectValue,{})]}),(0,u.jsxs)(a.SelectContent,{children:[(0,u.jsx)(a.SelectItem,{value:`1h`,children:`Last 1h`}),(0,u.jsx)(a.SelectItem,{value:`6h`,children:`Last 6h`}),(0,u.jsx)(a.SelectItem,{value:`24h`,children:`Last 24h`}),(0,u.jsx)(a.SelectItem,{value:`7d`,children:`Last 7d`}),(0,u.jsx)(a.SelectItem,{value:`30d`,children:`Last 30d`})]})]}),h&&(0,u.jsx)(r.Button,{variant:`outline`,onClick:h,children:(0,u.jsx)(l.RefreshCw,{className:`h-4 w-4`})})]})]})})}),(0,u.jsxs)(`div`,{className:`grid grid-cols-4 gap-4`,children:[(0,u.jsx)(g,{title:`Total Requests`,value:S.totalRequests,unit:`/s`,icon:l.Zap}),(0,u.jsx)(g,{title:`Avg Response Time`,value:S.avgResponseTime,unit:`ms`,icon:l.Clock,status:S.avgResponseTime>500?`warning`:`healthy`}),(0,u.jsx)(g,{title:`Error Rate`,value:S.avgErrorRate,unit:`%`,icon:l.AlertTriangle,status:S.avgErrorRate>5?`critical`:S.avgErrorRate>1?`warning`:`healthy`}),(0,u.jsx)(g,{title:`Services Healthy`,value:S.healthyCount,unit:`/ ${S.totalServices}`,icon:l.CheckCircle2,status:S.healthyCount===S.totalServices?`healthy`:`warning`})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-3 gap-6`,children:[(0,u.jsxs)(`div`,{className:`col-span-2 space-y-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsx)(`h3`,{className:`font-semibold`,children:`Services`}),(0,u.jsx)(`div`,{className:`flex items-center gap-2`,children:[`all`,`healthy`,`warning`,`critical`].map(e=>(0,u.jsx)(r.Button,{variant:b===e?`default`:`ghost`,size:`sm`,onClick:()=>x(e),children:e===`all`?`All`:d[e].label},e))})]}),(0,u.jsx)(s.ScrollArea,{className:`h-[500px]`,children:(0,u.jsx)(`div`,{className:`space-y-4 pr-4`,children:C.map(e=>(0,u.jsx)(_,{service:e,onClick:()=>p?.(e)},e.id))})})]}),(0,u.jsx)(`div`,{children:(0,u.jsx)(v,{transactions:n,onClick:m})})]})]})}var b=[{id:`1`,name:`api-gateway`,type:`api`,status:`healthy`,version:`2.4.1`,instances:3,metrics:{requestsPerSecond:1250,avgResponseTime:45,p50ResponseTime:32,p95ResponseTime:120,p99ResponseTime:250,errorRate:.12,successRate:99.88,activeConnections:450,cpuUsage:45,memoryUsage:62},tags:[`production`,`critical`]},{id:`2`,name:`user-service`,type:`api`,status:`healthy`,version:`1.8.0`,instances:2,metrics:{requestsPerSecond:350,avgResponseTime:85,p50ResponseTime:65,p95ResponseTime:180,p99ResponseTime:450,errorRate:.5,successRate:99.5,activeConnections:120,cpuUsage:35,memoryUsage:55},tags:[`production`]},{id:`3`,name:`payment-service`,type:`api`,status:`warning`,version:`3.1.0`,instances:2,metrics:{requestsPerSecond:150,avgResponseTime:520,p50ResponseTime:280,p95ResponseTime:1200,p99ResponseTime:2500,errorRate:2.5,successRate:97.5,activeConnections:85,cpuUsage:78,memoryUsage:82},tags:[`production`,`payment`]},{id:`4`,name:`notification-worker`,type:`worker`,status:`healthy`,instances:5,metrics:{requestsPerSecond:500,avgResponseTime:25,p50ResponseTime:18,p95ResponseTime:55,p99ResponseTime:120,errorRate:.05,successRate:99.95,activeConnections:0,cpuUsage:25,memoryUsage:40}},{id:`5`,name:`postgres-primary`,type:`database`,status:`healthy`,instances:1,metrics:{requestsPerSecond:2500,avgResponseTime:8,p50ResponseTime:5,p95ResponseTime:25,p99ResponseTime:80,errorRate:.01,successRate:99.99,activeConnections:120,cpuUsage:55,memoryUsage:72}},{id:`6`,name:`redis-cache`,type:`cache`,status:`healthy`,instances:3,metrics:{requestsPerSecond:15e3,avgResponseTime:.5,p50ResponseTime:.3,p95ResponseTime:1.2,p99ResponseTime:3,errorRate:.001,successRate:99.999,activeConnections:500,memoryUsage:45}}],x=[{id:`1`,name:`POST /api/users`,service:`user-service`,duration:85,timestamp:new Date(Date.now()-5e3),status:`success`},{id:`2`,name:`GET /api/products`,service:`api-gateway`,duration:42,timestamp:new Date(Date.now()-12e3),status:`success`},{id:`3`,name:`POST /api/payments`,service:`payment-service`,duration:1250,timestamp:new Date(Date.now()-25e3),status:`error`},{id:`4`,name:`GET /api/orders/:id`,service:`api-gateway`,duration:65,timestamp:new Date(Date.now()-45e3),status:`success`},{id:`5`,name:`POST /api/notifications`,service:`notification-worker`,duration:22,timestamp:new Date(Date.now()-6e4),status:`success`},{id:`6`,name:`GET /api/users/:id`,service:`user-service`,duration:95,timestamp:new Date(Date.now()-9e4),status:`success`},{id:`7`,name:`PUT /api/cart`,service:`api-gateway`,duration:180,timestamp:new Date(Date.now()-12e4),status:`success`},{id:`8`,name:`POST /api/checkout`,service:`payment-service`,duration:3200,timestamp:new Date(Date.now()-18e4),status:`error`}];exports.APMOverview=y,exports.defaultAPMServices=b,exports.defaultAPMTransactions=x;