@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/antivirus-dashboard/index.es.js

@@ -0,0 +1,462 @@
+"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 "react";
+import { Activity as s, AlertCircle as c, AlertTriangle as l, Archive as u, CheckCircle as d, Clock as f, PlayCircle as p, Shield as m, ShieldAlert as h, ShieldCheck as g, ShieldX as _, TrendingUp as v, XCircle as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/blocks/antivirus-dashboard/index.tsx
+var C = {
+	healthy: {
+		color: "text-green-500 bg-green-500/10",
+		icon: /* @__PURE__ */ x(g, { className: "h-4 w-4" }),
+		label: "Healthy"
+	},
+	degraded: {
+		color: "text-yellow-500 bg-yellow-500/10",
+		icon: /* @__PURE__ */ x(h, { className: "h-4 w-4" }),
+		label: "Degraded"
+	},
+	down: {
+		color: "text-red-500 bg-red-500/10",
+		icon: /* @__PURE__ */ x(_, { className: "h-4 w-4" }),
+		label: "Down"
+	}
+}, w = {
+	clean: {
+		color: "text-green-500",
+		icon: /* @__PURE__ */ x(d, { className: "h-4 w-4" }),
+		label: "Clean",
+		bgColor: "bg-green-500"
+	},
+	infected: {
+		color: "text-red-500",
+		icon: /* @__PURE__ */ x(y, { className: "h-4 w-4" }),
+		label: "Infected",
+		bgColor: "bg-red-500"
+	},
+	error: {
+		color: "text-orange-500",
+		icon: /* @__PURE__ */ x(c, { className: "h-4 w-4" }),
+		label: "Error",
+		bgColor: "bg-orange-500"
+	}
+}, T = {
+	critical: {
+		color: "text-red-500",
+		bgColor: "bg-red-500"
+	},
+	high: {
+		color: "text-orange-500",
+		bgColor: "bg-orange-500"
+	},
+	medium: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500"
+	},
+	low: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500"
+	}
+};
+function E(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function D(e) {
+	return e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : `${Math.floor(e / 6e4)}m ${Math.floor(e % 6e4 / 1e3)}s`;
+}
+function O(e) {
+	let t = (/* @__PURE__ */ 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 k({ health: n }) {
+	let r = C[n];
+	return /* @__PURE__ */ S(t, {
+		variant: "outline",
+		className: e("gap-1", r.color),
+		children: [r.icon, r.label]
+	});
+}
+function A({ result: n }) {
+	let r = w[n];
+	return /* @__PURE__ */ S(t, {
+		variant: "outline",
+		className: e("gap-1", r.color),
+		children: [r.icon, r.label]
+	});
+}
+function j({ title: t, value: n, icon: a, trend: o, color: s = "text-primary" }) {
+	return /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x(i, {
+		className: "p-6",
+		children: /* @__PURE__ */ S("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+				className: "text-sm text-muted-foreground mb-1",
+				children: t
+			}), /* @__PURE__ */ S("div", {
+				className: "flex items-baseline gap-2",
+				children: [/* @__PURE__ */ x("p", {
+					className: e("text-3xl font-bold", s),
+					children: n
+				}), o && /* @__PURE__ */ x("span", {
+					className: "text-xs text-muted-foreground",
+					children: o
+				})]
+			})] }), /* @__PURE__ */ x("div", {
+				className: e("p-3 rounded-lg", `${s.replace("text-", "bg-")}/10`),
+				children: a
+			})]
+		})
+	}) });
+}
+function M({ stats: e }) {
+	let t = Math.max(...e.map((e) => Math.max(e.scans, e.threats)), 1);
+	return /* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
+		className: "text-base flex items-center gap-2",
+		children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), "Weekly Activity"]
+	}) }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x("div", {
+		className: "space-y-4",
+		children: e.map((e, n) => {
+			let r = e.scans / t * 100, i = e.threats / t * 100;
+			return /* @__PURE__ */ S("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ S("div", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "text-muted-foreground min-w-12",
+						children: e.day
+					}), /* @__PURE__ */ S("div", {
+						className: "flex items-center gap-4 text-xs",
+						children: [/* @__PURE__ */ S("span", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ x("div", { className: "w-2 h-2 rounded-full bg-blue-500" }),
+								e.scans,
+								" scans"
+							]
+						}), /* @__PURE__ */ S("span", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ x("div", { className: "w-2 h-2 rounded-full bg-red-500" }),
+								e.threats,
+								" threats"
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ x("div", {
+						className: "h-2 w-full bg-muted rounded-full overflow-hidden",
+						children: /* @__PURE__ */ x("div", {
+							className: "h-full bg-blue-500 rounded-full transition-all",
+							style: { width: `${r}%` }
+						})
+					}), e.threats > 0 && /* @__PURE__ */ x("div", {
+						className: "h-2 w-full bg-muted rounded-full overflow-hidden",
+						children: /* @__PURE__ */ x("div", {
+							className: "h-full bg-red-500 rounded-full transition-all",
+							style: { width: `${i}%` }
+						})
+					})]
+				})]
+			}, e.day);
+		})
+	}) })] });
+}
+function N({ scans: t }) {
+	return /* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
+		className: "text-base flex items-center gap-2",
+		children: [/* @__PURE__ */ x(s, { className: "h-4 w-4" }), "Recent Scans"]
+	}) }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x("div", {
+		className: "space-y-3",
+		children: t.length === 0 ? /* @__PURE__ */ S("div", {
+			className: "text-center py-8 text-muted-foreground",
+			children: [/* @__PURE__ */ x(m, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }), /* @__PURE__ */ x("p", {
+				className: "text-sm",
+				children: "No scans yet"
+			})]
+		}) : t.map((t) => /* @__PURE__ */ x("div", {
+			className: e("flex items-center justify-between p-3 rounded-lg border transition-colors", t.result === "infected" && "border-red-500/50 bg-red-500/5"),
+			children: /* @__PURE__ */ S("div", {
+				className: "flex items-center gap-3 flex-1 min-w-0",
+				children: [/* @__PURE__ */ x("div", {
+					className: e("p-2 rounded-lg shrink-0", w[t.result].color.replace("text-", "bg-") + "/10"),
+					children: w[t.result].icon
+				}), /* @__PURE__ */ S("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-sm font-medium truncate",
+								children: t.filename
+							}), /* @__PURE__ */ x(A, { result: t.result })]
+						}),
+						t.threatName && /* @__PURE__ */ S("p", {
+							className: "text-xs text-red-500 mt-1 flex items-center gap-1",
+							children: [/* @__PURE__ */ x(l, { className: "h-3 w-3" }), t.threatName]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-3 mt-1 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ S("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ x(f, { className: "h-3 w-3" }), O(t.scanDate)]
+								}),
+								/* @__PURE__ */ x("span", { children: D(t.duration) }),
+								/* @__PURE__ */ x("span", { children: E(t.fileSize) })
+							]
+						})
+					]
+				})]
+			})
+		}, t.id))
+	}) })] });
+}
+function P({ threats: n }) {
+	return /* @__PURE__ */ S(r, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
+		className: "text-base flex items-center gap-2",
+		children: [/* @__PURE__ */ x(l, { className: "h-4 w-4" }), "Top Threats"]
+	}) }), /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x("div", {
+		className: "space-y-3",
+		children: n.length === 0 ? /* @__PURE__ */ S("div", {
+			className: "text-center py-8 text-muted-foreground",
+			children: [/* @__PURE__ */ x(g, { className: "h-12 w-12 mx-auto mb-3 text-green-500 opacity-50" }), /* @__PURE__ */ x("p", {
+				className: "text-sm",
+				children: "No threats detected"
+			})]
+		}) : n.map((r, i) => {
+			let a = T[r.severity];
+			return /* @__PURE__ */ S("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex items-center justify-center w-8 h-8 rounded-full bg-muted text-sm font-medium",
+					children: i + 1
+				}), /* @__PURE__ */ S("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ S("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ x("p", {
+							className: "text-sm font-medium truncate",
+							children: r.name
+						}), /* @__PURE__ */ x(t, {
+							variant: "outline",
+							className: e("text-xs capitalize", a.color),
+							children: r.severity
+						})]
+					}), /* @__PURE__ */ S("div", {
+						className: "flex items-center gap-2 mt-1",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex-1 h-2 bg-muted rounded-full overflow-hidden",
+							children: /* @__PURE__ */ x("div", {
+								className: e("h-full rounded-full", a.bgColor),
+								style: { width: `${Math.min(r.count / Math.max(...n.map((e) => e.count)) * 100, 100)}%` }
+							})
+						}), /* @__PURE__ */ S("span", {
+							className: "text-xs text-muted-foreground font-medium min-w-12 text-right",
+							children: [
+								r.count,
+								" ",
+								r.count === 1 ? "time" : "times"
+							]
+						})]
+					})]
+				})]
+			}, r.name);
+		})
+	}) })] });
+}
+function F({ serviceHealth: t = "healthy", clamavVersion: r = "1.0.3", signatureCount: i = 8642758, lastSignatureUpdate: a, scansToday: o = 0, threatsDetected: c = 0, quarantinedFiles: d = 0, detectionRate: f = 0, recentScans: h = [], weeklyStats: _ = [], topThreats: v = [], onStartScan: y, onViewQuarantine: C, className: w }) {
+	return /* @__PURE__ */ S("div", {
+		className: e("space-y-6", w),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-col sm:flex-row gap-4 justify-between items-start",
+				children: [/* @__PURE__ */ x("div", { children: /* @__PURE__ */ S("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ x("div", {
+						className: "p-2 rounded-lg bg-primary/10",
+						children: /* @__PURE__ */ x(m, { className: "h-6 w-6 text-primary" })
+					}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+						className: "text-2xl font-bold",
+						children: "Antivirus ClamAV"
+					}), /* @__PURE__ */ S("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							"Version ",
+							r,
+							" • ",
+							i.toLocaleString(),
+							" signatures",
+							a && /* @__PURE__ */ S(b, { children: [" • Updated ", O(a)] })
+						]
+					})] })]
+				}) }), /* @__PURE__ */ S("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ x(k, { health: t }),
+						C && /* @__PURE__ */ S(n, {
+							variant: "outline",
+							onClick: C,
+							children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 mr-2" }), "Quarantine"]
+						}),
+						y && /* @__PURE__ */ S(n, {
+							onClick: y,
+							children: [/* @__PURE__ */ x(p, { className: "h-4 w-4 mr-2" }), "Start Scan"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ x(j, {
+						title: "Scans Today",
+						value: o.toLocaleString(),
+						icon: /* @__PURE__ */ x(s, { className: "h-6 w-6" }),
+						color: "text-blue-500"
+					}),
+					/* @__PURE__ */ x(j, {
+						title: "Threats Detected",
+						value: c.toLocaleString(),
+						icon: /* @__PURE__ */ x(l, { className: "h-6 w-6" }),
+						color: "text-red-500"
+					}),
+					/* @__PURE__ */ x(j, {
+						title: "Quarantined Files",
+						value: d.toLocaleString(),
+						icon: /* @__PURE__ */ x(u, { className: "h-6 w-6" }),
+						color: "text-orange-500"
+					}),
+					/* @__PURE__ */ x(j, {
+						title: "Detection Rate",
+						value: `${f.toFixed(1)}%`,
+						icon: /* @__PURE__ */ x(g, { className: "h-6 w-6" }),
+						color: "text-green-500"
+					})
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ x(M, { stats: _ }), /* @__PURE__ */ x(P, { threats: v })]
+			}),
+			/* @__PURE__ */ x(N, { scans: h })
+		]
+	});
+}
+var I = [
+	{
+		id: "scan1",
+		filename: "document.pdf",
+		result: "clean",
+		scanDate: /* @__PURE__ */ new Date(Date.now() - 5 * 6e4),
+		duration: 234,
+		fileSize: 2048576,
+		userId: "user123"
+	},
+	{
+		id: "scan2",
+		filename: "malicious_script.js",
+		result: "infected",
+		threatName: "Trojan.GenericKD.67890123",
+		scanDate: /* @__PURE__ */ new Date(Date.now() - 15 * 6e4),
+		duration: 156,
+		fileSize: 45678,
+		userId: "user456"
+	},
+	{
+		id: "scan3",
+		filename: "eicar_test.txt",
+		result: "infected",
+		threatName: "Eicar-Test-Signature",
+		scanDate: /* @__PURE__ */ new Date(Date.now() - 30 * 6e4),
+		duration: 89,
+		fileSize: 68,
+		userId: "admin"
+	},
+	{
+		id: "scan4",
+		filename: "report_2024.xlsx",
+		result: "clean",
+		scanDate: /* @__PURE__ */ new Date(Date.now() - 45 * 6e4),
+		duration: 567,
+		fileSize: 5242880,
+		userId: "user789"
+	},
+	{
+		id: "scan5",
+		filename: "suspicious_archive.zip",
+		result: "infected",
+		threatName: "Win.Trojan.Genome-9999999",
+		scanDate: /* @__PURE__ */ new Date(Date.now() - 60 * 6e4),
+		duration: 1234,
+		fileSize: 10485760,
+		userId: "user321"
+	}
+], L = [
+	{
+		day: "Mon",
+		scans: 145,
+		threats: 3
+	},
+	{
+		day: "Tue",
+		scans: 198,
+		threats: 5
+	},
+	{
+		day: "Wed",
+		scans: 167,
+		threats: 2
+	},
+	{
+		day: "Thu",
+		scans: 223,
+		threats: 8
+	},
+	{
+		day: "Fri",
+		scans: 189,
+		threats: 4
+	},
+	{
+		day: "Sat",
+		scans: 98,
+		threats: 1
+	},
+	{
+		day: "Sun",
+		scans: 76,
+		threats: 0
+	}
+], R = [
+	{
+		name: "Eicar-Test-Signature",
+		count: 12,
+		severity: "low"
+	},
+	{
+		name: "Trojan.GenericKD.67890123",
+		count: 8,
+		severity: "high"
+	},
+	{
+		name: "Win.Trojan.Genome-9999999",
+		count: 5,
+		severity: "critical"
+	},
+	{
+		name: "JS.Downloader.Nemucod",
+		count: 4,
+		severity: "medium"
+	},
+	{
+		name: "PHP.Webshell.Generic",
+		count: 3,
+		severity: "high"
+	}
+];
+//#endregion
+export { F as AntivirusDashboard, F as default, I as defaultRecentScans, R as defaultTopThreats, L as defaultWeeklyStats };

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

package/dist/blocks/api-keys-manager/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+export interface ScopeDefinition {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface ApiKeyRecord {
+    id: string;
+    name: string;
+    prefix: string;
+    scopes: string[];
+    lastUsedAt?: Date;
+    expiresAt?: Date;
+    status: 'active' | 'rotating' | 'revoked';
+    createdAt: Date;
+}
+export interface CreateKeyPayload {
+    name: string;
+    scopes: string[];
+    expiresAt?: Date;
+}
+export interface WakaApiKeysManagerProps {
+    keys: ApiKeyRecord[];
+    scopes: ScopeDefinition[];
+    onCreate: (payload: CreateKeyPayload) => Promise<{
+        token: string;
+    }>;
+    onRevoke: (keyId: string) => Promise<void> | void;
+    onRotate: (keyId: string, gracePeriodDays: number) => Promise<{
+        newToken: string;
+    }>;
+    graceDaysOptions?: number[];
+    isLoading?: boolean;
+    className?: string;
+}
+/** Manages API keys for a tenant: list, create, rotate (with grace period), and revoke. Token is shown once and cleared from state on dialog close. */
+export declare function WakaApiKeysManager({ keys, scopes, onCreate, onRevoke, onRotate, graceDaysOptions, isLoading, className, }: WakaApiKeysManagerProps): React.ReactElement;