@wakastellar/ui 4.0.1 → 4.1.1

package/dist/blocks/i18n-editor/index.es.js

@@ -78,43 +78,43 @@ function T({ value: t, onChange: n, onBlur: r, placeholder: i, status: a, disabl
 		className: e("min-h-[60px] resize-none text-sm", a === "missing" && "border-red-300 dark:border-red-700", a === "identical" && "border-yellow-300 dark:border-yellow-700")
 	});
 }
-function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me, onDeleteKey: Ne, onAddLanguage: Pe, onExport: k, onImport: Fe, isLoading: Ie = !1, isSaving: Le = !1, className: Re, title: ze = "Translation Editor", description: Be = "Gérez vos traductions i18n" }) {
-	let [A, j] = v.useState(D), [M, Ve] = v.useState(""), [N, He] = v.useState("all"), [Ue, We] = v.useState(/* @__PURE__ */ new Set()), [P, F] = v.useState(null), [Ge, I] = v.useState(!1), [Ke, L] = v.useState(!1), [qe, R] = v.useState(!1), [Je, z] = v.useState(!1), [B, Ye] = v.useState(""), [V, H] = v.useState({
+function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me, onDeleteKey: Ne, onAddLanguage: Pe, onExport: k, onImport: Fe, isLoading: Ie = !1, isSaving: Le = !1, className: A, title: Re = "Translation Editor", description: ze = "Gérez vos traductions i18n" }) {
+	let [j, M] = v.useState(D), [N, Be] = v.useState(""), [P, Ve] = v.useState("all"), [He, Ue] = v.useState(/* @__PURE__ */ new Set()), [F, I] = v.useState(null), [We, L] = v.useState(!1), [Ge, R] = v.useState(!1), [Ke, z] = v.useState(!1), [qe, B] = v.useState(!1), [V, Je] = v.useState(""), [H, U] = v.useState({
 		code: "",
 		label: "",
 		flag: ""
-	}), [U, Xe] = v.useState(null), [W, Ze] = v.useState(""), [Qe, $e] = v.useState("merge"), [et, tt] = v.useState(/* @__PURE__ */ new Map()), G = v.useRef(null), { languages: K, sourceLanguage: q, keyPathSeparator: nt = ".", autoSave: J = !0, saveDebounceMs: rt = 300, placeholderPatterns: it = [
+	}), [W, Ye] = v.useState(null), [G, Xe] = v.useState(""), [Ze, Qe] = v.useState("merge"), [$e, et] = v.useState(/* @__PURE__ */ new Map()), K = v.useRef(null), { languages: q, sourceLanguage: J, keyPathSeparator: tt = ".", autoSave: Y = !0, saveDebounceMs: nt = 300, placeholderPatterns: rt = [
 		"{{.*?}}",
 		"{.*?}",
 		"%s",
 		"%d"
-	] } = E, Y = K.filter((e) => e.code !== q);
+	] } = E, X = q.filter((e) => e.code !== J);
 	v.useEffect(() => {
-		j(D);
-	}, [D]), v.useEffect(() => (J && et.size > 0 && O && (G.current && clearTimeout(G.current), G.current = setTimeout(async () => {
-		await O(A), tt(/* @__PURE__ */ new Map());
-	}, rt)), () => {
-		G.current && clearTimeout(G.current);
+		M(D);
+	}, [D]), v.useEffect(() => (Y && $e.size > 0 && O && (K.current && clearTimeout(K.current), K.current = setTimeout(async () => {
+		await O(j), et(/* @__PURE__ */ new Map());
+	}, nt)), () => {
+		K.current && clearTimeout(K.current);
 	}), [
-		et,
-		J,
-		rt,
+		$e,
+		Y,
+		nt,
 		O,
-		A
+		j
 	]);
-	let X = v.useMemo(() => {
-		let e = A;
-		if (M) {
-			let t = M.toLowerCase();
+	let Z = v.useMemo(() => {
+		let e = j;
+		if (N) {
+			let t = N.toLowerCase();
 			e = e.filter((e) => {
 				if (e.key.toLowerCase().includes(t)) return !0;
 				for (let n of Object.keys(e.translations)) if (e.translations[n]?.value?.toLowerCase().includes(t)) return !0;
 				return !1;
 			});
 		}
-		return N !== "all" && (e = e.filter((e) => {
-			let t = w(e, K.map((e) => e.code), q);
-			switch (N) {
+		return P !== "all" && (e = e.filter((e) => {
+			let t = w(e, q.map((e) => e.code), J);
+			switch (P) {
 				case "missing": return t === "missing";
 				case "incomplete": return t === "missing" || t === "identical";
 				case "identical": return t === "identical";
@@ -122,13 +122,13 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 			}
 		})), e;
 	}, [
-		A,
-		M,
+		j,
 		N,
-		K,
-		q
-	]), at = v.useMemo(() => ke(X, nt), [X, nt]), Z = (e, t, n) => {
-		j((r) => r.map((r) => r.key === e ? {
+		P,
+		q,
+		J
+	]), it = v.useMemo(() => ke(Z, tt), [Z, tt]), Q = (e, t, n) => {
+		M((r) => r.map((r) => r.key === e ? {
 			...r,
 			translations: {
 				...r.translations,
@@ -138,33 +138,33 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 					updatedAt: /* @__PURE__ */ new Date()
 				}
 			}
-		} : r)), tt((r) => {
+		} : r)), et((r) => {
 			let i = new Map(r);
 			return i.has(e) || i.set(e, /* @__PURE__ */ new Map()), i.get(e).set(t, n), i;
 		}), je?.(e, t, n);
-	}, ot = async () => {
-		B.trim() && (await Me?.(B), Ye(""), L(!1));
-	}, st = async (e) => {
-		await Ne?.(e), j((t) => t.filter((t) => t.key !== e));
-	}, ct = async () => {
-		!V.code || !V.label || (await Pe?.(V), H({
+	}, at = async () => {
+		V.trim() && (await Me?.(V), Je(""), R(!1));
+	}, ot = async (e) => {
+		await Ne?.(e), M((t) => t.filter((t) => t.key !== e));
+	}, st = async () => {
+		!H.code || !H.label || (await Pe?.(H), U({
 			code: "",
 			label: "",
 			flag: ""
-		}), R(!1));
-	}, lt = async () => {
-		!U || !W || (await Fe?.(U, W, Qe), Xe(null), Ze(""), z(!1));
-	}, Q = (e) => {
+		}), z(!1));
+	}, ct = async () => {
+		!W || !G || (await Fe?.(W, G, Ze), Ye(null), Xe(""), B(!1));
+	}, lt = (e) => {
 		navigator.clipboard.writeText(e);
 	}, ut = (e) => {
-		We((t) => {
+		Ue((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, $ = v.useMemo(() => {
-		let e = A.length, t = 0, n = 0, r = 0;
-		for (let e of A) {
-			let i = w(e, K.map((e) => e.code), q);
+		let e = j.length, t = 0, n = 0, r = 0;
+		for (let e of j) {
+			let i = w(e, q.map((e) => e.code), J);
 			i === "missing" ? t++ : i === "identical" ? n++ : r++;
 		}
 		return {
@@ -174,15 +174,15 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 			valid: r
 		};
 	}, [
-		A,
-		K,
-		q
+		j,
+		q,
+		J
 	]);
 	return Ie ? /* @__PURE__ */ x("div", {
-		className: e("flex items-center justify-center py-12", Re),
+		className: e("flex items-center justify-center py-12", A),
 		children: /* @__PURE__ */ x(Se, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	}) : /* @__PURE__ */ x(de, { children: /* @__PURE__ */ S("div", {
-		className: e("flex flex-col h-full", Re),
+		className: e("flex flex-col h-full", A),
 		children: [
 			/* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-4 p-4 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
@@ -191,23 +191,23 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h2", {
 							className: "text-2xl font-bold flex items-center gap-2",
-							children: [/* @__PURE__ */ x(xe, { className: "h-6 w-6" }), ze]
+							children: [/* @__PURE__ */ x(xe, { className: "h-6 w-6" }), Re]
 						}), /* @__PURE__ */ x("p", {
 							className: "text-sm text-muted-foreground",
-							children: Be
+							children: ze
 						})] }), /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2",
 							children: [
 								/* @__PURE__ */ S(n, {
 									variant: "outline",
 									size: "sm",
-									onClick: () => L(!0),
+									onClick: () => R(!0),
 									children: [/* @__PURE__ */ x(we, { className: "h-4 w-4 mr-1" }), "Ajouter une clé"]
 								}),
 								/* @__PURE__ */ S(n, {
 									variant: "outline",
 									size: "sm",
-									onClick: () => R(!0),
+									onClick: () => z(!0),
 									children: [/* @__PURE__ */ x(be, { className: "h-4 w-4 mr-1" }), "Ajouter une langue"]
 								}),
 								/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(ne, {
@@ -224,7 +224,7 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 											onClick: () => k?.(),
 											children: [/* @__PURE__ */ x(_e, { className: "h-4 w-4 mr-2" }), "Exporter tout"]
 										}),
-										K.map((e) => /* @__PURE__ */ S(u, {
+										q.map((e) => /* @__PURE__ */ S(u, {
 											onClick: () => k?.(e.code),
 											children: [
 												/* @__PURE__ */ x(_e, { className: "h-4 w-4 mr-2" }),
@@ -234,7 +234,7 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 										}, e.code)),
 										/* @__PURE__ */ x(te, {}),
 										/* @__PURE__ */ S(u, {
-											onClick: () => z(!0),
+											onClick: () => B(!0),
 											children: [/* @__PURE__ */ x(De, { className: "h-4 w-4 mr-2" }), "Importer"]
 										})
 									]
@@ -287,12 +287,12 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								/* @__PURE__ */ x(Te, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
 								/* @__PURE__ */ x(d, {
 									placeholder: "Rechercher une clé ou une traduction...",
-									value: M,
-									onChange: (e) => Ve(e.target.value),
+									value: N,
+									onChange: (e) => Be(e.target.value),
 									className: "pl-10"
 								}),
-								M && /* @__PURE__ */ x("button", {
-									onClick: () => Ve(""),
+								N && /* @__PURE__ */ x("button", {
+									onClick: () => Be(""),
 									className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
 									children: /* @__PURE__ */ x(Oe, { className: "h-4 w-4" })
 								})
@@ -300,8 +300,8 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 						}), /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ x(ye, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(f, {
-								value: N,
-								onValueChange: (e) => He(e),
+								value: P,
+								onValueChange: (e) => Ve(e),
 								children: [/* @__PURE__ */ x(h, {
 									className: "w-[180px]",
 									children: /* @__PURE__ */ x(g, {})
@@ -357,9 +357,9 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 							}),
 							/* @__PURE__ */ S("th", {
 								className: "text-left p-3 font-medium text-sm border-b",
-								children: [K.find((e) => e.code === q)?.label || q, " (source)"]
+								children: [q.find((e) => e.code === J)?.label || J, " (source)"]
 							}),
-							Y.map((e) => /* @__PURE__ */ x("th", {
+							X.map((e) => /* @__PURE__ */ x("th", {
 								className: "text-left p-3 font-medium text-sm border-b",
 								children: /* @__PURE__ */ S("span", {
 									className: "flex items-center gap-2",
@@ -375,16 +375,16 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								children: "Actions"
 							})
 						] })
-					}), /* @__PURE__ */ S("tbody", { children: [Array.from(at.entries()).map(([e, r]) => /* @__PURE__ */ S(v.Fragment, { children: [e !== "__root__" && /* @__PURE__ */ x("tr", {
+					}), /* @__PURE__ */ S("tbody", { children: [Array.from(it.entries()).map(([e, r]) => /* @__PURE__ */ S(v.Fragment, { children: [e !== "__root__" && /* @__PURE__ */ x("tr", {
 						className: "bg-muted/30",
 						children: /* @__PURE__ */ x("td", {
-							colSpan: Y.length + 4,
+							colSpan: X.length + 4,
 							className: "p-2",
 							children: /* @__PURE__ */ S("button", {
 								onClick: () => ut(e),
 								className: "flex items-center gap-2 text-sm font-medium hover:text-primary transition-colors",
 								children: [
-									Ue.has(e) ? /* @__PURE__ */ x(he, { className: "h-4 w-4" }) : /* @__PURE__ */ x(me, { className: "h-4 w-4" }),
+									He.has(e) ? /* @__PURE__ */ x(he, { className: "h-4 w-4" }) : /* @__PURE__ */ x(me, { className: "h-4 w-4" }),
 									e,
 									/* @__PURE__ */ x(t, {
 										variant: "secondary",
@@ -394,8 +394,8 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								]
 							})
 						})
-					}), !Ue.has(e) && r.map((e) => {
-						let t = w(e, K.map((e) => e.code), q);
+					}), !He.has(e) && r.map((e) => {
+						let t = w(e, q.map((e) => e.code), J);
 						return /* @__PURE__ */ S("tr", {
 							className: "border-b hover:bg-muted/30 transition-colors",
 							children: [
@@ -410,7 +410,7 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 										}), /* @__PURE__ */ S(le, { children: [/* @__PURE__ */ x(fe, {
 											asChild: !0,
 											children: /* @__PURE__ */ x("button", {
-												onClick: () => Q(e.key),
+												onClick: () => lt(e.key),
 												className: "text-muted-foreground hover:text-foreground",
 												children: /* @__PURE__ */ x(ge, { className: "h-3 w-3" })
 											})
@@ -420,19 +420,19 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								/* @__PURE__ */ x("td", {
 									className: "p-2",
 									children: /* @__PURE__ */ x(T, {
-										value: e.translations[q]?.value || "",
-										onChange: (t) => Z(e.key, q, t),
+										value: e.translations[J]?.value || "",
+										onChange: (t) => Q(e.key, J, t),
 										placeholder: "Texte source...",
-										status: e.translations[q]?.value ? "valid" : "missing"
+										status: e.translations[J]?.value ? "valid" : "missing"
 									})
 								}),
-								Y.map((t) => {
-									let n = C(e, t.code, q);
+								X.map((t) => {
+									let n = C(e, t.code, J);
 									return /* @__PURE__ */ x("td", {
 										className: "p-2",
 										children: /* @__PURE__ */ x(T, {
 											value: e.translations[t.code]?.value || "",
-											onChange: (n) => Z(e.key, t.code, n),
+											onChange: (n) => Q(e.key, t.code, n),
 											placeholder: `Traduction ${t.label}...`,
 											status: n
 										})
@@ -456,18 +456,18 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 										children: [
 											/* @__PURE__ */ S(u, {
 												onClick: () => {
-													F(e), I(!0);
+													I(e), L(!0);
 												},
 												children: [/* @__PURE__ */ x(ve, { className: "h-4 w-4 mr-2" }), "Éditer"]
 											}),
 											/* @__PURE__ */ S(u, {
-												onClick: () => Q(e.key),
+												onClick: () => lt(e.key),
 												children: [/* @__PURE__ */ x(ge, { className: "h-4 w-4 mr-2" }), "Copier la clé"]
 											}),
 											/* @__PURE__ */ x(te, {}),
 											/* @__PURE__ */ S(u, {
 												className: "text-destructive",
-												onClick: () => st(e.key),
+												onClick: () => ot(e.key),
 												children: [/* @__PURE__ */ x(Ee, { className: "h-4 w-4 mr-2" }), "Supprimer"]
 											})
 										]
@@ -475,40 +475,40 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								})
 							]
 						}, e.key);
-					})] }, e)), X.length === 0 && /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
-						colSpan: Y.length + 4,
+					})] }, e)), Z.length === 0 && /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
+						colSpan: X.length + 4,
 						className: "p-12 text-center",
 						children: [/* @__PURE__ */ x(xe, { className: "h-12 w-12 mx-auto text-muted-foreground/50 mb-4" }), /* @__PURE__ */ x("p", {
 							className: "text-muted-foreground",
-							children: M || N !== "all" ? "Aucune traduction ne correspond à vos critères" : "Aucune traduction disponible"
+							children: N || P !== "all" ? "Aucune traduction ne correspond à vos critères" : "Aucune traduction disponible"
 						})]
 					}) })] })]
 				})
 			}),
 			/* @__PURE__ */ x(re, {
-				open: Ge,
-				onOpenChange: I,
+				open: We,
+				onOpenChange: L,
 				children: /* @__PURE__ */ S(ie, {
 					className: "w-[500px] sm:max-w-[500px]",
 					children: [
-						/* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(ce, { children: "Éditer la traduction" }), /* @__PURE__ */ x(ae, { children: P?.key })] }),
-						P && /* @__PURE__ */ S("div", {
+						/* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(ce, { children: "Éditer la traduction" }), /* @__PURE__ */ x(ae, { children: F?.key })] }),
+						F && /* @__PURE__ */ S("div", {
 							className: "py-6 space-y-6",
 							children: [
 								/* @__PURE__ */ S("div", {
 									className: "space-y-2",
 									children: [/* @__PURE__ */ S("label", {
 										className: "text-sm font-medium",
-										children: [K.find((e) => e.code === q)?.label, " (source)"]
+										children: [q.find((e) => e.code === J)?.label, " (source)"]
 									}), /* @__PURE__ */ x(_, {
-										value: P.translations[q]?.value || "",
+										value: F.translations[J]?.value || "",
 										onChange: (e) => {
-											Z(P.key, q, e.target.value), F({
-												...P,
+											Q(F.key, J, e.target.value), I({
+												...F,
 												translations: {
-													...P.translations,
-													[q]: {
-														...P.translations[q],
+													...F.translations,
+													[J]: {
+														...F.translations[J],
 														value: e.target.value
 													}
 												}
@@ -518,20 +518,20 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 										className: "min-h-[100px]"
 									})]
 								}),
-								K.filter((e) => e.code !== q).map((e) => /* @__PURE__ */ S("div", {
+								q.filter((e) => e.code !== J).map((e) => /* @__PURE__ */ S("div", {
 									className: "space-y-2",
 									children: [/* @__PURE__ */ S("label", {
 										className: "text-sm font-medium flex items-center gap-2",
 										children: [e.flag && /* @__PURE__ */ x("span", { children: e.flag }), e.label]
 									}), /* @__PURE__ */ x(_, {
-										value: P.translations[e.code]?.value || "",
+										value: F.translations[e.code]?.value || "",
 										onChange: (t) => {
-											Z(P.key, e.code, t.target.value), F({
-												...P,
+											Q(F.key, e.code, t.target.value), I({
+												...F,
 												translations: {
-													...P.translations,
+													...F.translations,
 													[e.code]: {
-														...P.translations[e.code],
+														...F.translations[e.code],
 														value: t.target.value
 													}
 												}
@@ -555,38 +555,38 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 						}),
 						/* @__PURE__ */ x(oe, { children: /* @__PURE__ */ x(n, {
 							variant: "outline",
-							onClick: () => I(!1),
+							onClick: () => L(!1),
 							children: "Fermer"
 						}) })
 					]
 				})
 			}),
 			/* @__PURE__ */ x(r, {
-				open: Ke,
-				onOpenChange: L,
+				open: Ge,
+				onOpenChange: R,
 				children: /* @__PURE__ */ S(i, { children: [
 					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Ajouter une clé de traduction" }), /* @__PURE__ */ x(a, { children: "Entrez la clé de traduction (ex: common.buttons.submit)" })] }),
 					/* @__PURE__ */ x("div", {
 						className: "py-4",
 						children: /* @__PURE__ */ x(d, {
-							value: B,
-							onChange: (e) => Ye(e.target.value),
+							value: V,
+							onChange: (e) => Je(e.target.value),
 							placeholder: "namespace.key.name"
 						})
 					}),
 					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
 						variant: "outline",
-						onClick: () => L(!1),
+						onClick: () => R(!1),
 						children: "Annuler"
 					}), /* @__PURE__ */ x(n, {
-						onClick: ot,
+						onClick: at,
 						children: "Ajouter"
 					})] })
 				] })
 			}),
 			/* @__PURE__ */ x(r, {
-				open: qe,
-				onOpenChange: R,
+				open: Ke,
+				onOpenChange: z,
 				children: /* @__PURE__ */ S(i, { children: [
 					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Ajouter une langue" }), /* @__PURE__ */ x(a, { children: "Configurez la nouvelle langue à ajouter" })] }),
 					/* @__PURE__ */ S("div", {
@@ -598,9 +598,9 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 									className: "text-sm font-medium",
 									children: "Code (ex: de, it, pt)"
 								}), /* @__PURE__ */ x(d, {
-									value: V.code,
-									onChange: (e) => H({
-										...V,
+									value: H.code,
+									onChange: (e) => U({
+										...H,
 										code: e.target.value
 									}),
 									placeholder: "de"
@@ -612,9 +612,9 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 									className: "text-sm font-medium",
 									children: "Label"
 								}), /* @__PURE__ */ x(d, {
-									value: V.label,
-									onChange: (e) => H({
-										...V,
+									value: H.label,
+									onChange: (e) => U({
+										...H,
 										label: e.target.value
 									}),
 									placeholder: "Allemand"
@@ -626,9 +626,9 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 									className: "text-sm font-medium",
 									children: "Emoji drapeau (optionnel)"
 								}), /* @__PURE__ */ x(d, {
-									value: V.flag,
-									onChange: (e) => H({
-										...V,
+									value: H.flag,
+									onChange: (e) => U({
+										...H,
 										flag: e.target.value
 									}),
 									placeholder: "🇩🇪"
@@ -638,17 +638,17 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 					}),
 					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
 						variant: "outline",
-						onClick: () => R(!1),
+						onClick: () => z(!1),
 						children: "Annuler"
 					}), /* @__PURE__ */ x(n, {
-						onClick: ct,
+						onClick: st,
 						children: "Ajouter"
 					})] })
 				] })
 			}),
 			/* @__PURE__ */ x(r, {
-				open: Je,
-				onOpenChange: z,
+				open: qe,
+				onOpenChange: B,
 				children: /* @__PURE__ */ S(i, { children: [
 					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Importer des traductions" }), /* @__PURE__ */ x(a, { children: "Sélectionnez un fichier JSON à importer" })] }),
 					/* @__PURE__ */ S("div", {
@@ -662,7 +662,7 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 								}), /* @__PURE__ */ x(d, {
 									type: "file",
 									accept: ".json",
-									onChange: (e) => Xe(e.target.files?.[0] || null)
+									onChange: (e) => Ye(e.target.files?.[0] || null)
 								})]
 							}),
 							/* @__PURE__ */ S("div", {
@@ -671,9 +671,9 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 									className: "text-sm font-medium",
 									children: "Langue cible"
 								}), /* @__PURE__ */ S(f, {
-									value: W,
-									onValueChange: Ze,
-									children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(g, { placeholder: "Sélectionner une langue" }) }), /* @__PURE__ */ x(p, { children: K.map((e) => /* @__PURE__ */ S(m, {
+									value: G,
+									onValueChange: Xe,
+									children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(g, { placeholder: "Sélectionner une langue" }) }), /* @__PURE__ */ x(p, { children: q.map((e) => /* @__PURE__ */ S(m, {
 										value: e.code,
 										children: [e.flag && /* @__PURE__ */ x("span", {
 											className: "mr-2",
@@ -688,8 +688,8 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 									className: "text-sm font-medium",
 									children: "Stratégie"
 								}), /* @__PURE__ */ S(f, {
-									value: Qe,
-									onValueChange: (e) => $e(e),
+									value: Ze,
+									onValueChange: (e) => Qe(e),
 									children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(g, {}) }), /* @__PURE__ */ S(p, { children: [/* @__PURE__ */ x(m, {
 										value: "merge",
 										children: "Fusionner (conserver les existantes)"
@@ -703,11 +703,11 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 					}),
 					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
 						variant: "outline",
-						onClick: () => z(!1),
+						onClick: () => B(!1),
 						children: "Annuler"
 					}), /* @__PURE__ */ x(n, {
-						onClick: lt,
-						disabled: !U || !W,
+						onClick: ct,
+						disabled: !W || !G,
 						children: "Importer"
 					})] })
 				] })
@@ -716,4 +716,4 @@ function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me,
 	}) });
 }
 //#endregion
-export { E as default };
+export { E as WakaI18nEditor, E as default };

package/dist/blocks/incident-manager/index.cjs.js

@@ -1 +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/input/index.cjs.js`),s=require(`../../components/select/index.cjs.js`),c=require(`../../components/scroll-area/index.cjs.js`);let l=require(`react`);l=e.__toESM(l);let u=require(`lucide-react`),d=require(`react/jsx-runtime`);var f={critical:{label:`Critical`,color:`text-red-500`,bgColor:`bg-red-500`},high:{label:`High`,color:`text-orange-500`,bgColor:`bg-orange-500`},medium:{label:`Medium`,color:`text-yellow-500`,bgColor:`bg-yellow-500`},low:{label:`Low`,color:`text-blue-500`,bgColor:`bg-blue-500`}},p={triggered:{label:`Triggered`,color:`text-red-500`,icon:u.AlertCircle},acknowledged:{label:`Acknowledged`,color:`text-orange-500`,icon:u.Bell},investigating:{label:`Investigating`,color:`text-yellow-500`,icon:u.Search},identified:{label:`Identified`,color:`text-blue-500`,icon:u.Activity},resolved:{label:`Resolved`,color:`text-green-500`,icon:u.CheckCircle2},closed:{label:`Closed`,color:`text-gray-500`,icon:u.XCircle}};function m(e,t){let n=(t||new Date).getTime()-e.getTime(),r=Math.floor(n/6e4),i=Math.floor(r/60),a=Math.floor(i/24);return a>0?`${a}d ${i%24}h`:i>0?`${i}h ${r%60}m`:`${r}m`}function h(e){return e.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`})}function g({incident:e,onAcknowledge:o,onResolve:s,onSelect:c}){let l=f[e.severity],h=p[e.status],g=h.icon,_=![`resolved`,`closed`].includes(e.status);return(0,d.jsx)(a.Card,{className:t.cn(`cursor-pointer transition-all hover:shadow-md`,e.severity===`critical`&&_&&`border-red-500/50 bg-red-500/5`,e.severity===`high`&&_&&`border-orange-500/30`),onClick:c,children:(0,d.jsx)(a.CardContent,{className:`p-4`,children:(0,d.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,d.jsx)(`div`,{className:t.cn(`p-2 rounded-lg shrink-0`,`${l.bgColor}/10`),children:(0,d.jsx)(u.AlertTriangle,{className:t.cn(`h-5 w-5`,l.color)})}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,d.jsx)(r.Badge,{className:t.cn(`text-white text-xs`,l.bgColor),children:l.label}),(0,d.jsxs)(r.Badge,{variant:`outline`,className:t.cn(`text-xs`,h.color),children:[(0,d.jsx)(g,{className:`h-3 w-3 mr-1`}),h.label]}),e.service&&(0,d.jsx)(r.Badge,{variant:`secondary`,className:`text-xs`,children:e.service})]}),(0,d.jsx)(`h4`,{className:`font-semibold mt-2 truncate`,children:e.title}),e.description&&(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1 line-clamp-2`,children:e.description}),(0,d.jsxs)(`div`,{className:`flex items-center gap-4 mt-3 text-xs text-muted-foreground`,children:[(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.Clock,{className:`h-3 w-3`}),m(e.createdAt,e.resolvedAt)]}),e.affectedUsers!==void 0&&(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.Users,{className:`h-3 w-3`}),e.affectedUsers,` affected`]}),(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.MessageSquare,{className:`h-3 w-3`}),e.events.length]})]}),e.responders.length>0&&(0,d.jsx)(`div`,{className:`flex items-center gap-2 mt-3`,children:(0,d.jsxs)(`div`,{className:`flex -space-x-2`,children:[e.responders.slice(0,3).map(e=>(0,d.jsxs)(n.Avatar,{className:`h-6 w-6 border-2 border-background`,children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-xs`,children:e.name.slice(0,2).toUpperCase()})]},e.id)),e.responders.length>3&&(0,d.jsxs)(`div`,{className:`h-6 w-6 rounded-full bg-muted flex items-center justify-center text-xs border-2 border-background`,children:[`+`,e.responders.length-3]})]})})]}),_&&(0,d.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[e.status===`triggered`&&o&&(0,d.jsx)(i.Button,{size:`sm`,variant:`outline`,className:`h-7 text-xs`,onClick:e=>{e.stopPropagation(),o()},children:`Ack`}),e.status!==`triggered`&&e.status!==`resolved`&&s&&(0,d.jsx)(i.Button,{size:`sm`,variant:`outline`,className:`h-7 text-xs text-green-500`,onClick:e=>{e.stopPropagation(),s()},children:`Resolve`})]})]})})})}function _({incidents:e}){let t=e.filter(e=>![`resolved`,`closed`].includes(e.status)),n=t.filter(e=>e.severity===`critical`),r=l.useMemo(()=>{let t=e.filter(e=>e.resolvedAt);if(t.length===0)return 0;let n=t.reduce((e,t)=>e+(t.resolvedAt.getTime()-t.createdAt.getTime()),0);return Math.round(n/t.length/6e4)},[e]);return(0,d.jsxs)(`div`,{className:`grid grid-cols-4 gap-4`,children:[(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-red-500`,children:t.length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Active Incidents`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-orange-500`,children:n.length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Critical`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsxs)(`div`,{className:`text-3xl font-bold`,children:[r,`m`]}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Avg MTTR`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-green-500`,children:e.filter(e=>e.status===`resolved`).length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Resolved Today`})]})})]})}function v({incidents:e,onCreateIncident:m,onAcknowledge:v,onResolve:y,onEscalate:b,onAssign:x,className:S}){let[C,w]=l.useState(``),[T,E]=l.useState(`all`),[D,O]=l.useState(`active`),[k,A]=l.useState(null),j=l.useMemo(()=>e.filter(e=>!(C&&!e.title.toLowerCase().includes(C.toLowerCase())||T!==`all`&&e.severity!==T||D===`active`&&[`resolved`,`closed`].includes(e.status)||D===`resolved`&&![`resolved`,`closed`].includes(e.status))).sort((e,t)=>{let n={critical:0,high:1,medium:2,low:3},r=n[e.severity]-n[t.severity];return r===0?t.createdAt.getTime()-e.createdAt.getTime():r}),[e,C,T,D]);return(0,d.jsxs)(`div`,{className:t.cn(`flex flex-col gap-6`,S),children:[(0,d.jsx)(_,{incidents:e}),(0,d.jsxs)(`div`,{className:`flex gap-6`,children:[(0,d.jsxs)(`div`,{className:`flex-1 space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsxs)(`div`,{className:`relative flex-1 max-w-sm`,children:[(0,d.jsx)(u.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.Input,{placeholder:`Search incidents...`,value:C,onChange:e=>w(e.target.value),className:`pl-9`})]}),(0,d.jsxs)(s.Select,{value:T,onValueChange:e=>E(e),children:[(0,d.jsx)(s.SelectTrigger,{className:`w-32`,children:(0,d.jsx)(s.SelectValue,{placeholder:`Severity`})}),(0,d.jsxs)(s.SelectContent,{children:[(0,d.jsx)(s.SelectItem,{value:`all`,children:`All Severity`}),(0,d.jsx)(s.SelectItem,{value:`critical`,children:`Critical`}),(0,d.jsx)(s.SelectItem,{value:`high`,children:`High`}),(0,d.jsx)(s.SelectItem,{value:`medium`,children:`Medium`}),(0,d.jsx)(s.SelectItem,{value:`low`,children:`Low`})]})]}),(0,d.jsxs)(s.Select,{value:D,onValueChange:e=>O(e),children:[(0,d.jsx)(s.SelectTrigger,{className:`w-32`,children:(0,d.jsx)(s.SelectValue,{placeholder:`Status`})}),(0,d.jsxs)(s.SelectContent,{children:[(0,d.jsx)(s.SelectItem,{value:`active`,children:`Active`}),(0,d.jsx)(s.SelectItem,{value:`resolved`,children:`Resolved`}),(0,d.jsx)(s.SelectItem,{value:`all`,children:`All`})]})]}),m&&(0,d.jsxs)(i.Button,{onClick:m,children:[(0,d.jsx)(u.Plus,{className:`h-4 w-4 mr-1`}),`Create Incident`]})]}),(0,d.jsx)(c.ScrollArea,{className:`h-[600px]`,children:(0,d.jsx)(`div`,{className:`space-y-3 pr-4`,children:j.length===0?(0,d.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-48 text-muted-foreground`,children:[(0,d.jsx)(u.Shield,{className:`h-12 w-12 mb-4 text-green-500`}),(0,d.jsx)(`p`,{className:`text-lg font-medium`,children:`No incidents`}),(0,d.jsx)(`p`,{className:`text-sm`,children:`All systems are operational`})]}):j.map(e=>(0,d.jsx)(g,{incident:e,onAcknowledge:v?()=>v(e):void 0,onResolve:y?()=>y(e):void 0,onSelect:()=>A(e)},e.id))})})]}),k&&(0,d.jsxs)(a.Card,{className:`w-96 shrink-0`,children:[(0,d.jsxs)(a.CardHeader,{className:`pb-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(r.Badge,{className:t.cn(`text-white`,f[k.severity].bgColor),children:f[k.severity].label}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:()=>A(null),children:(0,d.jsx)(u.XCircle,{className:`h-4 w-4`})})]}),(0,d.jsx)(a.CardTitle,{className:`mt-2`,children:k.title}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,d.jsx)(r.Badge,{variant:`outline`,className:p[k.status].color,children:p[k.status].label}),k.service&&(0,d.jsx)(r.Badge,{variant:`secondary`,children:k.service})]})]}),(0,d.jsxs)(a.CardContent,{className:`space-y-4`,children:[k.description&&(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:k.description}),k.impact&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-1`,children:`Impact`}),(0,d.jsx)(`p`,{className:`text-sm`,children:k.impact})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-2`,children:`Timeline`}),(0,d.jsx)(`div`,{className:`space-y-2`,children:k.events.slice(0,5).map(e=>(0,d.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,d.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:h(e.timestamp)}),(0,d.jsx)(`span`,{children:e.content})]},e.id))})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-2`,children:`Responders`}),(0,d.jsx)(`div`,{className:`space-y-2`,children:k.responders.map(e=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(n.Avatar,{className:`h-6 w-6`,children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-xs`,children:e.name.slice(0,2).toUpperCase()})]}),(0,d.jsx)(`span`,{className:`text-sm`,children:e.name}),(0,d.jsx)(r.Badge,{variant:`outline`,className:`text-xs ml-auto`,children:e.role})]},e.id))})]}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-2 pt-2 border-t`,children:[k.slackChannel&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start`,children:[(0,d.jsx)(u.MessageSquare,{className:`h-4 w-4 mr-2`}),`Join #`,k.slackChannel]}),k.runbookUrl&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start`,children:[(0,d.jsx)(u.ExternalLink,{className:`h-4 w-4 mr-2`}),`View Runbook`]}),b&&![`resolved`,`closed`].includes(k.status)&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start text-orange-500`,onClick:()=>b(k),children:[(0,d.jsx)(u.Phone,{className:`h-4 w-4 mr-2`}),`Escalate`]})]})]})]})]})]})}var y=[{id:`1`,title:`Database connection pool exhausted`,description:`Production database is experiencing connection pool exhaustion, causing request timeouts`,severity:`critical`,status:`investigating`,service:`api-gateway`,createdAt:new Date(Date.now()-45*6e4),acknowledgedAt:new Date(Date.now()-40*6e4),impact:`50% of API requests failing with 504 errors`,affectedUsers:12500,slackChannel:`incident-db-001`,runbookUrl:`https://runbooks.example.com/db-pool`,responders:[{id:`1`,name:`John Doe`,role:`Incident Commander`,status:`engaged`},{id:`2`,name:`Jane Smith`,role:`DBA`,status:`engaged`}],events:[{id:`e1`,type:`status_change`,timestamp:new Date(Date.now()-45*6e4),content:`Incident triggered by alerting system`},{id:`e2`,type:`assignment`,timestamp:new Date(Date.now()-43*6e4),content:`John Doe assigned as IC`,user:`System`},{id:`e3`,type:`status_change`,timestamp:new Date(Date.now()-40*6e4),content:`Incident acknowledged`,user:`John Doe`},{id:`e4`,type:`comment`,timestamp:new Date(Date.now()-35*6e4),content:`Investigating connection pool settings`,user:`Jane Smith`},{id:`e5`,type:`status_change`,timestamp:new Date(Date.now()-30*6e4),content:`Status changed to investigating`,user:`John Doe`}]},{id:`2`,title:`High latency on payment service`,description:`Payment processing latency increased to >2s, above SLA threshold`,severity:`high`,status:`acknowledged`,service:`payment-service`,createdAt:new Date(Date.now()-20*6e4),acknowledgedAt:new Date(Date.now()-15*6e4),affectedUsers:3200,responders:[{id:`3`,name:`Alice Johnson`,role:`On-Call Engineer`,status:`engaged`}],events:[{id:`e6`,type:`status_change`,timestamp:new Date(Date.now()-20*6e4),content:`Incident triggered`},{id:`e7`,type:`status_change`,timestamp:new Date(Date.now()-15*6e4),content:`Acknowledged by Alice Johnson`}]},{id:`3`,title:`Elevated error rate on search API`,severity:`medium`,status:`triggered`,service:`search-service`,createdAt:new Date(Date.now()-5*6e4),responders:[],events:[{id:`e8`,type:`status_change`,timestamp:new Date(Date.now()-5*6e4),content:`Incident triggered by alerting system`}]},{id:`4`,title:`Memory leak in recommendation engine`,description:`Gradual memory increase detected, auto-scaling keeping up but needs investigation`,severity:`low`,status:`resolved`,service:`recommendation-engine`,createdAt:new Date(Date.now()-4*36e5),acknowledgedAt:new Date(Date.now()-3.5*36e5),resolvedAt:new Date(Date.now()-2*36e5),responders:[{id:`4`,name:`Bob Wilson`,role:`Backend Engineer`,status:`available`}],events:[{id:`e9`,type:`status_change`,timestamp:new Date(Date.now()-4*36e5),content:`Incident triggered`},{id:`e10`,type:`status_change`,timestamp:new Date(Date.now()-2*36e5),content:`Resolved - deployed fix v2.3.1`}]}];exports.IncidentManager=v,exports.defaultIncidents=y;
+"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/input/index.cjs.js"),s=require("../../components/select/index.cjs.js"),c=require("../../components/scroll-area/index.cjs.js");let l=require("react");l=e.__toESM(l);let u=require("lucide-react"),d=require("react/jsx-runtime");var f={critical:{label:`Critical`,color:`text-red-500`,bgColor:`bg-red-500`},high:{label:`High`,color:`text-orange-500`,bgColor:`bg-orange-500`},medium:{label:`Medium`,color:`text-yellow-500`,bgColor:`bg-yellow-500`},low:{label:`Low`,color:`text-blue-500`,bgColor:`bg-blue-500`}},p={triggered:{label:`Triggered`,color:`text-red-500`,icon:u.AlertCircle},acknowledged:{label:`Acknowledged`,color:`text-orange-500`,icon:u.Bell},investigating:{label:`Investigating`,color:`text-yellow-500`,icon:u.Search},identified:{label:`Identified`,color:`text-blue-500`,icon:u.Activity},resolved:{label:`Resolved`,color:`text-green-500`,icon:u.CheckCircle2},closed:{label:`Closed`,color:`text-gray-500`,icon:u.XCircle}};function m(e,t){let n=(t||new Date).getTime()-e.getTime(),r=Math.floor(n/6e4),i=Math.floor(r/60),a=Math.floor(i/24);return a>0?`${a}d ${i%24}h`:i>0?`${i}h ${r%60}m`:`${r}m`}function h(e){return e.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`})}function g({incident:e,onAcknowledge:o,onResolve:s,onSelect:c}){let l=f[e.severity],h=p[e.status],g=h.icon,_=![`resolved`,`closed`].includes(e.status);return(0,d.jsx)(a.Card,{className:t.cn(`cursor-pointer transition-all hover:shadow-md`,e.severity===`critical`&&_&&`border-red-500/50 bg-red-500/5`,e.severity===`high`&&_&&`border-orange-500/30`),onClick:c,children:(0,d.jsx)(a.CardContent,{className:`p-4`,children:(0,d.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,d.jsx)(`div`,{className:t.cn(`p-2 rounded-lg shrink-0`,`${l.bgColor}/10`),children:(0,d.jsx)(u.AlertTriangle,{className:t.cn(`h-5 w-5`,l.color)})}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,d.jsx)(r.Badge,{className:t.cn(`text-white text-xs`,l.bgColor),children:l.label}),(0,d.jsxs)(r.Badge,{variant:`outline`,className:t.cn(`text-xs`,h.color),children:[(0,d.jsx)(g,{className:`h-3 w-3 mr-1`}),h.label]}),e.service&&(0,d.jsx)(r.Badge,{variant:`secondary`,className:`text-xs`,children:e.service})]}),(0,d.jsx)(`h4`,{className:`font-semibold mt-2 truncate`,children:e.title}),e.description&&(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1 line-clamp-2`,children:e.description}),(0,d.jsxs)(`div`,{className:`flex items-center gap-4 mt-3 text-xs text-muted-foreground`,children:[(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.Clock,{className:`h-3 w-3`}),m(e.createdAt,e.resolvedAt)]}),e.affectedUsers!==void 0&&(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.Users,{className:`h-3 w-3`}),e.affectedUsers,` affected`]}),(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(u.MessageSquare,{className:`h-3 w-3`}),e.events.length]})]}),e.responders.length>0&&(0,d.jsx)(`div`,{className:`flex items-center gap-2 mt-3`,children:(0,d.jsxs)(`div`,{className:`flex -space-x-2`,children:[e.responders.slice(0,3).map(e=>(0,d.jsxs)(n.Avatar,{className:`h-6 w-6 border-2 border-background`,children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-xs`,children:e.name.slice(0,2).toUpperCase()})]},e.id)),e.responders.length>3&&(0,d.jsxs)(`div`,{className:`h-6 w-6 rounded-full bg-muted flex items-center justify-center text-xs border-2 border-background`,children:[`+`,e.responders.length-3]})]})})]}),_&&(0,d.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[e.status===`triggered`&&o&&(0,d.jsx)(i.Button,{size:`sm`,variant:`outline`,className:`h-7 text-xs`,onClick:e=>{e.stopPropagation(),o()},children:`Ack`}),e.status!==`triggered`&&e.status!==`resolved`&&s&&(0,d.jsx)(i.Button,{size:`sm`,variant:`outline`,className:`h-7 text-xs text-green-500`,onClick:e=>{e.stopPropagation(),s()},children:`Resolve`})]})]})})})}function _({incidents:e}){let t=e.filter(e=>![`resolved`,`closed`].includes(e.status)),n=t.filter(e=>e.severity===`critical`),r=l.useMemo(()=>{let t=e.filter(e=>e.resolvedAt);if(t.length===0)return 0;let n=t.reduce((e,t)=>e+(t.resolvedAt.getTime()-t.createdAt.getTime()),0);return Math.round(n/t.length/6e4)},[e]);return(0,d.jsxs)(`div`,{className:`grid grid-cols-4 gap-4`,children:[(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-red-500`,children:t.length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Active Incidents`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-orange-500`,children:n.length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Critical`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsxs)(`div`,{className:`text-3xl font-bold`,children:[r,`m`]}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Avg MTTR`})]})}),(0,d.jsx)(a.Card,{children:(0,d.jsxs)(a.CardContent,{className:`p-4 text-center`,children:[(0,d.jsx)(`div`,{className:`text-3xl font-bold text-green-500`,children:e.filter(e=>e.status===`resolved`).length}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Resolved Today`})]})})]})}function v({incidents:e,onCreateIncident:m,onAcknowledge:v,onResolve:y,onEscalate:b,onAssign:x,className:S}){let[C,w]=l.useState(``),[T,E]=l.useState(`all`),[D,O]=l.useState(`active`),[k,A]=l.useState(null),j=l.useMemo(()=>e.filter(e=>!(C&&!e.title.toLowerCase().includes(C.toLowerCase())||T!==`all`&&e.severity!==T||D===`active`&&[`resolved`,`closed`].includes(e.status)||D===`resolved`&&![`resolved`,`closed`].includes(e.status))).sort((e,t)=>{let n={critical:0,high:1,medium:2,low:3},r=n[e.severity]-n[t.severity];return r===0?t.createdAt.getTime()-e.createdAt.getTime():r}),[e,C,T,D]);return(0,d.jsxs)(`div`,{className:t.cn(`flex flex-col gap-6`,S),children:[(0,d.jsx)(_,{incidents:e}),(0,d.jsxs)(`div`,{className:`flex gap-6`,children:[(0,d.jsxs)(`div`,{className:`flex-1 space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsxs)(`div`,{className:`relative flex-1 max-w-sm`,children:[(0,d.jsx)(u.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.Input,{placeholder:`Search incidents...`,value:C,onChange:e=>w(e.target.value),className:`pl-9`})]}),(0,d.jsxs)(s.Select,{value:T,onValueChange:e=>E(e),children:[(0,d.jsx)(s.SelectTrigger,{className:`w-32`,children:(0,d.jsx)(s.SelectValue,{placeholder:`Severity`})}),(0,d.jsxs)(s.SelectContent,{children:[(0,d.jsx)(s.SelectItem,{value:`all`,children:`All Severity`}),(0,d.jsx)(s.SelectItem,{value:`critical`,children:`Critical`}),(0,d.jsx)(s.SelectItem,{value:`high`,children:`High`}),(0,d.jsx)(s.SelectItem,{value:`medium`,children:`Medium`}),(0,d.jsx)(s.SelectItem,{value:`low`,children:`Low`})]})]}),(0,d.jsxs)(s.Select,{value:D,onValueChange:e=>O(e),children:[(0,d.jsx)(s.SelectTrigger,{className:`w-32`,children:(0,d.jsx)(s.SelectValue,{placeholder:`Status`})}),(0,d.jsxs)(s.SelectContent,{children:[(0,d.jsx)(s.SelectItem,{value:`active`,children:`Active`}),(0,d.jsx)(s.SelectItem,{value:`resolved`,children:`Resolved`}),(0,d.jsx)(s.SelectItem,{value:`all`,children:`All`})]})]}),m&&(0,d.jsxs)(i.Button,{onClick:m,children:[(0,d.jsx)(u.Plus,{className:`h-4 w-4 mr-1`}),`Create Incident`]})]}),(0,d.jsx)(c.ScrollArea,{className:`h-[600px]`,children:(0,d.jsx)(`div`,{className:`space-y-3 pr-4`,children:j.length===0?(0,d.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-48 text-muted-foreground`,children:[(0,d.jsx)(u.Shield,{className:`h-12 w-12 mb-4 text-green-500`}),(0,d.jsx)(`p`,{className:`text-lg font-medium`,children:`No incidents`}),(0,d.jsx)(`p`,{className:`text-sm`,children:`All systems are operational`})]}):j.map(e=>(0,d.jsx)(g,{incident:e,onAcknowledge:v?()=>v(e):void 0,onResolve:y?()=>y(e):void 0,onSelect:()=>A(e)},e.id))})})]}),k&&(0,d.jsxs)(a.Card,{className:`w-96 shrink-0`,children:[(0,d.jsxs)(a.CardHeader,{className:`pb-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(r.Badge,{className:t.cn(`text-white`,f[k.severity].bgColor),children:f[k.severity].label}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:()=>A(null),children:(0,d.jsx)(u.XCircle,{className:`h-4 w-4`})})]}),(0,d.jsx)(a.CardTitle,{className:`mt-2`,children:k.title}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,d.jsx)(r.Badge,{variant:`outline`,className:p[k.status].color,children:p[k.status].label}),k.service&&(0,d.jsx)(r.Badge,{variant:`secondary`,children:k.service})]})]}),(0,d.jsxs)(a.CardContent,{className:`space-y-4`,children:[k.description&&(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:k.description}),k.impact&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-1`,children:`Impact`}),(0,d.jsx)(`p`,{className:`text-sm`,children:k.impact})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-2`,children:`Timeline`}),(0,d.jsx)(`div`,{className:`space-y-2`,children:k.events.slice(0,5).map(e=>(0,d.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,d.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:h(e.timestamp)}),(0,d.jsx)(`span`,{children:e.content})]},e.id))})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-2`,children:`Responders`}),(0,d.jsx)(`div`,{className:`space-y-2`,children:k.responders.map(e=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(n.Avatar,{className:`h-6 w-6`,children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-xs`,children:e.name.slice(0,2).toUpperCase()})]}),(0,d.jsx)(`span`,{className:`text-sm`,children:e.name}),(0,d.jsx)(r.Badge,{variant:`outline`,className:`text-xs ml-auto`,children:e.role})]},e.id))})]}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-2 pt-2 border-t`,children:[k.slackChannel&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start`,children:[(0,d.jsx)(u.MessageSquare,{className:`h-4 w-4 mr-2`}),`Join #`,k.slackChannel]}),k.runbookUrl&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start`,children:[(0,d.jsx)(u.ExternalLink,{className:`h-4 w-4 mr-2`}),`View Runbook`]}),b&&![`resolved`,`closed`].includes(k.status)&&(0,d.jsxs)(i.Button,{variant:`outline`,size:`sm`,className:`justify-start text-orange-500`,onClick:()=>b(k),children:[(0,d.jsx)(u.Phone,{className:`h-4 w-4 mr-2`}),`Escalate`]})]})]})]})]})]})}var y=[{id:`1`,title:`Database connection pool exhausted`,description:`Production database is experiencing connection pool exhaustion, causing request timeouts`,severity:`critical`,status:`investigating`,service:`api-gateway`,createdAt:new Date(Date.now()-45*6e4),acknowledgedAt:new Date(Date.now()-40*6e4),impact:`50% of API requests failing with 504 errors`,affectedUsers:12500,slackChannel:`incident-db-001`,runbookUrl:`https://runbooks.example.com/db-pool`,responders:[{id:`1`,name:`John Doe`,role:`Incident Commander`,status:`engaged`},{id:`2`,name:`Jane Smith`,role:`DBA`,status:`engaged`}],events:[{id:`e1`,type:`status_change`,timestamp:new Date(Date.now()-45*6e4),content:`Incident triggered by alerting system`},{id:`e2`,type:`assignment`,timestamp:new Date(Date.now()-43*6e4),content:`John Doe assigned as IC`,user:`System`},{id:`e3`,type:`status_change`,timestamp:new Date(Date.now()-40*6e4),content:`Incident acknowledged`,user:`John Doe`},{id:`e4`,type:`comment`,timestamp:new Date(Date.now()-35*6e4),content:`Investigating connection pool settings`,user:`Jane Smith`},{id:`e5`,type:`status_change`,timestamp:new Date(Date.now()-30*6e4),content:`Status changed to investigating`,user:`John Doe`}]},{id:`2`,title:`High latency on payment service`,description:`Payment processing latency increased to >2s, above SLA threshold`,severity:`high`,status:`acknowledged`,service:`payment-service`,createdAt:new Date(Date.now()-20*6e4),acknowledgedAt:new Date(Date.now()-15*6e4),affectedUsers:3200,responders:[{id:`3`,name:`Alice Johnson`,role:`On-Call Engineer`,status:`engaged`}],events:[{id:`e6`,type:`status_change`,timestamp:new Date(Date.now()-20*6e4),content:`Incident triggered`},{id:`e7`,type:`status_change`,timestamp:new Date(Date.now()-15*6e4),content:`Acknowledged by Alice Johnson`}]},{id:`3`,title:`Elevated error rate on search API`,severity:`medium`,status:`triggered`,service:`search-service`,createdAt:new Date(Date.now()-5*6e4),responders:[],events:[{id:`e8`,type:`status_change`,timestamp:new Date(Date.now()-5*6e4),content:`Incident triggered by alerting system`}]},{id:`4`,title:`Memory leak in recommendation engine`,description:`Gradual memory increase detected, auto-scaling keeping up but needs investigation`,severity:`low`,status:`resolved`,service:`recommendation-engine`,createdAt:new Date(Date.now()-4*36e5),acknowledgedAt:new Date(Date.now()-3.5*36e5),resolvedAt:new Date(Date.now()-2*36e5),responders:[{id:`4`,name:`Bob Wilson`,role:`Backend Engineer`,status:`available`}],events:[{id:`e9`,type:`status_change`,timestamp:new Date(Date.now()-4*36e5),content:`Incident triggered`},{id:`e10`,type:`status_change`,timestamp:new Date(Date.now()-2*36e5),content:`Resolved - deployed fix v2.3.1`}]}];exports.IncidentManager=v,exports.defaultIncidents=y;