@object-ui/plugin-detail 3.1.5 → 3.3.0

package/dist/index.js

@@ -1,45 +1,45 @@
-import { $ as e, $t as t, A as n, At as r, B as i, D as a, Dt as o, Et as s, G as c, H as l, Ht as u, It as d, J as f, Jt as p, K as m, Kt as h, M as g, Mt as _, N as v, Nt as y, Ot as b, Pt as x, Q as S, Qt as C, Rt as w, St as T, Tt as E, U as D, Ut as O, V as k, Vt as A, W as j, Wt as M, Xt as ee, Y as N, Yt as te, Z as P, Zt as F, _ as I, _t as ne, a as L, an as R, at as z, bt as B, dn as re, dt as V, en as ie, et as ae, fn as oe, ft as se, g as H, gt as ce, h as U, ht as le, i as ue, in as de, it as fe, j as W, jt as pe, k as me, kt as he, ln as ge, lt as _e, m as G, mn as ve, n as ye, nn as be, on as xe, ot as Se, pt as Ce, q as K, qt as we, r as Te, rt as Ee, sn as De, st as Oe, tn as ke, tt as Ae, un as q, ut as je, v as Me, vt as Ne, wt as Pe, xt as Fe, yt as Ie, z as Le, zt as Re } from "./src-CXr1-vVl.js";
-import "./TextField-CGNSl7RU.js";
-import "./NumberField-D_NucQlp.js";
-import "./BooleanField-CaA898Tk.js";
-import "./SelectField-C8hWu3gm.js";
-import "./DateField-Cth1ky_m.js";
-import "./EmailField-Do7qT_L_.js";
-import "./PhoneField-CcQAWwR6.js";
-import "./UrlField-1-BMM1jn.js";
-import "./CurrencyField-Wg-XOId2.js";
-import "./TextAreaField-DuriTqsD.js";
-import "./RichTextField-qOEJl5Ai.js";
-import { n as ze } from "./LookupField-BjwlDPtt.js";
-import "./DateTimeField-B0m6FhHL.js";
-import "./TimeField-YO58ctFg.js";
-import "./PercentField-B6sO_J3i.js";
-import "./PasswordField-DBtluGJ1.js";
-import "./FileField-aRJAdbQb.js";
-import "./ImageField-BYCFajjr.js";
-import "./LocationField-Bi_ew9sd.js";
-import "./FormulaField-DTMkagFx.js";
-import "./SummaryField-DgiFm-Cr.js";
-import "./AutoNumberField-Baa191z-.js";
-import "./UserField-B6GqxP_S.js";
-import "./ObjectField-CG-LaM65.js";
-import "./VectorField-BkEjbSt0.js";
-import "./GridField-D4IH0cpo.js";
-import "./ColorField-Cnf6ZM7c.js";
-import "./SliderField-Df5hMzNc.js";
-import "./RatingField-B_Mnr63i.js";
-import "./CodeField-BU51nl1L.js";
-import "./AvatarField-YGj51ozd.js";
-import "./AddressField-DBkEyMcG.js";
-import "./GeolocationField-RqpHWTEv.js";
-import "./SignatureField-CddhEK9u.js";
-import "./QRCodeField-CEjWs-J5.js";
-import "./MasterDetailField-I1A9oEGC.js";
-import * as J from "react";
-import Be from "react";
-import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { $ as e, $t as t, A as n, At as r, B as i, D as a, Dt as o, Et as s, G as c, H as l, Ht as u, It as d, J as f, Jt as p, K as m, Kt as h, M as g, Mt as _, N as v, Nt as y, Ot as b, Pt as x, Q as S, Qt as C, Rt as w, St as T, Tt as E, U as D, Ut as O, V as k, Vt as A, W as j, Wt as ee, Xt as te, Y as M, Yt as N, Z as P, Zt as F, _ as I, _t as ne, a as L, an as re, at as R, bt as z, dt as ie, en as B, et as ae, fn as oe, ft as se, g as V, gt as ce, h as H, hn as le, ht as ue, i as de, in as fe, it as pe, j as U, jt as me, k as he, kt as ge, ln as _e, lt as ve, m as W, n as ye, nn as be, on as xe, ot as Se, pn as Ce, pt as we, q as G, qt as Te, r as Ee, rt as De, sn as Oe, st as ke, tn as Ae, tt as je, un as K, ut as Me, v as Ne, vt as Pe, wt as Fe, xt as Ie, yt as Le, z as Re, zt as ze } from "./src-C56Ly5uG.js";
+import "./TextField-OTLa3p51.js";
+import "./NumberField-DL2QAL7X.js";
+import "./BooleanField-DwfMKknK.js";
+import "./SelectField-DGoDoRM_.js";
+import "./DateField-BKqXpkOh.js";
+import "./EmailField-CgvW1Qal.js";
+import "./PhoneField-CX1JL-jp.js";
+import "./UrlField-CxbmzP9f.js";
+import "./CurrencyField-tvS3fPAF.js";
+import "./TextAreaField-Cmw1oXcw.js";
+import "./RichTextField-CJqLWlrb.js";
+import { n as Be } from "./LookupField-B3hQJt95.js";
+import "./DateTimeField-CR-nJCE7.js";
+import "./TimeField-DKPoNWoR.js";
+import "./PercentField-DjR6BSpw.js";
+import "./PasswordField-DVTimsc3.js";
+import "./FileField-BVAme2ML.js";
+import "./ImageField-CDANtgVV.js";
+import "./LocationField-ZSyZ0O-h.js";
+import "./FormulaField-DamJ2VaG.js";
+import "./SummaryField-7ch9aqAu.js";
+import "./AutoNumberField-CtE7suf5.js";
+import "./UserField-ChvwUkMK.js";
+import "./ObjectField-JYvUnuRO.js";
+import "./VectorField-BVClL8Vw.js";
+import "./GridField-C9JbpTx_.js";
+import "./ColorField-YKHA7dBD.js";
+import "./SliderField-DEpMVXko.js";
+import "./RatingField-rRi_P0N0.js";
+import "./CodeField-CfwgRxx2.js";
+import "./AvatarField-Xuieq0ZI.js";
+import "./AddressField-CDLSeyNx.js";
+import "./GeolocationField-C99z7ZBM.js";
+import "./SignatureField-2CnhcWI0.js";
+import "./QRCodeField-CH_1pU6R.js";
+import "./MasterDetailField-B0HTmmD7.js";
+import * as q from "react";
+import Ve from "react";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region ../core/src/utils/expand-fields.ts
-function Ve(e, t) {
+function He(e, t) {
 	if (!e || typeof e != "object") return [];
 	let n = [];
 	for (let [t, r] of Object.entries(e)) r && typeof r == "object" && (r.type === "lookup" || r.type === "master_detail") && n.push(t);
@@ -57,7 +57,7 @@ function Ve(e, t) {
 }
 //#endregion
 //#region ../i18n/dist/useObjectLabel.js
-var He = new Set([
+var Ue = new Set([
 	"common",
 	"validation",
 	"form",
@@ -74,11 +74,11 @@ var He = new Set([
 	"errors",
 	"detail"
 ]);
-function Ue() {
-	let { t: e, i18n: t } = re(), n = () => {
+function We() {
+	let { t: e, i18n: t } = oe(), n = () => {
 		if (!t || typeof t.getResourceBundle != "function") return [];
 		let e = t.language || "en", n = t.getResourceBundle(e, "translation");
-		return n ? Object.keys(n).filter((e) => !He.has(e) && n[e] && typeof n[e] == "object" && (n[e].objects || n[e].fields)) : [];
+		return n ? Object.keys(n).filter((e) => !Ue.has(e) && n[e] && typeof n[e] == "object" && (n[e].objects || n[e].fields)) : [];
 	}, r = (t, r) => {
 		try {
 			let r = n();
@@ -97,9 +97,9 @@ function Ue() {
 		fieldLabel: (e, t, n) => r(`fields.${e}.${t}`, n)
 	};
 }
-function We() {
+function Ge() {
 	try {
-		let { fieldLabel: e } = Ue();
+		let { fieldLabel: e } = We();
 		return { fieldLabel: e };
 	} catch {
 		return { fieldLabel: (e, t, n) => n };
@@ -107,7 +107,7 @@ function We() {
 }
 //#endregion
 //#region ../fields/src/index.tsx
-function Q(e) {
+function Z(e) {
 	if (e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean") return e;
 	if (e instanceof Date) return e.toISOString();
 	if (Array.isArray(e)) return e.map((e) => {
@@ -123,7 +123,7 @@ function Q(e) {
 	}
 	return String(e);
 }
-function Ge(e, t = "USD") {
+function Ke(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -133,13 +133,13 @@ function Ge(e, t = "USD") {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function Ke(e, t = 0) {
+function qe(e, t = 0) {
 	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
 }
-function qe(e) {
+function Je(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Je(e) {
+function Ye(e) {
 	if (!e) return "-";
 	let t = typeof e == "string" ? new Date(e) : e;
 	if (isNaN(t.getTime())) return "-";
@@ -149,33 +149,33 @@ function Je(e) {
 	if (a === -1) return "Yesterday";
 	if (a < -1) {
 		let e = Math.abs(a);
-		return e <= 7 ? `Overdue ${e}d` : Ye(t);
+		return e <= 7 ? `Overdue ${e}d` : Xe(t);
 	}
-	return a > 1 && a <= 7 ? `In ${a} days` : Ye(t);
+	return a > 1 && a <= 7 ? `In ${a} days` : Xe(t);
 }
-function Ye(e, t) {
+function Xe(e, t) {
 	if (!e) return "-";
 	let n = typeof e == "string" ? new Date(e) : e;
-	return isNaN(n.getTime()) ? "-" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? Je(n) : n.toLocaleDateString(void 0, {
+	return isNaN(n.getTime()) ? "-" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? Ye(n) : n.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	});
 }
-function $({ value: e }) {
-	let t = Q(e);
-	return /* @__PURE__ */ X("span", {
+function Q({ value: e }) {
+	let t = Z(e);
+	return /* @__PURE__ */ Y("span", {
 		className: "truncate",
 		children: t != null && t !== "" ? String(t) : "-"
 	});
 }
-function Xe({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ X("span", {
+function Ze({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
-	let n = Q(e), r = t.precision ?? 0, i = Number(n);
-	return /* @__PURE__ */ X("span", {
+	let n = Z(e), r = t.precision ?? 0, i = Number(n);
+	return /* @__PURE__ */ Y("span", {
 		className: "tabular-nums",
 		children: isNaN(i) ? String(n) : new Intl.NumberFormat("en-US", {
 			minimumFractionDigits: r,
@@ -183,48 +183,48 @@ function Xe({ value: e, field: t }) {
 		}).format(i)
 	});
 }
-function Ze({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ X("span", {
+function Qe({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
-	let n = Q(e), r = t.currency || "USD", i = Number(n);
-	return /* @__PURE__ */ X("span", {
+	let n = Z(e), r = t.currency || "USD", i = Number(n);
+	return /* @__PURE__ */ Y("span", {
 		className: "tabular-nums font-medium whitespace-nowrap",
-		children: isNaN(i) ? String(n) : Ge(i, r)
+		children: isNaN(i) ? String(n) : Ke(i, r)
 	});
 }
-var Qe = /progress|completion/;
-function $e({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ X("span", {
+var $e = /progress|completion/;
+function et({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
-	let n = Q(e), r = t.precision ?? 0, i = Number(n);
-	if (isNaN(i)) return /* @__PURE__ */ X("span", {
+	let n = Z(e), r = t.precision ?? 0, i = Number(n);
+	if (isNaN(i)) return /* @__PURE__ */ Y("span", {
 		className: "tabular-nums whitespace-nowrap",
 		children: String(n)
 	});
-	let a = Qe.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : Ke(i, r), c = Math.max(0, Math.min(100, o));
-	return /* @__PURE__ */ Z("div", {
+	let a = $e.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : qe(i, r), c = Math.max(0, Math.min(100, o));
+	return /* @__PURE__ */ X("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden flex-shrink-0",
 			role: "progressbar",
 			"aria-valuenow": c,
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Y("div", {
 				className: "h-full rounded-full bg-primary transition-all",
 				style: { width: `${c}%` }
 			})
-		}), /* @__PURE__ */ X("span", {
+		}), /* @__PURE__ */ Y("span", {
 			className: "tabular-nums whitespace-nowrap",
 			children: s
 		})]
 	});
 }
-var et = new Set([
+var tt = new Set([
 	"active",
 	"is_active",
 	"enabled",
@@ -232,61 +232,61 @@ var et = new Set([
 	"verified",
 	"is_verified"
 ]);
-function tt({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ X("span", {
+function nt({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground/50 text-xs italic flex items-center justify-center",
 		children: "—"
 	});
 	let n = t?.name?.toLowerCase() || "";
-	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ X("div", {
+	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ Y("div", {
 		className: "flex items-center justify-center",
-		children: e ? /* @__PURE__ */ X("div", {
+		children: e ? /* @__PURE__ */ Y("div", {
 			className: "size-5 rounded-full bg-green-500 flex items-center justify-center",
 			role: "img",
 			"aria-label": "Completed",
 			"data-testid": "completion-indicator",
-			children: /* @__PURE__ */ X(F, { className: "size-3 text-white" })
-		}) : /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Y(F, { className: "size-3 text-white" })
+		}) : /* @__PURE__ */ Y("div", {
 			className: "size-5 rounded-full border-2 border-muted-foreground/30",
 			role: "img",
 			"aria-label": "Not completed",
 			"data-testid": "completion-indicator"
 		})
-	}) : et.has(n) && !e ? /* @__PURE__ */ Z(K, {
+	}) : tt.has(n) && !e ? /* @__PURE__ */ X(G, {
 		variant: "destructive",
 		className: "text-xs",
 		"data-testid": "boolean-warning-badge",
-		children: [t?.label || qe(n), " — Off"]
-	}) : /* @__PURE__ */ X("div", {
+		children: [t?.label || Je(n), " — Off"]
+	}) : /* @__PURE__ */ Y("div", {
 		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ X(l, {
+		children: /* @__PURE__ */ Y(l, {
 			checked: !!e,
 			disabled: !0,
 			className: "pointer-events-none"
 		})
 	});
 }
-function nt({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ X("span", {
+function rt({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
-	let n = Q(e), r = Ye(n, t.format || "relative"), i = typeof n == "string" ? new Date(n) : n, a = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
+	let n = Z(e), r = Xe(n, t.format || "relative"), i = typeof n == "string" ? new Date(n) : n, a = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
 	o.setHours(0, 0, 0, 0);
 	let s = a && i < o, c = a ? i.toISOString() : String(n);
-	return /* @__PURE__ */ X("span", {
+	return /* @__PURE__ */ Y("span", {
 		className: `tabular-nums${s ? " text-red-600" : ""}`,
 		title: c,
 		children: r
 	});
 }
-function rt({ value: e }) {
-	if (!e) return /* @__PURE__ */ X("span", {
+function it({ value: e }) {
+	if (!e) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
-	let t = Q(e), n = typeof t == "string" ? new Date(t) : t;
-	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ X("span", {
+	let t = Z(e), n = typeof t == "string" ? new Date(t) : t;
+	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ Y("span", {
 		className: "text-muted-foreground",
 		children: "-"
 	});
@@ -299,15 +299,15 @@ function rt({ value: e }) {
 		minute: "2-digit",
 		hour12: !0
 	}).toLowerCase();
-	return /* @__PURE__ */ Z("span", {
+	return /* @__PURE__ */ X("span", {
 		className: "tabular-nums text-sm whitespace-nowrap",
-		children: [/* @__PURE__ */ X("span", { children: r }), /* @__PURE__ */ X("span", {
+		children: [/* @__PURE__ */ Y("span", { children: r }), /* @__PURE__ */ Y("span", {
 			className: "ml-2 text-muted-foreground",
 			children: i
 		})]
 	});
 }
-var it = {
+var at = {
 	critical: "red",
 	urgent: "red",
 	high: "orange",
@@ -339,7 +339,7 @@ var it = {
 	overdue: "red",
 	delivered: "purple",
 	archived: "indigo"
-}, at = {
+}, ot = {
 	gray: "bg-gray-100 text-gray-800 border-gray-300",
 	red: "bg-red-100 text-red-800 border-red-300",
 	orange: "bg-orange-100 text-orange-800 border-orange-300",
@@ -350,45 +350,45 @@ var it = {
 	purple: "bg-purple-100 text-purple-800 border-purple-300",
 	pink: "bg-pink-100 text-pink-800 border-pink-300"
 };
-function ot(e, t) {
-	return at[e || (t ? it[String(t).toLowerCase().replace(/[\s-]/g, "_")] : void 0) || ""] || "bg-muted text-muted-foreground border-border";
+function st(e, t) {
+	return ot[e || (t ? at[String(t).toLowerCase().replace(/[\s-]/g, "_")] : void 0) || ""] || "bg-muted text-muted-foreground border-border";
 }
-function st({ value: e, field: t }) {
+function ct({ value: e, field: t }) {
 	let n = t.options || [];
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
-	if (Array.isArray(e)) return /* @__PURE__ */ X("div", {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
+	if (Array.isArray(e)) return /* @__PURE__ */ Y("div", {
 		className: "flex flex-wrap gap-1",
 		children: e.map((e, t) => {
-			let r = n.find((t) => t.value === e), i = r?.label || qe(String(e));
-			return /* @__PURE__ */ X(K, {
+			let r = n.find((t) => t.value === e), i = r?.label || Je(String(e));
+			return /* @__PURE__ */ Y(G, {
 				variant: "outline",
-				className: ot(r?.color, e),
+				className: st(r?.color, e),
 				children: i
 			}, t);
 		})
 	});
-	let r = n.find((t) => t.value === e), i = r?.label || qe(String(e));
-	return /* @__PURE__ */ X(K, {
+	let r = n.find((t) => t.value === e), i = r?.label || Je(String(e));
+	return /* @__PURE__ */ Y(G, {
 		variant: "outline",
-		className: ot(r?.color, e),
+		className: st(r?.color, e),
 		children: i
 	});
 }
-function ct({ value: e }) {
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
-	let t = String(Q(e) ?? ""), [n, r] = Be.useState(!1);
-	return /* @__PURE__ */ Z("span", {
+function lt({ value: e }) {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
+	let t = String(Z(e) ?? ""), [n, r] = Ve.useState(!1);
+	return /* @__PURE__ */ X("span", {
 		className: "inline-flex items-center gap-1 group/email",
-		children: [/* @__PURE__ */ X(P, {
+		children: [/* @__PURE__ */ Y(P, {
 			variant: "link",
 			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 			asChild: !0,
-			children: /* @__PURE__ */ X("a", {
+			children: /* @__PURE__ */ Y("a", {
 				href: `mailto:${t}`,
 				onClick: (e) => e.stopPropagation(),
 				children: t
 			})
-		}), /* @__PURE__ */ X("button", {
+		}), /* @__PURE__ */ Y("button", {
 			type: "button",
 			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
@@ -397,18 +397,18 @@ function ct({ value: e }) {
 				}).catch(() => {});
 			},
 			"aria-label": "Copy email",
-			children: n ? /* @__PURE__ */ X(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ X(A, { className: "h-3 w-3 text-muted-foreground" })
+			children: n ? /* @__PURE__ */ Y(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Y(A, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function lt({ value: e }) {
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
-	let t = String(Q(e) ?? "");
-	return /* @__PURE__ */ X(P, {
+function ut({ value: e }) {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
+	let t = String(Z(e) ?? "");
+	return /* @__PURE__ */ Y(P, {
 		variant: "link",
 		className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 		asChild: !0,
-		children: /* @__PURE__ */ X("a", {
+		children: /* @__PURE__ */ Y("a", {
 			href: t,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -417,17 +417,17 @@ function lt({ value: e }) {
 		})
 	});
 }
-function ut({ value: e }) {
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
-	let t = String(Q(e) ?? ""), [n, r] = Be.useState(!1);
-	return /* @__PURE__ */ Z("span", {
+function dt({ value: e }) {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
+	let t = String(Z(e) ?? ""), [n, r] = Ve.useState(!1);
+	return /* @__PURE__ */ X("span", {
 		className: "inline-flex items-center gap-1 group/phone",
-		children: [/* @__PURE__ */ Z("a", {
+		children: [/* @__PURE__ */ X("a", {
 			href: `tel:${t}`,
 			className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ X(ne, { className: "h-3 w-3" }), t]
-		}), /* @__PURE__ */ X("button", {
+			children: [/* @__PURE__ */ Y(ne, { className: "h-3 w-3" }), t]
+		}), /* @__PURE__ */ Y("button", {
 			type: "button",
 			className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
@@ -436,15 +436,15 @@ function ut({ value: e }) {
 				}).catch(() => {});
 			},
 			"aria-label": "Copy phone number",
-			children: n ? /* @__PURE__ */ X(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ X(A, { className: "h-3 w-3 text-muted-foreground" })
+			children: n ? /* @__PURE__ */ Y(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Y(A, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function dt({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
+function ft({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
 	if (t.multiple, Array.isArray(e)) {
 		let t = e.length;
-		return /* @__PURE__ */ Z("span", {
+		return /* @__PURE__ */ X("span", {
 			className: "text-sm text-gray-600",
 			children: [
 				t,
@@ -453,30 +453,30 @@ function dt({ value: e, field: t }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ X("span", {
+	return /* @__PURE__ */ Y("span", {
 		className: "text-sm truncate",
 		children: e.name || e.original_name || "File"
 	});
 }
-function ft({ value: e }) {
-	return e ? Array.isArray(e) ? /* @__PURE__ */ Z("div", {
+function pt({ value: e }) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ X("div", {
 		className: "flex -space-x-2",
-		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ X("img", {
+		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ Y("img", {
 			src: e.url || "",
 			alt: e.name || `Image ${t + 1}`,
 			className: "size-8 rounded-md border-2 border-white object-cover"
-		}, t)), e.length > 3 && /* @__PURE__ */ Z("div", {
+		}, t)), e.length > 3 && /* @__PURE__ */ X("div", {
 			className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600",
 			children: ["+", e.length - 3]
 		})]
-	}) : /* @__PURE__ */ X("img", {
+	}) : /* @__PURE__ */ Y("img", {
 		src: e.url || "",
 		alt: e.name || "Image",
 		className: "size-10 rounded-md object-cover"
-	}) : /* @__PURE__ */ X("span", { children: "-" });
+	}) : /* @__PURE__ */ Y("span", { children: "-" });
 }
-function pt({ value: e, field: t }) {
-	if (e == null || e === "") return /* @__PURE__ */ X("span", { children: "-" });
+function mt({ value: e, field: t }) {
+	if (e == null || e === "") return /* @__PURE__ */ Y("span", { children: "-" });
 	let n = t.options || [], r = (e) => {
 		if (n.length > 0) {
 			let t = n.find((t) => String(t.value) === String(e));
@@ -484,181 +484,181 @@ function pt({ value: e, field: t }) {
 		}
 		return String(e);
 	};
-	return Array.isArray(e) ? /* @__PURE__ */ X("div", {
+	return Array.isArray(e) ? /* @__PURE__ */ Y("div", {
 		className: "flex flex-wrap gap-1",
 		children: e.map((e, t) => {
 			let n;
-			return n = typeof e == "object" && e ? e.name || e.label || e.id || e._id || String(e) : r(e), /* @__PURE__ */ X("span", {
+			return n = typeof e == "object" && e ? e.name || e.label || e.id || e._id || String(e) : r(e), /* @__PURE__ */ Y("span", {
 				className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
 				children: n
 			}, t);
 		})
-	}) : typeof e == "object" && e ? /* @__PURE__ */ X("span", {
+	}) : typeof e == "object" && e ? /* @__PURE__ */ Y("span", {
 		className: "truncate",
 		children: e.name || e.label || e.id || e._id || "[Object]"
-	}) : /* @__PURE__ */ X("span", {
+	}) : /* @__PURE__ */ Y("span", {
 		className: "truncate",
 		children: r(e)
 	});
 }
-function mt({ value: e }) {
-	let t = Q(e);
-	return /* @__PURE__ */ X("span", {
+function ht({ value: e }) {
+	let t = Z(e);
+	return /* @__PURE__ */ Y("span", {
 		className: "text-gray-700 font-mono text-sm",
 		children: t == null ? "-" : String(t)
 	});
 }
-function ht({ value: e }) {
-	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
-	if (typeof e != "object") return /* @__PURE__ */ X("span", {
+function gt({ value: e }) {
+	if (!e) return /* @__PURE__ */ Y("span", { children: "-" });
+	if (typeof e != "object") return /* @__PURE__ */ Y("span", {
 		className: "truncate",
 		children: String(e)
 	});
-	if (Array.isArray(e)) return /* @__PURE__ */ Z("div", {
+	if (Array.isArray(e)) return /* @__PURE__ */ X("div", {
 		className: "flex -space-x-2",
 		children: [e.slice(0, 3).map((e, t) => {
-			if (typeof e != "object" || !e) return /* @__PURE__ */ X("span", {
+			if (typeof e != "object" || !e) return /* @__PURE__ */ Y("span", {
 				className: "truncate text-sm",
 				children: String(e)
 			}, t);
 			let n = e.name || e.username || "User";
-			return /* @__PURE__ */ X(f, {
+			return /* @__PURE__ */ Y(f, {
 				className: "size-8 border-2 border-white",
 				title: n,
-				children: /* @__PURE__ */ X(N, {
+				children: /* @__PURE__ */ Y(M, {
 					className: "bg-blue-500 text-white text-xs",
 					children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 				})
 			}, t);
-		}), e.length > 3 && /* @__PURE__ */ X(f, {
+		}), e.length > 3 && /* @__PURE__ */ Y(f, {
 			className: "size-8 border-2 border-white",
-			children: /* @__PURE__ */ Z(N, {
+			children: /* @__PURE__ */ X(M, {
 				className: "bg-gray-200 text-gray-600 text-xs",
 				children: ["+", e.length - 3]
 			})
 		})]
 	});
 	let t = e.name || e.username || "User";
-	return /* @__PURE__ */ Z("div", {
+	return /* @__PURE__ */ X("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ X(f, {
+		children: [/* @__PURE__ */ Y(f, {
 			className: "size-8",
-			children: /* @__PURE__ */ X(N, {
+			children: /* @__PURE__ */ Y(M, {
 				className: "bg-blue-500 text-white text-xs",
 				children: t.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 			})
-		}), /* @__PURE__ */ X("span", {
+		}), /* @__PURE__ */ Y("span", {
 			className: "truncate",
 			children: t
 		})]
 	});
 }
-var gt = /* @__PURE__ */ new Map();
-function _t(e, t) {
-	gt.set(e, t);
+var _t = /* @__PURE__ */ new Map();
+function vt(e, t) {
+	_t.set(e, t);
 }
-function vt(e) {
-	return gt.has(e) ? gt.get(e) : {
-		text: $,
-		textarea: $,
-		markdown: $,
-		html: $,
-		number: Xe,
-		currency: Ze,
-		percent: $e,
-		boolean: tt,
-		date: nt,
-		datetime: rt,
-		time: $,
-		select: st,
-		status: st,
-		lookup: pt,
-		master_detail: pt,
-		email: ct,
-		url: lt,
-		phone: ut,
-		file: dt,
-		image: ft,
-		formula: mt,
-		summary: mt,
-		auto_number: $,
-		user: ht,
-		owner: ht,
-		password: () => /* @__PURE__ */ X("span", { children: "••••••" }),
-		location: $,
-		object: () => /* @__PURE__ */ X("span", {
+function yt(e) {
+	return _t.has(e) ? _t.get(e) : {
+		text: Q,
+		textarea: Q,
+		markdown: Q,
+		html: Q,
+		number: Ze,
+		currency: Qe,
+		percent: et,
+		boolean: nt,
+		date: rt,
+		datetime: it,
+		time: Q,
+		select: ct,
+		status: ct,
+		lookup: mt,
+		master_detail: mt,
+		email: lt,
+		url: ut,
+		phone: dt,
+		file: ft,
+		image: pt,
+		formula: ht,
+		summary: ht,
+		auto_number: Q,
+		user: gt,
+		owner: gt,
+		password: () => /* @__PURE__ */ Y("span", { children: "••••••" }),
+		location: Q,
+		object: () => /* @__PURE__ */ Y("span", {
 			className: "text-gray-500 italic",
 			children: "[Object]"
 		}),
-		vector: () => /* @__PURE__ */ X("span", {
+		vector: () => /* @__PURE__ */ Y("span", {
 			className: "text-gray-500 italic",
 			children: "[Vector]"
 		}),
-		grid: () => /* @__PURE__ */ X("span", {
+		grid: () => /* @__PURE__ */ Y("span", {
 			className: "text-gray-500 italic",
 			children: "[Grid]"
 		})
-	}[e] || $;
+	}[e] || Q;
 }
-_t("lookup", pt), _t("master_detail", pt), _t("select", st), _t("status", st), _t("user", ht), _t("owner", ht), ze(vt);
-var yt = {
-	text: () => import("./TextField-CGNSl7RU.js").then((e) => e.t).then((e) => ({ default: e.TextField })),
-	textarea: () => import("./TextAreaField-DuriTqsD.js").then((e) => e.t).then((e) => ({ default: e.TextAreaField })),
-	number: () => import("./NumberField-D_NucQlp.js").then((e) => e.t).then((e) => ({ default: e.NumberField })),
-	boolean: () => import("./BooleanField-CaA898Tk.js").then((e) => e.t).then((e) => ({ default: e.BooleanField })),
-	select: () => import("./SelectField-C8hWu3gm.js").then((e) => e.t).then((e) => ({ default: e.SelectField })),
-	date: () => import("./DateField-Cth1ky_m.js").then((e) => e.t).then((e) => ({ default: e.DateField })),
-	datetime: () => import("./DateTimeField-B0m6FhHL.js").then((e) => e.t).then((e) => ({ default: e.DateTimeField })),
-	time: () => import("./TimeField-YO58ctFg.js").then((e) => e.t).then((e) => ({ default: e.TimeField })),
-	email: () => import("./EmailField-Do7qT_L_.js").then((e) => e.t).then((e) => ({ default: e.EmailField })),
-	phone: () => import("./PhoneField-CcQAWwR6.js").then((e) => e.t).then((e) => ({ default: e.PhoneField })),
-	url: () => import("./UrlField-1-BMM1jn.js").then((e) => e.t).then((e) => ({ default: e.UrlField })),
-	currency: () => import("./CurrencyField-Wg-XOId2.js").then((e) => e.t).then((e) => ({ default: e.CurrencyField })),
-	percent: () => import("./PercentField-B6sO_J3i.js").then((e) => e.t).then((e) => ({ default: e.PercentField })),
-	password: () => import("./PasswordField-DBtluGJ1.js").then((e) => e.t).then((e) => ({ default: e.PasswordField })),
-	markdown: () => import("./RichTextField-qOEJl5Ai.js").then((e) => e.t).then((e) => ({ default: e.RichTextField })),
-	html: () => import("./RichTextField-qOEJl5Ai.js").then((e) => e.t).then((e) => ({ default: e.RichTextField })),
-	lookup: () => import("./LookupField-BjwlDPtt.js").then((e) => e.t).then((e) => ({ default: e.LookupField })),
-	master_detail: () => import("./MasterDetailField-I1A9oEGC.js").then((e) => e.t).then((e) => ({ default: e.MasterDetailField })),
-	file: () => import("./FileField-aRJAdbQb.js").then((e) => e.t).then((e) => ({ default: e.FileField })),
-	image: () => import("./ImageField-BYCFajjr.js").then((e) => e.t).then((e) => ({ default: e.ImageField })),
-	location: () => import("./LocationField-Bi_ew9sd.js").then((e) => e.t).then((e) => ({ default: e.LocationField })),
-	formula: () => import("./FormulaField-DTMkagFx.js").then((e) => e.t).then((e) => ({ default: e.FormulaField })),
-	summary: () => import("./SummaryField-DgiFm-Cr.js").then((e) => e.t).then((e) => ({ default: e.SummaryField })),
-	auto_number: () => import("./AutoNumberField-Baa191z-.js").then((e) => e.t).then((e) => ({ default: e.AutoNumberField })),
-	user: () => import("./UserField-B6GqxP_S.js").then((e) => e.t).then((e) => ({ default: e.UserField })),
-	owner: () => import("./UserField-B6GqxP_S.js").then((e) => e.t).then((e) => ({ default: e.UserField })),
-	object: () => import("./ObjectField-CG-LaM65.js").then((e) => e.t).then((e) => ({ default: e.ObjectField })),
-	vector: () => import("./VectorField-BkEjbSt0.js").then((e) => e.t).then((e) => ({ default: e.VectorField })),
-	grid: () => import("./GridField-D4IH0cpo.js").then((e) => e.t).then((e) => ({ default: e.GridField })),
-	color: () => import("./ColorField-Cnf6ZM7c.js").then((e) => e.t).then((e) => ({ default: e.ColorField })),
-	slider: () => import("./SliderField-Df5hMzNc.js").then((e) => e.t).then((e) => ({ default: e.SliderField })),
-	rating: () => import("./RatingField-B_Mnr63i.js").then((e) => e.t).then((e) => ({ default: e.RatingField })),
-	code: () => import("./CodeField-BU51nl1L.js").then((e) => e.t).then((e) => ({ default: e.CodeField })),
-	avatar: () => import("./AvatarField-YGj51ozd.js").then((e) => e.t).then((e) => ({ default: e.AvatarField })),
-	address: () => import("./AddressField-DBkEyMcG.js").then((e) => e.t).then((e) => ({ default: e.AddressField })),
-	geolocation: () => import("./GeolocationField-RqpHWTEv.js").then((e) => e.t).then((e) => ({ default: e.GeolocationField })),
-	signature: () => import("./SignatureField-CddhEK9u.js").then((e) => e.t).then((e) => ({ default: e.SignatureField })),
-	qrcode: () => import("./QRCodeField-CEjWs-J5.js").then((e) => e.t).then((e) => ({ default: e.QRCodeField }))
+vt("lookup", mt), vt("master_detail", mt), vt("select", ct), vt("status", ct), vt("user", gt), vt("owner", gt), Be(yt);
+var bt = {
+	text: () => import("./TextField-OTLa3p51.js").then((e) => e.t).then((e) => ({ default: e.TextField })),
+	textarea: () => import("./TextAreaField-Cmw1oXcw.js").then((e) => e.t).then((e) => ({ default: e.TextAreaField })),
+	number: () => import("./NumberField-DL2QAL7X.js").then((e) => e.t).then((e) => ({ default: e.NumberField })),
+	boolean: () => import("./BooleanField-DwfMKknK.js").then((e) => e.t).then((e) => ({ default: e.BooleanField })),
+	select: () => import("./SelectField-XBVI50AD.js").then((e) => ({ default: e.SelectField })),
+	date: () => import("./DateField-BKqXpkOh.js").then((e) => e.t).then((e) => ({ default: e.DateField })),
+	datetime: () => import("./DateTimeField-CR-nJCE7.js").then((e) => e.t).then((e) => ({ default: e.DateTimeField })),
+	time: () => import("./TimeField-DKPoNWoR.js").then((e) => e.t).then((e) => ({ default: e.TimeField })),
+	email: () => import("./EmailField-CgvW1Qal.js").then((e) => e.t).then((e) => ({ default: e.EmailField })),
+	phone: () => import("./PhoneField-CX1JL-jp.js").then((e) => e.t).then((e) => ({ default: e.PhoneField })),
+	url: () => import("./UrlField-CxbmzP9f.js").then((e) => e.t).then((e) => ({ default: e.UrlField })),
+	currency: () => import("./CurrencyField-tvS3fPAF.js").then((e) => e.t).then((e) => ({ default: e.CurrencyField })),
+	percent: () => import("./PercentField-DjR6BSpw.js").then((e) => e.t).then((e) => ({ default: e.PercentField })),
+	password: () => import("./PasswordField-DVTimsc3.js").then((e) => e.t).then((e) => ({ default: e.PasswordField })),
+	markdown: () => import("./RichTextField-CJqLWlrb.js").then((e) => e.t).then((e) => ({ default: e.RichTextField })),
+	html: () => import("./RichTextField-CJqLWlrb.js").then((e) => e.t).then((e) => ({ default: e.RichTextField })),
+	lookup: () => import("./LookupField-D00z6gn_.js").then((e) => ({ default: e.LookupField })),
+	master_detail: () => import("./MasterDetailField-B0HTmmD7.js").then((e) => e.t).then((e) => ({ default: e.MasterDetailField })),
+	file: () => import("./FileField-BVAme2ML.js").then((e) => e.t).then((e) => ({ default: e.FileField })),
+	image: () => import("./ImageField-CDANtgVV.js").then((e) => e.t).then((e) => ({ default: e.ImageField })),
+	location: () => import("./LocationField-ZSyZ0O-h.js").then((e) => e.t).then((e) => ({ default: e.LocationField })),
+	formula: () => import("./FormulaField-DamJ2VaG.js").then((e) => e.t).then((e) => ({ default: e.FormulaField })),
+	summary: () => import("./SummaryField-7ch9aqAu.js").then((e) => e.t).then((e) => ({ default: e.SummaryField })),
+	auto_number: () => import("./AutoNumberField-CtE7suf5.js").then((e) => e.t).then((e) => ({ default: e.AutoNumberField })),
+	user: () => import("./UserField-ChvwUkMK.js").then((e) => e.t).then((e) => ({ default: e.UserField })),
+	owner: () => import("./UserField-ChvwUkMK.js").then((e) => e.t).then((e) => ({ default: e.UserField })),
+	object: () => import("./ObjectField-JYvUnuRO.js").then((e) => e.t).then((e) => ({ default: e.ObjectField })),
+	vector: () => import("./VectorField-BVClL8Vw.js").then((e) => e.t).then((e) => ({ default: e.VectorField })),
+	grid: () => import("./GridField-C9JbpTx_.js").then((e) => e.t).then((e) => ({ default: e.GridField })),
+	color: () => import("./ColorField-YKHA7dBD.js").then((e) => e.t).then((e) => ({ default: e.ColorField })),
+	slider: () => import("./SliderField-DEpMVXko.js").then((e) => e.t).then((e) => ({ default: e.SliderField })),
+	rating: () => import("./RatingField-rRi_P0N0.js").then((e) => e.t).then((e) => ({ default: e.RatingField })),
+	code: () => import("./CodeField-CfwgRxx2.js").then((e) => e.t).then((e) => ({ default: e.CodeField })),
+	avatar: () => import("./AvatarField-Xuieq0ZI.js").then((e) => e.t).then((e) => ({ default: e.AvatarField })),
+	address: () => import("./AddressField-CDLSeyNx.js").then((e) => e.t).then((e) => ({ default: e.AddressField })),
+	geolocation: () => import("./GeolocationField-C99z7ZBM.js").then((e) => e.t).then((e) => ({ default: e.GeolocationField })),
+	signature: () => import("./SignatureField-2CnhcWI0.js").then((e) => e.t).then((e) => ({ default: e.SignatureField })),
+	qrcode: () => import("./QRCodeField-CH_1pU6R.js").then((e) => e.t).then((e) => ({ default: e.QRCodeField }))
 };
-function bt(e) {
-	let t = yt[e];
+function xt(e) {
+	let t = bt[e];
 	if (!t) {
 		console.warn(`Unknown field type: ${e}`);
 		return;
 	}
-	let n = Be.lazy(t);
-	ve.register(e, n, { namespace: "field" });
+	let n = Ve.lazy(t);
+	le.register(e, n, { namespace: "field" });
 }
-function xt() {
-	Object.keys(yt).forEach((e) => {
-		bt(e);
+function St() {
+	Object.keys(bt).forEach((e) => {
+		xt(e);
 	});
 }
-xt();
+St();
 //#endregion
 //#region src/autoLayout.ts
-var St = new Set([
+var Ct = new Set([
 	"textarea",
 	"markdown",
 	"html",
@@ -670,10 +670,10 @@ var St = new Set([
 	"field:grid",
 	"field:rich-text"
 ]);
-function Ct(e) {
-	return St.has(e);
+function wt(e) {
+	return Ct.has(e);
 }
-function wt(e, t) {
+function Tt(e, t) {
 	let n;
 	if (n = e <= 3 ? 1 : e <= 10 ? 2 : 3, t !== void 0) {
 		if (t < 640) return Math.min(n, 1);
@@ -681,29 +681,29 @@ function wt(e, t) {
 	}
 	return n;
 }
-function Tt(e, t) {
-	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && Ct(e.type) ? {
+function Et(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && wt(e.type) ? {
 		...e,
 		span: t
 	} : e);
 }
-function Et(e, t, n) {
+function Dt(e, t, n) {
 	if (t !== void 0) return {
-		fields: Tt(e, t),
+		fields: Et(e, t),
 		columns: t
 	};
-	let r = wt(e.length, n);
+	let r = Tt(e.length, n);
 	return {
-		fields: Tt(e, r),
+		fields: Et(e, r),
 		columns: r
 	};
 }
 //#endregion
 //#region src/useDetailTranslation.ts
-function Dt(e, t) {
+function Ot(e, t) {
 	return function() {
 		try {
-			let n = re();
+			let n = oe();
 			return n.t(t) === t ? { t: (t, n) => {
 				let r = e[t] || t;
 				if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
@@ -718,7 +718,7 @@ function Dt(e, t) {
 		}
 	};
 }
-var Ot = {
+var kt = {
 	"detail.back": "Back",
 	"detail.edit": "Edit",
 	"detail.editInline": "Edit inline",
@@ -762,15 +762,74 @@ var Ot = {
 	"detail.pageOf": "Page {{current}} of {{total}}",
 	"detail.sortBy": "Sort by",
 	"detail.filterPlaceholder": "Filter...",
-	"detail.highlightFields": "Key Fields"
-}, kt = Dt(Ot, "detail.back");
+	"detail.highlightFields": "Key Fields",
+	"detail.comments": "Comments",
+	"detail.searchComments": "Search comments…",
+	"detail.addCommentPlaceholder": "Add a comment… (Ctrl+Enter to submit)",
+	"detail.noMatchingComments": "No matching comments",
+	"detail.noCommentsYet": "No comments yet",
+	"detail.pinned": "Pinned",
+	"detail.pin": "Pin",
+	"detail.unpin": "Unpin",
+	"detail.justNow": "just now",
+	"detail.minutesAgo": "{{count}}m ago",
+	"detail.hoursAgo": "{{count}}h ago",
+	"detail.daysAgo": "{{count}}d ago",
+	"detail.dropFilesToUpload": "Drop files here or click to upload",
+	"detail.attachmentCount": "{{count}} attachment",
+	"detail.attachmentCountPlural": "{{count}} attachments",
+	"detail.removeAttachment": "Remove attachment",
+	"detail.unifiedDiff": "Unified diff",
+	"detail.sideBySideDiff": "Side-by-side diff",
+	"detail.noChanges": "No changes",
+	"detail.previousVersion": "Previous",
+	"detail.currentVersion": "Current",
+	"detail.discussion": "Discussion",
+	"detail.showDiscussion": "Show Discussion ({{count}})",
+	"detail.hideDiscussion": "Hide discussion",
+	"detail.bold": "Bold (Ctrl+B)",
+	"detail.italic": "Italic (Ctrl+I)",
+	"detail.listFormat": "List",
+	"detail.inlineCode": "Inline code",
+	"detail.mentionSomeone": "Mention someone",
+	"detail.preview": "Preview",
+	"detail.submitComment": "Submit (Ctrl+Enter)",
+	"detail.writeComment": "Write a comment…",
+	"detail.subscribedTooltip": "Subscribed — click to unsubscribe",
+	"detail.unsubscribedTooltip": "Subscribe to notifications",
+	"detail.firstRecord": "First record (Home)",
+	"detail.previousRecordKey": "Previous record (←)",
+	"detail.nextRecordKey": "Next record (→)",
+	"detail.lastRecord": "Last record (End)",
+	"detail.noRecords": "No records",
+	"detail.searchWhileNavigating": "Search while navigating",
+	"detail.searchRecords": "Search records…",
+	"detail.allActivity": "All Activity",
+	"detail.commentsOnly": "Comments Only",
+	"detail.fieldChangesFilter": "Field Changes",
+	"detail.tasksOnly": "Tasks Only",
+	"detail.leaveCommentPlaceholder": "Leave a comment… (Ctrl+Enter to submit)",
+	"detail.noActivity": "No activity recorded",
+	"detail.loadMore": "Load more",
+	"detail.edited": "(edited)",
+	"detail.via": "via {{source}}",
+	"detail.replyCount": "{{count}} reply",
+	"detail.replyCountPlural": "{{count}} replies",
+	"detail.replyPlaceholder": "Reply…",
+	"detail.filterActivity": "Filter activity",
+	"detail.openDiscussion": "Open discussion panel",
+	"detail.closeDiscussion": "Close discussion panel",
+	"detail.subscribeAriaLabel": "Subscribe to notifications",
+	"detail.unsubscribeAriaLabel": "Unsubscribe from notifications",
+	"detail.clearSearch": "Clear search"
+}, $ = Ot(kt, "detail.back");
 //#endregion
 //#region src/DetailSection.tsx
 function At(e, t) {
 	return !e || e <= 1 || t <= 1 ? "" : t === 2 ? e >= 2 ? "md:col-span-2" : "" : e === 2 ? "md:col-span-2" : e >= 3 ? "md:col-span-2 lg:col-span-3" : "";
 }
 var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, isEditing: o = !1, onFieldChange: s, virtualScroll: l }) => {
-	let [u, d] = J.useState(e.defaultCollapsed ?? !1), [f, h] = J.useState(null), [g, _] = J.useState(void 0), { t: v } = kt(), { fieldLabel: y } = We(), b = J.useCallback((e, t) => {
+	let [u, d] = q.useState(e.defaultCollapsed ?? !1), [f, h] = q.useState(null), [g, _] = q.useState(void 0), { t: v } = $(), { fieldLabel: y } = Ge(), b = q.useCallback((e, t) => {
 		let n = t == null ? "" : String(t);
 		navigator.clipboard.writeText(n).then(() => {
 			h(e), setTimeout(() => h(null), 2e3);
@@ -780,9 +839,9 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		return n != null && n !== "";
 	}) : e.fields;
 	if (x.length === 0) return null;
-	let { fields: S, columns: C } = Et(x, e.columns), w = (e) => {
+	let { fields: S, columns: C } = Dt(x, e.columns), w = (e) => {
 		let n = t?.[e.name] ?? e.value;
-		if (e.render) return /* @__PURE__ */ X(oe, {
+		if (e.render) return /* @__PURE__ */ Y(Ce, {
 			schema: e.render,
 			data: {
 				...t,
@@ -790,7 +849,7 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			}
 		});
 		let i = At(e.span, C), c = (() => {
-			if (n == null) return /* @__PURE__ */ X("span", {
+			if (n == null) return /* @__PURE__ */ Y("span", {
 				className: "text-muted-foreground/50 text-xs italic",
 				children: "—"
 			});
@@ -801,54 +860,54 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 				n && !a.reference_to && (a.reference_to = n), t.reference_field && !a.reference_field && (a.reference_field = t.reference_field);
 			}
 			if (i) {
-				let e = vt(i);
-				if (e) return /* @__PURE__ */ X(e, {
+				let e = yt(i);
+				if (e) return /* @__PURE__ */ Y(e, {
 					value: n,
 					field: a
 				});
 			}
 			return String(n);
 		})(), l = n != null && n !== "", u = f === e.name;
-		return /* @__PURE__ */ Z("div", {
-			className: q("space-y-1.5 group", i),
-			children: [/* @__PURE__ */ X("div", {
+		return /* @__PURE__ */ X("div", {
+			className: K("space-y-1.5 group", i),
+			children: [/* @__PURE__ */ Y("div", {
 				className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 				children: y(a || "", e.name, e.label || e.name)
-			}), o && !e.readonly ? /* @__PURE__ */ X("div", {
+			}), o && !e.readonly ? /* @__PURE__ */ Y("div", {
 				className: "min-h-[44px] sm:min-h-0",
-				children: /* @__PURE__ */ X("input", {
+				children: /* @__PURE__ */ Y("input", {
 					type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
 					className: "w-full px-2 py-1.5 text-sm border rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-ring",
 					value: n == null ? "" : String(n),
 					onChange: (t) => s?.(e.name, t.target.value)
 				})
-			}) : /* @__PURE__ */ Z("div", {
-				className: q("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", l && "cursor-pointer active:bg-muted/60 transition-colors"),
+			}) : /* @__PURE__ */ X("div", {
+				className: K("flex items-start justify-between gap-2 min-h-[44px] sm:min-h-0 rounded-md", l && "cursor-pointer active:bg-muted/60 transition-colors"),
 				onClick: l ? () => b(e.name, n) : void 0,
 				onKeyDown: l ? (t) => {
 					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), b(e.name, n));
 				} : void 0,
 				role: l ? "button" : void 0,
 				tabIndex: l ? 0 : void 0,
-				children: [/* @__PURE__ */ X("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					className: "text-sm flex-1 break-words py-1",
 					children: c
-				}), l && /* @__PURE__ */ X(H, { children: /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+				}), l && /* @__PURE__ */ Y(V, { children: /* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 					asChild: !0,
-					children: /* @__PURE__ */ X(P, {
+					children: /* @__PURE__ */ Y(P, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",
 						onClick: (t) => {
 							t.stopPropagation(), b(e.name, n);
 						},
-						children: u ? /* @__PURE__ */ X(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ X(A, { className: "h-3 w-3" })
+						children: u ? /* @__PURE__ */ Y(F, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ Y(A, { className: "h-3 w-3" })
 					})
-				}), /* @__PURE__ */ X(U, { children: v(u ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+				}), /* @__PURE__ */ Y(H, { children: v(u ? "detail.copied" : "detail.copyToClipboard") })] }) })]
 			})]
 		}, e.name);
 	}, T = l?.enabled === !0, E = l?.batchSize ?? 20;
-	J.useEffect(() => {
+	q.useEffect(() => {
 		if (!T) {
 			_(void 0);
 			return;
@@ -865,94 +924,94 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		S.length,
 		E
 	]);
-	let O = g === void 0 ? S : S.slice(0, g), M = /* @__PURE__ */ X("div", {
-		className: q("grid gap-3 sm:gap-4", C === 1 ? "grid-cols-1" : C === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
+	let O = g === void 0 ? S : S.slice(0, g), ee = /* @__PURE__ */ Y("div", {
+		className: K("grid gap-3 sm:gap-4", C === 1 ? "grid-cols-1" : C === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),
 		children: O.map(w)
 	});
-	return e.collapsible ? /* @__PURE__ */ X(Le, {
+	return e.collapsible ? /* @__PURE__ */ Y(Re, {
 		open: !u,
 		onOpenChange: (e) => d(!e),
 		className: n,
-		children: /* @__PURE__ */ Z(D, { children: [/* @__PURE__ */ X(k, {
+		children: /* @__PURE__ */ X(D, { children: [/* @__PURE__ */ Y(k, {
 			asChild: !0,
-			children: /* @__PURE__ */ Z(c, {
-				className: q("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
-				children: [/* @__PURE__ */ Z(m, {
+			children: /* @__PURE__ */ X(c, {
+				className: K("cursor-pointer hover:bg-muted/50 transition-colors", e.headerColor && `bg-${e.headerColor}`),
+				children: [/* @__PURE__ */ X(m, {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ Z("div", {
+					children: [/* @__PURE__ */ X("div", {
 						className: "flex items-center gap-2",
 						children: [
-							e.icon && /* @__PURE__ */ X("span", {
+							e.icon && /* @__PURE__ */ Y("span", {
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ X("span", { children: e.title }),
-							e.fields && /* @__PURE__ */ X(K, {
+							/* @__PURE__ */ Y("span", { children: e.title }),
+							e.fields && /* @__PURE__ */ Y(G, {
 								variant: "secondary",
 								className: "ml-2 text-xs",
 								children: e.fields.length
 							})
 						]
-					}), /* @__PURE__ */ X("div", {
+					}), /* @__PURE__ */ Y("div", {
 						className: "flex items-center gap-2",
-						children: X(u ? p : ee, { className: "h-4 w-4 text-muted-foreground" })
+						children: Y(u ? p : te, { className: "h-4 w-4 text-muted-foreground" })
 					})]
-				}), e.description && !u && /* @__PURE__ */ X("p", {
+				}), e.description && !u && /* @__PURE__ */ Y("p", {
 					className: "text-sm text-muted-foreground mt-1.5",
 					children: e.description
 				})]
 			})
-		}), /* @__PURE__ */ X(i, { children: /* @__PURE__ */ X(j, {
+		}), /* @__PURE__ */ Y(i, { children: /* @__PURE__ */ Y(j, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: M
+			children: ee
 		}) })] })
-	}) : /* @__PURE__ */ Z(D, {
-		className: q(e.showBorder === !1 ? "border-none shadow-none" : "", n),
-		children: [e.title && /* @__PURE__ */ Z(c, {
-			className: q(e.headerColor && `bg-${e.headerColor}`),
-			children: [/* @__PURE__ */ X(m, {
+	}) : /* @__PURE__ */ X(D, {
+		className: K(e.showBorder === !1 ? "border-none shadow-none" : "", n),
+		children: [e.title && /* @__PURE__ */ X(c, {
+			className: K(e.headerColor && `bg-${e.headerColor}`),
+			children: [/* @__PURE__ */ Y(m, {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2",
 					children: [
-						e.icon && /* @__PURE__ */ X("span", {
+						e.icon && /* @__PURE__ */ Y("span", {
 							className: "text-muted-foreground",
 							children: e.icon
 						}),
-						/* @__PURE__ */ X("span", { children: e.title }),
-						e.fields && /* @__PURE__ */ X(K, {
+						/* @__PURE__ */ Y("span", { children: e.title }),
+						e.fields && /* @__PURE__ */ Y(G, {
 							variant: "secondary",
 							className: "ml-2 text-xs",
 							children: e.fields.length
 						})
 					]
 				})
-			}), e.description && /* @__PURE__ */ X("p", {
+			}), e.description && /* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground mt-1.5",
 				children: e.description
 			})]
-		}), /* @__PURE__ */ X(j, {
+		}), /* @__PURE__ */ Y(j, {
 			className: "pt-4 sm:pt-6 px-3 sm:px-6",
-			children: M
+			children: ee
 		})]
 	});
 }, Mt = ({ tabs: e, data: t, className: n }) => {
-	let [r, i] = J.useState(e[0]?.key), a = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
-	return /* @__PURE__ */ Z(ye, {
+	let [r, i] = q.useState(e[0]?.key), a = e.filter((e) => typeof e.visible == "boolean" ? e.visible : (e.visible, !0));
+	return /* @__PURE__ */ X(ye, {
 		value: r,
 		onValueChange: i,
 		className: n,
-		children: [/* @__PURE__ */ X(ue, {
+		children: [/* @__PURE__ */ Y(de, {
 			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
-			children: a.map((e) => /* @__PURE__ */ X(L, {
+			children: a.map((e) => /* @__PURE__ */ Y(L, {
 				value: e.key,
 				className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-				children: /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2",
 					children: [
-						e.icon && /* @__PURE__ */ X("span", { children: e.icon }),
-						/* @__PURE__ */ X("span", { children: e.label }),
-						e.badge && /* @__PURE__ */ X(K, {
+						e.icon && /* @__PURE__ */ Y("span", { children: e.icon }),
+						/* @__PURE__ */ Y("span", { children: e.label }),
+						e.badge && /* @__PURE__ */ Y(G, {
 							variant: "secondary",
 							className: "ml-1",
 							children: e.badge
@@ -960,34 +1019,34 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 					]
 				})
 			}, e.key))
-		}), a.map((e) => /* @__PURE__ */ X(Te, {
+		}), a.map((e) => /* @__PURE__ */ Y(Ee, {
 			value: e.key,
 			className: "mt-4",
-			children: Array.isArray(e.content) ? /* @__PURE__ */ X("div", {
+			children: Array.isArray(e.content) ? /* @__PURE__ */ Y("div", {
 				className: "space-y-4",
-				children: e.content.map((e, n) => /* @__PURE__ */ X(oe, {
+				children: e.content.map((e, n) => /* @__PURE__ */ Y(Ce, {
 					schema: e,
 					data: t
 				}, n))
-			}) : /* @__PURE__ */ X(oe, {
+			}) : /* @__PURE__ */ Y(Ce, {
 				schema: e.content,
 				data: t
 			})
 		}, e.key))]
 	});
 }, Nt = ({ title: e, type: t, api: n, data: r = [], schema: i, columns: o, className: s, dataSource: l, objectName: u, onNew: f, onViewAll: h, onRowEdit: g, onRowDelete: _, pageSize: v, sortable: y = !1, filterable: b = !1, collapsible: x = !1, defaultCollapsed: S = !1 }) => {
-	let [C, w] = J.useState(r), [T, E] = J.useState(!1), [O, k] = J.useState(0), [A, M] = J.useState(null), [N, F] = J.useState("asc"), [I, ne] = J.useState(""), [L, R] = J.useState(null), [B, re] = J.useState(S), { t: V } = kt(), { fieldLabel: ie } = We();
-	J.useEffect(() => {
+	let [C, w] = q.useState(r), [T, E] = q.useState(!1), [O, k] = q.useState(0), [A, ee] = q.useState(null), [M, F] = q.useState("asc"), [I, ne] = q.useState(""), [L, re] = q.useState(null), [z, ie] = q.useState(S), { t: B } = $(), { fieldLabel: ae } = Ge();
+	q.useEffect(() => {
 		w(r);
-	}, [r]), J.useEffect(() => {
-		n && l?.getObjectSchema && !o?.length && l.getObjectSchema(n).then(R).catch((e) => {
+	}, [r]), q.useEffect(() => {
+		n && l?.getObjectSchema && !o?.length && l.getObjectSchema(n).then(re).catch((e) => {
 			console.warn(`[RelatedList] Failed to fetch schema for ${n}:`, e);
 		});
 	}, [
 		n,
 		l,
 		o
-	]), J.useEffect(() => {
+	]), q.useEffect(() => {
 		n && !r.length && (E(!0), l && typeof l.find == "function" ? l.find(n).then((e) => {
 			w(Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []), E(!1);
 		}).catch((e) => {
@@ -1002,44 +1061,44 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		r,
 		l
 	]);
-	let ae = J.useMemo(() => {
+	let oe = q.useMemo(() => {
 		if (!I) return C;
 		let e = I.toLowerCase();
 		return C.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
-	}, [C, I]), se = J.useMemo(() => A ? [...ae].sort((e, t) => {
+	}, [C, I]), se = q.useMemo(() => A ? [...oe].sort((e, t) => {
 		let n = e[A], r = t[A];
 		if (n == null && r == null) return 0;
 		if (n == null) return 1;
 		if (r == null) return -1;
 		let i = String(n).localeCompare(String(r), void 0, { numeric: !0 });
-		return N === "asc" ? i : -i;
-	}) : ae, [
-		ae,
+		return M === "asc" ? i : -i;
+	}) : oe, [
+		oe,
 		A,
-		N
-	]), H = v && v > 0 ? v : 0, ce = H ? Math.max(1, Math.ceil(se.length / H)) : 1, U = H ? se.slice(O * H, (O + 1) * H) : se;
-	J.useEffect(() => {
+		M
+	]), V = v && v > 0 ? v : 0, ce = V ? Math.max(1, Math.ceil(se.length / V)) : 1, H = V ? se.slice(O * V, (O + 1) * V) : se;
+	q.useEffect(() => {
 		k(0);
 	}, [
 		I,
 		A,
-		N
+		M
 	]);
-	let ue = J.useCallback((e) => {
-		A === e ? F((e) => e === "asc" ? "desc" : "asc") : (M(e), F("asc"));
-	}, [A]), fe = J.useCallback((e) => {
-		window.confirm(V("detail.deleteRowConfirmation")) && _?.(e);
-	}, [_, V]), W = J.useMemo(() => {
+	let le = q.useCallback((e) => {
+		A === e ? F((e) => e === "asc" ? "desc" : "asc") : (ee(e), F("asc"));
+	}, [A]), de = q.useCallback((e) => {
+		window.confirm(B("detail.deleteRowConfirmation")) && _?.(e);
+	}, [_, B]), pe = q.useMemo(() => {
 		if (o && o.length > 0) return o;
 		if (!L?.fields) return [];
 		let e = u || n || "";
 		return Object.entries(L.fields).filter(([e]) => !e.startsWith("_") && e !== "id").map(([t, n]) => {
 			let r = {
 				accessorKey: t,
-				header: ie(e, t, n.label || t)
+				header: ae(e, t, n.label || t)
 			};
 			if (n.type) {
-				let e = vt(n.type);
+				let e = yt(n.type);
 				if (e) {
 					let i = {
 						name: t,
@@ -1052,7 +1111,7 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 						...(n.reference_to || n.reference) && { reference_to: n.reference_to || n.reference },
 						...n.reference_field && { reference_field: n.reference_field }
 					};
-					r.cell = (t) => t == null ? J.createElement("span", { className: "text-muted-foreground/50 text-xs italic" }, "—") : J.createElement(e, {
+					r.cell = (t) => t == null ? q.createElement("span", { className: "text-muted-foreground/50 text-xs italic" }, "—") : q.createElement(e, {
 						value: t,
 						field: i
 					});
@@ -1065,21 +1124,21 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		L,
 		u,
 		n,
-		ie
-	]), pe = J.useMemo(() => {
+		ae
+	]), U = q.useMemo(() => {
 		if (i) return i;
 		switch (t) {
 			case "grid":
 			case "table": return {
 				type: "data-table",
-				data: U,
-				columns: W,
+				data: H,
+				columns: pe,
 				pagination: !1,
-				pageSize: H || 10
+				pageSize: V || 10
 			};
 			case "list": return {
 				type: "data-list",
-				data: U
+				data: H
 			};
 			default: return {
 				type: "div",
@@ -1088,146 +1147,146 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		}
 	}, [
 		t,
-		U,
-		W,
+		H,
+		pe,
 		i,
-		H
+		V
 	]), me = !!g || !!_;
-	return /* @__PURE__ */ Z(D, {
+	return /* @__PURE__ */ X(D, {
 		className: s,
-		children: [/* @__PURE__ */ X(c, {
+		children: [/* @__PURE__ */ Y(c, {
 			className: x ? "cursor-pointer select-none" : void 0,
-			onClick: x ? () => re((e) => !e) : void 0,
-			children: /* @__PURE__ */ Z(m, {
+			onClick: x ? () => ie((e) => !e) : void 0,
+			children: /* @__PURE__ */ X(m, {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ Z("div", {
+				children: [/* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2",
 					children: [
-						x && X(B ? p : ee, { className: "h-4 w-4 text-muted-foreground" }),
-						/* @__PURE__ */ X("span", { children: e }),
-						/* @__PURE__ */ X(K, {
+						x && Y(z ? p : te, { className: "h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ Y("span", { children: e }),
+						/* @__PURE__ */ Y(G, {
 							variant: "secondary",
 							className: "text-xs font-normal",
 							"aria-label": `${C.length} records`,
 							children: C.length
 						})
 					]
-				}), /* @__PURE__ */ Z("div", {
+				}), /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-1",
-					children: [f && /* @__PURE__ */ Z(P, {
+					children: [f && /* @__PURE__ */ X(P, {
 						variant: "ghost",
 						size: "sm",
 						onClick: (e) => {
 							e.stopPropagation(), f();
 						},
 						className: "gap-1 h-7 text-xs",
-						children: [/* @__PURE__ */ X(le, { className: "h-3.5 w-3.5" }), V("detail.new")]
-					}), h && /* @__PURE__ */ Z(P, {
+						children: [/* @__PURE__ */ Y(ue, { className: "h-3.5 w-3.5" }), B("detail.new")]
+					}), h && /* @__PURE__ */ X(P, {
 						variant: "ghost",
 						size: "sm",
 						onClick: (e) => {
 							e.stopPropagation(), h();
 						},
 						className: "gap-1 h-7 text-xs",
-						children: [V("detail.viewAll"), /* @__PURE__ */ X(d, { className: "h-3 w-3" })]
+						children: [B("detail.viewAll"), /* @__PURE__ */ Y(d, { className: "h-3 w-3" })]
 					})]
 				})]
 			})
-		}), !B && /* @__PURE__ */ Z(j, { children: [
-			b && C.length > 0 && /* @__PURE__ */ X("div", {
+		}), !z && /* @__PURE__ */ X(j, { children: [
+			b && C.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "mb-3",
-				children: /* @__PURE__ */ X(a, {
-					placeholder: V("detail.filterPlaceholder"),
+				children: /* @__PURE__ */ Y(a, {
+					placeholder: B("detail.filterPlaceholder"),
 					value: I,
 					onChange: (e) => ne(e.target.value),
 					className: "h-8 text-sm"
 				})
 			}),
-			y && W && W.length > 0 && C.length > 0 && /* @__PURE__ */ X("div", {
+			y && pe && pe.length > 0 && C.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap gap-1 mb-3",
-				children: W.map((e) => {
+				children: pe.map((e) => {
 					let t = e.accessorKey || e.field || e.name;
 					if (!t) return null;
 					let n = e.header || e.label || t, r = A === t;
-					return /* @__PURE__ */ Z(P, {
+					return /* @__PURE__ */ X(P, {
 						variant: r ? "secondary" : "ghost",
 						size: "sm",
 						className: "gap-1 h-7 text-xs",
-						onClick: () => ue(t),
+						onClick: () => le(t),
 						children: [
-							/* @__PURE__ */ X(de, { className: "h-3 w-3" }),
+							/* @__PURE__ */ Y(fe, { className: "h-3 w-3" }),
 							n,
-							r && (N === "asc" ? " ↑" : " ↓")
+							r && (M === "asc" ? " ↑" : " ↓")
 						]
 					}, t);
 				})
 			}),
-			T ? /* @__PURE__ */ X("div", {
+			T ? /* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-center py-8 text-muted-foreground",
-				children: V("detail.loading")
-			}) : C.length === 0 ? /* @__PURE__ */ X("div", {
+				children: B("detail.loading")
+			}) : C.length === 0 ? /* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-center py-8 text-muted-foreground text-sm",
-				children: V("detail.noRelatedRecords")
-			}) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(oe, { schema: pe }), me && U.length > 0 && /* @__PURE__ */ X("div", {
+				children: B("detail.noRelatedRecords")
+			}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ce, { schema: U }), me && H.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "mt-2 space-y-1",
 				"data-testid": "row-actions",
-				children: U.map((e, t) => /* @__PURE__ */ Z("div", {
+				children: H.map((e, t) => /* @__PURE__ */ X("div", {
 					className: "flex items-center justify-between px-2 py-1 text-xs border-b last:border-b-0",
-					children: [/* @__PURE__ */ X("span", {
+					children: [/* @__PURE__ */ Y("span", {
 						className: "truncate text-muted-foreground",
 						children: e.name || e.title || e.id || `Row ${t + 1}`
-					}), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "flex items-center gap-1",
-						children: [g && /* @__PURE__ */ Z(P, {
+						children: [g && /* @__PURE__ */ X(P, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-6 text-xs gap-1 px-2",
 							onClick: () => g(e),
-							children: [/* @__PURE__ */ X(z, { className: "h-3 w-3" }), V("detail.editRow")]
-						}), _ && /* @__PURE__ */ Z(P, {
+							children: [/* @__PURE__ */ Y(R, { className: "h-3 w-3" }), B("detail.editRow")]
+						}), _ && /* @__PURE__ */ X(P, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-6 text-xs gap-1 px-2 text-destructive hover:text-destructive",
-							onClick: () => fe(e),
-							children: [/* @__PURE__ */ X(Ae, { className: "h-3 w-3" }), V("detail.deleteRow")]
+							onClick: () => de(e),
+							children: [/* @__PURE__ */ Y(je, { className: "h-3 w-3" }), B("detail.deleteRow")]
 						})]
 					})]
 				}, e.id || t))
 			})] }),
-			H > 0 && se.length > H && /* @__PURE__ */ Z("div", {
+			V > 0 && se.length > V && /* @__PURE__ */ X("div", {
 				className: "flex items-center justify-between mt-3 pt-3 border-t",
 				children: [
-					/* @__PURE__ */ Z(P, {
+					/* @__PURE__ */ X(P, {
 						variant: "outline",
 						size: "sm",
 						className: "h-7 text-xs gap-1",
 						disabled: O === 0,
 						onClick: () => k((e) => Math.max(0, e - 1)),
-						children: [/* @__PURE__ */ X(te, { className: "h-3 w-3" }), V("detail.previousPage")]
+						children: [/* @__PURE__ */ Y(N, { className: "h-3 w-3" }), B("detail.previousPage")]
 					}),
-					/* @__PURE__ */ X("span", {
+					/* @__PURE__ */ Y("span", {
 						className: "text-xs text-muted-foreground",
-						children: V("detail.pageOf", {
+						children: B("detail.pageOf", {
 							current: O + 1,
 							total: ce
 						})
 					}),
-					/* @__PURE__ */ Z(P, {
+					/* @__PURE__ */ X(P, {
 						variant: "outline",
 						size: "sm",
 						className: "h-7 text-xs gap-1",
 						disabled: O >= ce - 1,
 						onClick: () => k((e) => Math.min(ce - 1, e + 1)),
-						children: [V("detail.nextPage"), /* @__PURE__ */ X(p, { className: "h-3 w-3" })]
+						children: [B("detail.nextPage"), /* @__PURE__ */ Y(p, { className: "h-3 w-3" })]
 					})
 				]
 			})
 		] })]
 	});
 }, Pt = ({ group: e, data: t, className: n, objectSchema: r, objectName: a, isEditing: o = !1, onFieldChange: s }) => {
-	let c = e.collapsible ?? !0, [l, u] = J.useState(e.defaultCollapsed ?? !1), d = /* @__PURE__ */ X("div", {
+	let c = e.collapsible ?? !0, [l, u] = q.useState(e.defaultCollapsed ?? !1), d = /* @__PURE__ */ Y("div", {
 		className: "space-y-3 sm:space-y-4",
-		children: e.sections.map((e, n) => /* @__PURE__ */ X(jt, {
+		children: e.sections.map((e, n) => /* @__PURE__ */ Y(jt, {
 			section: e,
 			data: t,
 			objectSchema: r,
@@ -1236,51 +1295,51 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 			onFieldChange: s
 		}, n))
 	});
-	return c ? /* @__PURE__ */ Z(Le, {
+	return c ? /* @__PURE__ */ X(Re, {
 		open: !l,
 		onOpenChange: (e) => u(!e),
 		className: n,
 		children: [
-			/* @__PURE__ */ X(k, {
+			/* @__PURE__ */ Y(k, {
 				asChild: !0,
-				children: /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2 pb-2 border-b cursor-pointer hover:bg-muted/50 transition-colors rounded-t-md px-2 py-1.5",
 					children: [
-						X(l ? p : ee, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-						e.icon && /* @__PURE__ */ X("span", {
+						Y(l ? p : te, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+						e.icon && /* @__PURE__ */ Y("span", {
 							className: "text-muted-foreground",
 							children: e.icon
 						}),
-						/* @__PURE__ */ X("h3", {
+						/* @__PURE__ */ Y("h3", {
 							className: "text-lg font-semibold",
 							children: e.title
 						})
 					]
 				})
 			}),
-			e.description && !l && /* @__PURE__ */ X("p", {
+			e.description && !l && /* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground mt-1",
 				children: e.description
 			}),
-			/* @__PURE__ */ X(i, { children: /* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Y(i, { children: /* @__PURE__ */ Y("div", {
 				className: "mt-3",
 				children: d
 			}) })
 		]
-	}) : /* @__PURE__ */ Z("div", {
-		className: q("space-y-3", n),
+	}) : /* @__PURE__ */ X("div", {
+		className: K("space-y-3", n),
 		children: [
-			/* @__PURE__ */ Z("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2 pb-2 border-b",
-				children: [e.icon && /* @__PURE__ */ X("span", {
+				children: [e.icon && /* @__PURE__ */ Y("span", {
 					className: "text-muted-foreground",
 					children: e.icon
-				}), /* @__PURE__ */ X("h3", {
+				}), /* @__PURE__ */ Y("h3", {
 					className: "text-lg font-semibold",
 					children: e.title
 				})]
 			}),
-			e.description && /* @__PURE__ */ X("p", {
+			e.description && /* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground",
 				children: e.description
 			}),
@@ -1288,18 +1347,18 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 		]
 	});
 }, Ft = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
-	let { fieldLabel: a } = We();
+	let { fieldLabel: a } = Ge();
 	if (!e.length || !t) return null;
 	let o = e.filter((e) => {
 		let n = t?.[e.name];
 		return n != null && n !== "";
 	});
-	return o.length === 0 ? null : /* @__PURE__ */ X(D, {
-		className: q("bg-muted/30 border-dashed", n),
-		children: /* @__PURE__ */ X(j, {
+	return o.length === 0 ? null : /* @__PURE__ */ Y(D, {
+		className: K("bg-muted/30 border-dashed", n),
+		children: /* @__PURE__ */ Y(j, {
 			className: "py-3 px-4",
-			children: /* @__PURE__ */ X("div", {
-				className: q("grid gap-4", o.length === 1 ? "grid-cols-1" : o.length === 2 ? "grid-cols-2" : o.length === 3 ? "grid-cols-3" : "grid-cols-2 md:grid-cols-4"),
+			children: /* @__PURE__ */ Y("div", {
+				className: K("grid gap-4", o.length === 1 ? "grid-cols-1" : o.length === 2 ? "grid-cols-2" : o.length === 3 ? "grid-cols-3" : "grid-cols-2 md:grid-cols-4"),
 				children: o.map((e) => {
 					let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
 						name: e.name,
@@ -1309,18 +1368,18 @@ var jt = ({ section: e, data: t, className: n, objectSchema: r, objectName: a, i
 						...o?.currency && { currency: o.currency },
 						...o?.precision !== void 0 && { precision: o.precision },
 						...o?.format && { format: o.format }
-					}, l = vt(s || "text");
-					return /* @__PURE__ */ Z("div", {
+					}, l = yt(s || "text");
+					return /* @__PURE__ */ X("div", {
 						className: "flex flex-col gap-0.5",
-						children: [/* @__PURE__ */ Z("span", {
+						children: [/* @__PURE__ */ X("span", {
 							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-							children: [e.icon && /* @__PURE__ */ X("span", {
+							children: [e.icon && /* @__PURE__ */ Y("span", {
 								className: "mr-1",
 								children: e.icon
 							}), a(r || "", e.name, e.label)]
-						}), /* @__PURE__ */ X("span", {
+						}), /* @__PURE__ */ Y("span", {
 							className: "text-sm font-semibold truncate",
-							children: /* @__PURE__ */ X(l, {
+							children: /* @__PURE__ */ Y(l, {
 								value: n,
 								field: c
 							})
@@ -1347,30 +1406,30 @@ function It(e) {
 	}
 }
 var Lt = ({ comments: t, onAddComment: n, onTogglePin: r, searchable: i = !1, className: a }) => {
-	let [o, s] = J.useState(""), [l, u] = J.useState(!1), [d, f] = J.useState(""), p = J.useCallback(async () => {
-		let e = o.trim();
+	let { t: o } = $(), [s, l] = q.useState(""), [u, d] = q.useState(!1), [f, p] = q.useState(""), h = q.useCallback(async () => {
+		let e = s.trim();
 		if (!(!e || !n)) {
-			u(!0);
+			d(!0);
 			try {
-				await n(e), s("");
+				await n(e), l("");
 			} finally {
-				u(!1);
+				d(!1);
 			}
 		}
-	}, [o, n]), h = J.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), p());
-	}, [p]), g = J.useMemo(() => [...d.trim() ? t.filter((e) => {
-		let t = d.trim().toLowerCase();
+	}, [s, n]), g = q.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), h());
+	}, [h]), _ = q.useMemo(() => [...f.trim() ? t.filter((e) => {
+		let t = f.trim().toLowerCase();
 		return e.text.toLowerCase().includes(t) || e.author.toLowerCase().includes(t);
-	}) : t].sort((e, t) => e.pinned && !t.pinned ? -1 : !e.pinned && t.pinned ? 1 : 0), [t, d]);
-	return /* @__PURE__ */ Z(D, {
-		className: q("", a),
-		children: [/* @__PURE__ */ X(c, { children: /* @__PURE__ */ Z(m, {
+	}) : t].sort((e, t) => e.pinned && !t.pinned ? -1 : !e.pinned && t.pinned ? 1 : 0), [t, f]);
+	return /* @__PURE__ */ X(D, {
+		className: K("", a),
+		children: [/* @__PURE__ */ Y(c, { children: /* @__PURE__ */ X(m, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ X(T, { className: "h-4 w-4" }),
-				"Comments",
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ Y(T, { className: "h-4 w-4" }),
+				o("detail.comments"),
+				/* @__PURE__ */ X("span", {
 					className: "text-sm font-normal text-muted-foreground",
 					children: [
 						"(",
@@ -1379,97 +1438,97 @@ var Lt = ({ comments: t, onAddComment: n, onTogglePin: r, searchable: i = !1, cl
 					]
 				})
 			]
-		}) }), /* @__PURE__ */ Z(j, {
+		}) }), /* @__PURE__ */ X(j, {
 			className: "space-y-4",
 			children: [
-				i && /* @__PURE__ */ X("div", {
+				i && /* @__PURE__ */ Y("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ Z("div", {
+					children: /* @__PURE__ */ X("div", {
 						className: "relative flex-1",
 						children: [
-							/* @__PURE__ */ X(V, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
-							/* @__PURE__ */ X("input", {
+							/* @__PURE__ */ Y(ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+							/* @__PURE__ */ Y("input", {
 								className: "w-full rounded-md border border-input bg-background pl-8 pr-8 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-								placeholder: "Search comments…",
-								value: d,
-								onChange: (e) => f(e.target.value),
-								"aria-label": "Search comments"
+								placeholder: o("detail.searchComments"),
+								value: f,
+								onChange: (e) => p(e.target.value),
+								"aria-label": o("detail.searchComments")
 							}),
-							d && /* @__PURE__ */ X("button", {
+							f && /* @__PURE__ */ Y("button", {
 								className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-								onClick: () => f(""),
-								"aria-label": "Clear search",
+								onClick: () => p(""),
+								"aria-label": o("detail.clearSearch"),
 								type: "button",
-								children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ Y(e, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
 				}),
-				n && /* @__PURE__ */ Z("div", {
+				n && /* @__PURE__ */ X("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ X("textarea", {
+					children: [/* @__PURE__ */ Y("textarea", {
 						className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
-						placeholder: "Add a comment… (Ctrl+Enter to submit)",
-						value: o,
-						onChange: (e) => s(e.target.value),
-						onKeyDown: h,
-						disabled: l
-					}), /* @__PURE__ */ X(P, {
+						placeholder: o("detail.addCommentPlaceholder"),
+						value: s,
+						onChange: (e) => l(e.target.value),
+						onKeyDown: g,
+						disabled: u
+					}), /* @__PURE__ */ Y(P, {
 						size: "icon",
 						variant: "default",
-						onClick: p,
-						disabled: !o.trim() || l,
+						onClick: h,
+						disabled: !s.trim() || u,
 						className: "shrink-0 self-end",
-						children: /* @__PURE__ */ X(je, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ Y(Me, { className: "h-4 w-4" })
 					})]
 				}),
-				g.length === 0 ? /* @__PURE__ */ X("p", {
+				_.length === 0 ? /* @__PURE__ */ Y("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
-					children: d.trim() ? "No matching comments" : "No comments yet"
-				}) : /* @__PURE__ */ X("div", {
+					children: f.trim() ? o("detail.noMatchingComments") : o("detail.noCommentsYet")
+				}) : /* @__PURE__ */ Y("div", {
 					className: "space-y-3",
-					children: g.map((e) => /* @__PURE__ */ Z("div", {
-						className: q("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
-						children: [/* @__PURE__ */ X("div", {
+					children: _.map((e) => /* @__PURE__ */ X("div", {
+						className: K("flex gap-3", e.pinned && "bg-muted/40 rounded-md p-2 -mx-2"),
+						children: [/* @__PURE__ */ Y("div", {
 							className: "shrink-0",
-							children: e.avatarUrl ? /* @__PURE__ */ X("img", {
+							children: e.avatarUrl ? /* @__PURE__ */ Y("img", {
 								src: e.avatarUrl,
 								alt: e.author,
 								className: "h-8 w-8 rounded-full object-cover"
-							}) : /* @__PURE__ */ X("div", {
+							}) : /* @__PURE__ */ Y("div", {
 								className: "h-8 w-8 rounded-full bg-muted flex items-center justify-center text-xs font-medium text-muted-foreground",
 								children: e.author.charAt(0).toUpperCase()
 							})
-						}), /* @__PURE__ */ Z("div", {
+						}), /* @__PURE__ */ X("div", {
 							className: "flex-1 min-w-0",
 							children: [
-								/* @__PURE__ */ Z("div", {
+								/* @__PURE__ */ X("div", {
 									className: "flex items-center gap-2 mb-0.5",
 									children: [
-										/* @__PURE__ */ X("span", {
+										/* @__PURE__ */ Y("span", {
 											className: "text-sm font-medium truncate",
 											children: e.author
 										}),
-										/* @__PURE__ */ X("span", {
+										/* @__PURE__ */ Y("span", {
 											className: "text-xs text-muted-foreground",
 											children: It(e.createdAt)
 										}),
-										e.pinned && /* @__PURE__ */ Z("span", {
+										e.pinned && /* @__PURE__ */ X("span", {
 											className: "text-xs text-amber-600 flex items-center gap-0.5",
-											children: [/* @__PURE__ */ X(ce, { className: "h-3 w-3" }), "Pinned"]
+											children: [/* @__PURE__ */ Y(ce, { className: "h-3 w-3" }), o("detail.pinned")]
 										})
 									]
 								}),
-								/* @__PURE__ */ X("p", {
+								/* @__PURE__ */ Y("p", {
 									className: "text-sm whitespace-pre-wrap break-words",
 									children: e.text
 								}),
-								r && /* @__PURE__ */ Z("button", {
+								r && /* @__PURE__ */ X("button", {
 									type: "button",
 									className: "mt-1 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1",
 									onClick: () => r(e.id),
-									"aria-label": e.pinned ? "Unpin comment" : "Pin comment",
-									children: [/* @__PURE__ */ X(ce, { className: "h-3 w-3" }), e.pinned ? "Unpin" : "Pin"]
+									"aria-label": e.pinned ? o("detail.unpin") : o("detail.pin"),
+									children: [/* @__PURE__ */ Y(ce, { className: "h-3 w-3" }), e.pinned ? o("detail.unpin") : o("detail.pin")]
 								})
 							]
 						})]
@@ -1479,9 +1538,9 @@ var Lt = ({ comments: t, onAddComment: n, onTogglePin: r, searchable: i = !1, cl
 		})]
 	});
 }, Rt = {
-	field_change: z,
-	create: M,
-	delete: Ae,
+	field_change: R,
+	create: ee,
+	delete: je,
 	comment: T,
 	status_change: xe
 }, zt = {
@@ -1515,15 +1574,15 @@ var Ht = {
 	comment: "Comments",
 	status_change: "Status Changes"
 }, Ut = ({ activities: e, filterable: t = !1, defaultFilter: n = "all", className: r }) => {
-	let [i, a] = J.useState(n), o = J.useMemo(() => i === "all" ? e : e.filter((e) => e.type === i), [e, i]);
-	return /* @__PURE__ */ Z(D, {
-		className: q("", r),
-		children: [/* @__PURE__ */ X(c, { children: /* @__PURE__ */ Z(m, {
+	let [i, a] = q.useState(n), o = q.useMemo(() => i === "all" ? e : e.filter((e) => e.type === i), [e, i]);
+	return /* @__PURE__ */ X(D, {
+		className: K("", r),
+		children: [/* @__PURE__ */ Y(c, { children: /* @__PURE__ */ X(m, {
 			className: "flex items-center gap-2 text-base",
 			children: [
-				/* @__PURE__ */ X(ge, { className: "h-4 w-4" }),
+				/* @__PURE__ */ Y(_e, { className: "h-4 w-4" }),
 				"Activity",
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ X("span", {
 					className: "text-sm font-normal text-muted-foreground",
 					children: [
 						"(",
@@ -1532,47 +1591,47 @@ var Ht = {
 					]
 				})
 			]
-		}) }), /* @__PURE__ */ Z(j, { children: [t && /* @__PURE__ */ X("div", {
+		}) }), /* @__PURE__ */ X(j, { children: [t && /* @__PURE__ */ Y("div", {
 			className: "flex flex-wrap gap-1.5 mb-4",
 			role: "group",
 			"aria-label": "Activity type filter",
-			children: Object.keys(Ht).map((e) => /* @__PURE__ */ Z("button", {
+			children: Object.keys(Ht).map((e) => /* @__PURE__ */ X("button", {
 				type: "button",
-				className: q("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", i === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
+				className: K("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors", i === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
 				onClick: () => a(e),
 				"aria-pressed": i === e,
-				children: [e !== "all" && J.createElement(Rt[e] || z, { className: "h-3 w-3" }), Ht[e]]
+				children: [e !== "all" && q.createElement(Rt[e] || R, { className: "h-3 w-3" }), Ht[e]]
 			}, e))
-		}), o.length === 0 ? /* @__PURE__ */ X("p", {
+		}), o.length === 0 ? /* @__PURE__ */ Y("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
 			children: "No activity recorded"
-		}) : /* @__PURE__ */ Z("div", {
+		}) : /* @__PURE__ */ X("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ X("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
+			children: [/* @__PURE__ */ Y("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Y("div", {
 				className: "space-y-4",
 				children: o.map((e) => {
-					let t = Rt[e.type] || z;
-					return /* @__PURE__ */ Z("div", {
+					let t = Rt[e.type] || R;
+					return /* @__PURE__ */ X("div", {
 						className: "flex gap-3 relative",
-						children: [/* @__PURE__ */ X("div", {
-							className: q("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", zt[e.type] || "bg-gray-100 text-gray-600"),
-							children: /* @__PURE__ */ X(t, { className: "h-3.5 w-3.5" })
-						}), /* @__PURE__ */ Z("div", {
+						children: [/* @__PURE__ */ Y("div", {
+							className: K("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", zt[e.type] || "bg-gray-100 text-gray-600"),
+							children: /* @__PURE__ */ Y(t, { className: "h-3.5 w-3.5" })
+						}), /* @__PURE__ */ X("div", {
 							className: "flex-1 min-w-0 pt-1",
-							children: [/* @__PURE__ */ Z("p", {
+							children: [/* @__PURE__ */ X("p", {
 								className: "text-sm",
 								children: [
-									/* @__PURE__ */ X("span", {
+									/* @__PURE__ */ Y("span", {
 										className: "font-medium",
 										children: e.user
 									}),
 									" ",
-									/* @__PURE__ */ X("span", {
+									/* @__PURE__ */ Y("span", {
 										className: "text-muted-foreground",
 										children: Vt(e)
 									})
 								]
-							}), /* @__PURE__ */ X("p", {
+							}), /* @__PURE__ */ Y("p", {
 								className: "text-xs text-muted-foreground mt-0.5",
 								children: Bt(e.timestamp)
 							})]
@@ -1583,8 +1642,8 @@ var Ht = {
 		})] })]
 	});
 }, Wt = 5, Gt = ({ schema: e, dataSource: t, className: i, onEdit: a, onDelete: o, onBack: s, inlineEdit: c = !1, onFieldSave: l }) => {
-	let [u, d] = J.useState(e.data), [f, m] = J.useState(!e.data && !!(e.api && e.resourceId || t && e.objectName && e.resourceId)), [h, _] = J.useState(!1), [y, b] = J.useState(!1), [x, S] = J.useState({}), [C, T] = J.useState(null), { t: E } = kt();
-	J.useEffect(() => {
+	let [u, d] = q.useState(e.data), [f, m] = q.useState(!e.data && !!(e.api && e.resourceId || t && e.objectName && e.resourceId)), [h, _] = q.useState(!1), [y, b] = q.useState(!1), [x, S] = q.useState({}), [C, T] = q.useState(null), { t: E } = $();
+	q.useEffect(() => {
 		let n = !0;
 		if (e.data) {
 			d(e.data), m(!1);
@@ -1596,7 +1655,7 @@ var Ht = {
 			(t.getObjectSchema ? t.getObjectSchema(r).catch(() => null) : Promise.resolve(null)).then((e) => {
 				if (!n) return;
 				T(e);
-				let s = Ve(e?.fields, o), c = s.length > 0 ? { $expand: s } : void 0, l = c ? t.findOne(r, i, c) : t.findOne(r, i), u = () => {
+				let s = He(e?.fields, o), c = s.length > 0 ? { $expand: s } : void 0, l = c ? t.findOne(r, i, c) : t.findOne(r, i), u = () => {
 					let e = String(i), o = e.startsWith(a) ? e.slice(a.length) : `${a}${e}`;
 					return (c ? t.findOne(r, o, c) : t.findOne(r, o)).then((e) => {
 						n && (d(e), m(!1));
@@ -1634,18 +1693,18 @@ var Ht = {
 		e.sections,
 		e.fields
 	]);
-	let D = J.useCallback(() => {
+	let D = q.useCallback(() => {
 		if (s) s();
 		else if (e.onNavigate) {
 			let t = e.backUrl || (e.objectName ? `/${e.objectName}` : "/");
 			e.onNavigate(t, { replace: !0 });
 		} else e.backUrl ? window.location.href = e.backUrl : window.history.back();
-	}, [s, e]), O = J.useCallback(() => {
+	}, [s, e]), O = q.useCallback(() => {
 		a ? a() : e.onNavigate && e.editUrl ? e.onNavigate(e.editUrl) : e.onNavigate && e.objectName && e.resourceId ? e.onNavigate(`/${e.objectName}/${e.resourceId}/edit`) : e.editUrl && (window.location.href = e.editUrl);
-	}, [a, e]), k = J.useCallback(() => {
+	}, [a, e]), k = q.useCallback(() => {
 		let t = e.deleteConfirmation || E("detail.deleteConfirmation");
 		window.confirm(t) && (o?.(), e.onNavigate && e.objectName && e.onNavigate(`/${e.objectName}`, { replace: !0 }));
-	}, [o, e]), j = J.useCallback(() => {
+	}, [o, e]), j = q.useCallback(() => {
 		navigator.share && e.objectName && e.resourceId ? navigator.share({
 			title: e.title || E("detail.details"),
 			text: `${e.objectName} #${e.resourceId}`,
@@ -1653,15 +1712,15 @@ var Ht = {
 		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
 			console.log("Link copied to clipboard");
 		});
-	}, [e]), M = J.useCallback(() => {
+	}, [e]), ee = q.useCallback(() => {
 		console.log("Duplicate record:", u);
-	}, [u]), ee = J.useCallback(() => {
+	}, [u]), te = q.useCallback(() => {
 		console.log("Export record:", u);
-	}, [u]), N = J.useCallback(() => {
+	}, [u]), M = q.useCallback(() => {
 		console.log("View history for record:", e.resourceId);
-	}, [e]), ne = J.useCallback(() => {
+	}, [e]), ne = q.useCallback(() => {
 		_(!h);
-	}, [h]), R = J.useCallback(() => {
+	}, [h]), re = q.useCallback(() => {
 		if (y) {
 			let e = Object.entries(x);
 			if (e.length > 0) {
@@ -1681,13 +1740,13 @@ var Ht = {
 		x,
 		u,
 		l
-	]), B = J.useCallback((e, t) => {
+	]), z = q.useCallback((e, t) => {
 		S((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	J.useEffect(() => {
+	q.useEffect(() => {
 		if (!e.recordNavigation) return;
 		let t = e.recordNavigation, n = (e) => {
 			let n = e.target?.tagName;
@@ -1695,7 +1754,7 @@ var Ht = {
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
 	}, [e.recordNavigation]);
-	let re = J.useMemo(() => {
+	let ie = q.useMemo(() => {
 		if (!e.autoDiscoverRelated || !C?.fields || e.related && e.related.length > 0) return [];
 		let t = [], n = C.fields;
 		for (let [e, r] of Object.entries(n)) {
@@ -1712,107 +1771,107 @@ var Ht = {
 		e.autoDiscoverRelated,
 		e.related,
 		C
-	]), V = J.useMemo(() => e.related && e.related.length > 0 ? e.related : re.map((e) => ({
+	]), B = q.useMemo(() => e.related && e.related.length > 0 ? e.related : ie.map((e) => ({
 		title: e.title,
 		type: e.type,
 		api: e.objectName,
 		data: []
-	})), [e.related, re]);
-	return f || e.loading ? /* @__PURE__ */ Z("div", {
-		className: q("space-y-4", i),
+	})), [e.related, ie]);
+	return f || e.loading ? /* @__PURE__ */ X("div", {
+		className: K("space-y-4", i),
 		children: [
-			/* @__PURE__ */ X(Me, { className: "h-10 w-full" }),
-			/* @__PURE__ */ X(Me, { className: "h-64 w-full" }),
-			/* @__PURE__ */ X(Me, { className: "h-48 w-full" })
+			/* @__PURE__ */ Y(Ne, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Y(Ne, { className: "h-64 w-full" }),
+			/* @__PURE__ */ Y(Ne, { className: "h-48 w-full" })
 		]
-	}) : !u && !e.data ? /* @__PURE__ */ Z("div", {
-		className: q("flex flex-col items-center justify-center py-16 text-center", i),
+	}) : !u && !e.data ? /* @__PURE__ */ X("div", {
+		className: K("flex flex-col items-center justify-center py-16 text-center", i),
 		children: [
-			/* @__PURE__ */ X("p", {
+			/* @__PURE__ */ Y("p", {
 				className: "text-lg font-semibold",
 				children: E("detail.recordNotFound")
 			}),
-			/* @__PURE__ */ X("p", {
+			/* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground mt-1",
 				children: E("detail.recordNotFoundDescription")
 			}),
-			(e.showBack ?? !0) && /* @__PURE__ */ Z(P, {
+			(e.showBack ?? !0) && /* @__PURE__ */ X(P, {
 				variant: "outline",
 				size: "sm",
 				onClick: D,
 				className: "mt-4 gap-2",
-				children: [/* @__PURE__ */ X(De, { className: "h-4 w-4" }), E("detail.goBack")]
+				children: [/* @__PURE__ */ Y(Oe, { className: "h-4 w-4" }), E("detail.goBack")]
 			})
 		]
-	}) : /* @__PURE__ */ X(H, { children: /* @__PURE__ */ Z("div", {
-		className: q("space-y-6", i),
+	}) : /* @__PURE__ */ Y(V, { children: /* @__PURE__ */ X("div", {
+		className: K("space-y-6", i),
 		children: [
-			/* @__PURE__ */ Z("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex flex-col sm:flex-row items-start justify-between gap-3 sm:gap-4 pb-4 border-b",
-				children: [/* @__PURE__ */ Z("div", {
+				children: [/* @__PURE__ */ X("div", {
 					className: "flex items-start gap-2 sm:gap-3 flex-1 min-w-0",
-					children: [(e.showBack ?? !0) && /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+					children: [(e.showBack ?? !0) && /* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 						asChild: !0,
-						children: /* @__PURE__ */ X(P, {
+						children: /* @__PURE__ */ Y(P, {
 							variant: "ghost",
 							size: "icon",
 							onClick: D,
 							className: "shrink-0 mt-1",
-							children: /* @__PURE__ */ X(De, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ Y(Oe, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ X(U, { children: E("detail.back") })] }), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ Y(H, { children: E("detail.back") })] }), /* @__PURE__ */ X("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ Z("div", {
+						children: [/* @__PURE__ */ X("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [
-								/* @__PURE__ */ X("h1", {
+								/* @__PURE__ */ Y("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
 									children: e.primaryField && u?.[e.primaryField] || e.title || E("detail.details")
 								}),
 								e.summaryFields?.map((e) => {
 									let t = u?.[e];
-									return t == null || t === "" ? null : /* @__PURE__ */ X(K, {
+									return t == null || t === "" ? null : /* @__PURE__ */ Y(G, {
 										variant: "secondary",
 										className: "text-xs",
 										"aria-label": `${e}: ${t}`,
 										children: String(t)
 									}, e);
 								}),
-								/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+								/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 									asChild: !0,
-									children: /* @__PURE__ */ X(P, {
+									children: /* @__PURE__ */ Y(P, {
 										variant: "ghost",
 										size: "icon",
 										className: "h-6 w-6 shrink-0",
 										onClick: ne,
-										children: h ? /* @__PURE__ */ X(Ee, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ X(fe, { className: "h-4 w-4 text-muted-foreground" })
+										children: h ? /* @__PURE__ */ Y(De, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ Y(pe, { className: "h-4 w-4 text-muted-foreground" })
 									})
-								}), /* @__PURE__ */ X(U, { children: E(h ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+								}), /* @__PURE__ */ Y(H, { children: E(h ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
 							]
-						}), e.objectName && /* @__PURE__ */ Z("p", {
+						}), e.objectName && /* @__PURE__ */ X("p", {
 							className: "text-sm text-muted-foreground mt-1 flex items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ X("span", {
+								/* @__PURE__ */ Y("span", {
 									className: "font-medium",
 									children: e.objectName
 								}),
-								/* @__PURE__ */ X("span", {
+								/* @__PURE__ */ Y("span", {
 									className: "text-muted-foreground/60",
 									children: "•"
 								}),
-								/* @__PURE__ */ Z("span", { children: ["#", e.resourceId] })
+								/* @__PURE__ */ X("span", { children: ["#", e.resourceId] })
 							]
 						})]
 					})]
-				}), /* @__PURE__ */ Z("div", {
+				}), /* @__PURE__ */ X("div", {
 					className: "flex flex-wrap items-center gap-1.5 shrink-0 w-full sm:w-auto",
 					children: [
-						e.recordNavigation && /* @__PURE__ */ Z("div", {
+						e.recordNavigation && /* @__PURE__ */ X("div", {
 							className: "flex items-center gap-1 mr-2",
 							children: [
-								/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+								/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 									asChild: !0,
-									children: /* @__PURE__ */ X(P, {
+									children: /* @__PURE__ */ Y(P, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
@@ -1821,19 +1880,19 @@ var Ht = {
 											let t = e.recordNavigation;
 											t.currentIndex > 0 && t.onNavigate(t.recordIds[t.currentIndex - 1]);
 										},
-										children: /* @__PURE__ */ X(te, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Y(N, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ X(U, { children: E("detail.previousRecord") })] }),
-								/* @__PURE__ */ X("span", {
+								}), /* @__PURE__ */ Y(H, { children: E("detail.previousRecord") })] }),
+								/* @__PURE__ */ Y("span", {
 									className: "text-xs text-muted-foreground whitespace-nowrap px-1",
 									children: E("detail.recordOf", {
 										current: e.recordNavigation.currentIndex + 1,
 										total: e.recordNavigation.recordIds.length
 									})
 								}),
-								/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+								/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 									asChild: !0,
-									children: /* @__PURE__ */ X(P, {
+									children: /* @__PURE__ */ Y(P, {
 										variant: "outline",
 										size: "icon",
 										className: "h-8 w-8",
@@ -1842,145 +1901,145 @@ var Ht = {
 											let t = e.recordNavigation;
 											t.currentIndex < t.recordIds.length - 1 && t.onNavigate(t.recordIds[t.currentIndex + 1]);
 										},
-										children: /* @__PURE__ */ X(p, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ Y(p, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ X(U, { children: E("detail.nextRecord") })] })
+								}), /* @__PURE__ */ Y(H, { children: E("detail.nextRecord") })] })
 							]
 						}),
-						e.actions?.map((e, t) => /* @__PURE__ */ X(oe, {
+						e.actions?.map((e, t) => /* @__PURE__ */ Y(Ce, {
 							schema: e,
 							data: u
 						}, t)),
-						c && /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+						c && /* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 							asChild: !0,
-							children: /* @__PURE__ */ X(P, {
+							children: /* @__PURE__ */ Y(P, {
 								variant: y ? "default" : "outline",
 								size: "sm",
-								onClick: R,
+								onClick: re,
 								className: "gap-2 hidden sm:inline-flex",
-								children: y ? /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(F, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+								children: y ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(F, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
 									className: "hidden sm:inline",
 									children: E("detail.save")
-								})] }) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(z, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+								})] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(R, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
 									className: "hidden sm:inline",
 									children: E("detail.editInline")
 								})] })
 							})
-						}), /* @__PURE__ */ X(U, { children: E(y ? "detail.saveChanges" : "detail.editFieldsInline") })] }),
-						/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+						}), /* @__PURE__ */ Y(H, { children: E(y ? "detail.saveChanges" : "detail.editFieldsInline") })] }),
+						/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 							asChild: !0,
-							children: /* @__PURE__ */ X(P, {
+							children: /* @__PURE__ */ Y(P, {
 								variant: "outline",
 								size: "icon",
 								onClick: j,
 								className: "hidden sm:inline-flex",
-								children: /* @__PURE__ */ X(_e, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ Y(ve, { className: "h-4 w-4" })
 							})
-						}), /* @__PURE__ */ X(U, { children: E("detail.share") })] }),
-						e.showEdit && /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+						}), /* @__PURE__ */ Y(H, { children: E("detail.share") })] }),
+						e.showEdit && /* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 							asChild: !0,
-							children: /* @__PURE__ */ Z(P, {
+							children: /* @__PURE__ */ X(P, {
 								variant: "default",
 								onClick: O,
 								className: "gap-2 hidden sm:inline-flex",
-								children: [/* @__PURE__ */ X(z, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+								children: [/* @__PURE__ */ Y(R, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
 									className: "hidden sm:inline",
 									children: E("detail.edit")
 								})]
 							})
-						}), /* @__PURE__ */ X(U, { children: E("detail.editRecord") })] }),
-						/* @__PURE__ */ Z(me, { children: [/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+						}), /* @__PURE__ */ Y(H, { children: E("detail.editRecord") })] }),
+						/* @__PURE__ */ X(he, { children: [/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(I, {
 							asChild: !0,
-							children: /* @__PURE__ */ X(v, {
+							children: /* @__PURE__ */ Y(v, {
 								asChild: !0,
-								children: /* @__PURE__ */ X(P, {
+								children: /* @__PURE__ */ Y(P, {
 									variant: "ghost",
 									size: "icon",
-									children: /* @__PURE__ */ X(w, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ Y(w, { className: "h-4 w-4" })
 								})
 							})
-						}), /* @__PURE__ */ X(U, { children: E("detail.moreActions") })] }), /* @__PURE__ */ Z(n, {
+						}), /* @__PURE__ */ Y(H, { children: E("detail.moreActions") })] }), /* @__PURE__ */ X(n, {
 							align: "end",
 							className: "w-[calc(100vw-2rem)] sm:w-48 max-h-[60vh] overflow-y-auto",
 							children: [
-								/* @__PURE__ */ Z(W, {
+								/* @__PURE__ */ X(U, {
 									onClick: j,
 									className: "sm:hidden",
-									children: [/* @__PURE__ */ X(_e, { className: "h-4 w-4 mr-2" }), E("detail.share")]
+									children: [/* @__PURE__ */ Y(ve, { className: "h-4 w-4 mr-2" }), E("detail.share")]
 								}),
-								e.showEdit && /* @__PURE__ */ Z(W, {
+								e.showEdit && /* @__PURE__ */ X(U, {
 									onClick: O,
 									className: "sm:hidden",
-									children: [/* @__PURE__ */ X(z, { className: "h-4 w-4 mr-2" }), E("detail.edit")]
+									children: [/* @__PURE__ */ Y(R, { className: "h-4 w-4 mr-2" }), E("detail.edit")]
 								}),
-								c && /* @__PURE__ */ Z(W, {
-									onClick: R,
+								c && /* @__PURE__ */ X(U, {
+									onClick: re,
 									className: "sm:hidden",
-									children: [/* @__PURE__ */ X(z, { className: "h-4 w-4 mr-2" }), E(y ? "detail.save" : "detail.editInline")]
+									children: [/* @__PURE__ */ Y(R, { className: "h-4 w-4 mr-2" }), E(y ? "detail.save" : "detail.editInline")]
 								}),
-								/* @__PURE__ */ X(g, { className: "sm:hidden" }),
-								/* @__PURE__ */ Z(W, {
-									onClick: M,
-									children: [/* @__PURE__ */ X(A, { className: "h-4 w-4 mr-2" }), E("detail.duplicate")]
-								}),
-								/* @__PURE__ */ Z(W, {
+								/* @__PURE__ */ Y(g, { className: "sm:hidden" }),
+								/* @__PURE__ */ X(U, {
 									onClick: ee,
-									children: [/* @__PURE__ */ X(Re, { className: "h-4 w-4 mr-2" }), E("detail.export")]
+									children: [/* @__PURE__ */ Y(A, { className: "h-4 w-4 mr-2" }), E("detail.duplicate")]
 								}),
-								/* @__PURE__ */ Z(W, {
-									onClick: N,
-									children: [/* @__PURE__ */ X(r, { className: "h-4 w-4 mr-2" }), E("detail.viewHistory")]
+								/* @__PURE__ */ X(U, {
+									onClick: te,
+									children: [/* @__PURE__ */ Y(ze, { className: "h-4 w-4 mr-2" }), E("detail.export")]
 								}),
-								e.showDelete && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(g, {}), /* @__PURE__ */ Z(W, {
+								/* @__PURE__ */ X(U, {
+									onClick: M,
+									children: [/* @__PURE__ */ Y(r, { className: "h-4 w-4 mr-2" }), E("detail.viewHistory")]
+								}),
+								e.showDelete && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(g, {}), /* @__PURE__ */ X(U, {
 									onClick: k,
 									className: "text-destructive focus:text-destructive",
-									children: [/* @__PURE__ */ X(Ae, { className: "h-4 w-4 mr-2" }), E("detail.delete")]
+									children: [/* @__PURE__ */ Y(je, { className: "h-4 w-4 mr-2" }), E("detail.delete")]
 								})] })
 							]
 						})] })
 					]
 				})]
 			}),
-			e.header && /* @__PURE__ */ X("div", { children: /* @__PURE__ */ X(oe, {
+			e.header && /* @__PURE__ */ Y("div", { children: /* @__PURE__ */ Y(Ce, {
 				schema: e.header,
 				data: u
 			}) }),
-			e.highlightFields && e.highlightFields.length > 0 && /* @__PURE__ */ X(Ft, {
+			e.highlightFields && e.highlightFields.length > 0 && /* @__PURE__ */ Y(Ft, {
 				fields: e.highlightFields,
 				data: u,
 				objectName: e.objectName,
 				objectSchema: C
 			}),
-			e.autoTabs && !e.tabs?.length ? /* @__PURE__ */ Z(ye, {
+			e.autoTabs && !e.tabs?.length ? /* @__PURE__ */ X(ye, {
 				defaultValue: "details",
 				className: "w-full",
 				children: [
-					/* @__PURE__ */ Z(ue, {
+					/* @__PURE__ */ X(de, {
 						className: "w-full justify-start border-b rounded-none bg-transparent p-0",
 						children: [
-							/* @__PURE__ */ X(L, {
+							/* @__PURE__ */ Y(L, {
 								value: "details",
 								className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
 								children: E("detail.details")
 							}),
-							V.length > 0 && /* @__PURE__ */ X(L, {
+							B.length > 0 && /* @__PURE__ */ Y(L, {
 								value: "related",
 								className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-								children: /* @__PURE__ */ Z("span", {
+								children: /* @__PURE__ */ X("span", {
 									className: "flex items-center gap-1.5",
-									children: [E("detail.related"), /* @__PURE__ */ X(K, {
+									children: [E("detail.related"), /* @__PURE__ */ Y(G, {
 										variant: "secondary",
 										className: "text-xs",
-										children: V.length
+										children: B.length
 									})]
 								})
 							}),
-							e.activities && e.activities.length > 0 && /* @__PURE__ */ X(L, {
+							e.activities && e.activities.length > 0 && /* @__PURE__ */ Y(L, {
 								value: "activity",
 								className: "relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent",
-								children: /* @__PURE__ */ Z("span", {
+								children: /* @__PURE__ */ X("span", {
 									className: "flex items-center gap-1.5",
-									children: [E("detail.activity"), /* @__PURE__ */ X(K, {
+									children: [E("detail.activity"), /* @__PURE__ */ Y(G, {
 										variant: "secondary",
 										className: "text-xs",
 										children: e.activities.length
@@ -1989,13 +2048,13 @@ var Ht = {
 							})
 						]
 					}),
-					/* @__PURE__ */ X(Te, {
+					/* @__PURE__ */ Y(Ee, {
 						value: "details",
 						className: "mt-4",
-						children: /* @__PURE__ */ Z("div", {
+						children: /* @__PURE__ */ X("div", {
 							className: "space-y-3 sm:space-y-4",
 							children: [
-								e.sectionGroups && e.sectionGroups.length > 0 && e.sectionGroups.map((t, n) => /* @__PURE__ */ X(Pt, {
+								e.sectionGroups && e.sectionGroups.length > 0 && e.sectionGroups.map((t, n) => /* @__PURE__ */ Y(Pt, {
 									group: t,
 									data: {
 										...u,
@@ -2004,9 +2063,9 @@ var Ht = {
 									objectSchema: C,
 									objectName: e.objectName,
 									isEditing: y,
-									onFieldChange: B
+									onFieldChange: z
 								}, n)),
-								e.sections && e.sections.length > 0 && e.sections.map((t, n) => /* @__PURE__ */ X(jt, {
+								e.sections && e.sections.length > 0 && e.sections.map((t, n) => /* @__PURE__ */ Y(jt, {
 									section: t,
 									data: {
 										...u,
@@ -2015,9 +2074,9 @@ var Ht = {
 									objectSchema: C,
 									objectName: e.objectName,
 									isEditing: y,
-									onFieldChange: B
+									onFieldChange: z
 								}, n)),
-								e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ X(jt, {
+								e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Y(jt, {
 									section: {
 										fields: e.fields,
 										columns: e.columns
@@ -2029,21 +2088,21 @@ var Ht = {
 									objectSchema: C,
 									objectName: e.objectName,
 									isEditing: y,
-									onFieldChange: B
+									onFieldChange: z
 								}),
-								e.comments && /* @__PURE__ */ X(Lt, {
+								e.comments && /* @__PURE__ */ Y(Lt, {
 									comments: e.comments,
 									onAddComment: e.onAddComment
 								})
 							]
 						})
 					}),
-					V.length > 0 && /* @__PURE__ */ X(Te, {
+					B.length > 0 && /* @__PURE__ */ Y(Ee, {
 						value: "related",
 						className: "mt-4",
-						children: /* @__PURE__ */ X("div", {
+						children: /* @__PURE__ */ Y("div", {
 							className: "space-y-4",
-							children: V.map((e, n) => /* @__PURE__ */ X(Nt, {
+							children: B.map((e, n) => /* @__PURE__ */ Y(Nt, {
 								title: e.title,
 								type: e.type,
 								api: e.api,
@@ -2056,16 +2115,16 @@ var Ht = {
 							}, n))
 						})
 					}),
-					e.activities && e.activities.length > 0 && /* @__PURE__ */ X(Te, {
+					e.activities && e.activities.length > 0 && /* @__PURE__ */ Y(Ee, {
 						value: "activity",
 						className: "mt-4",
-						children: /* @__PURE__ */ X(Ut, { activities: e.activities })
+						children: /* @__PURE__ */ Y(Ut, { activities: e.activities })
 					})
 				]
-			}) : /* @__PURE__ */ Z(Y, { children: [
-				e.sectionGroups && e.sectionGroups.length > 0 && /* @__PURE__ */ X("div", {
+			}) : /* @__PURE__ */ X(J, { children: [
+				e.sectionGroups && e.sectionGroups.length > 0 && /* @__PURE__ */ Y("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: e.sectionGroups.map((t, n) => /* @__PURE__ */ X(Pt, {
+					children: e.sectionGroups.map((t, n) => /* @__PURE__ */ Y(Pt, {
 						group: t,
 						data: {
 							...u,
@@ -2074,12 +2133,12 @@ var Ht = {
 						objectSchema: C,
 						objectName: e.objectName,
 						isEditing: y,
-						onFieldChange: B
+						onFieldChange: z
 					}, n))
 				}),
-				e.sections && e.sections.length > 0 && /* @__PURE__ */ X("div", {
+				e.sections && e.sections.length > 0 && /* @__PURE__ */ Y("div", {
 					className: "space-y-3 sm:space-y-4",
-					children: e.sections.map((t, n) => /* @__PURE__ */ X(jt, {
+					children: e.sections.map((t, n) => /* @__PURE__ */ Y(jt, {
 						section: t,
 						data: {
 							...u,
@@ -2088,10 +2147,10 @@ var Ht = {
 						objectSchema: C,
 						objectName: e.objectName,
 						isEditing: y,
-						onFieldChange: B
+						onFieldChange: z
 					}, n))
 				}),
-				e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ X(jt, {
+				e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ Y(jt, {
 					section: {
 						fields: e.fields,
 						columns: e.columns
@@ -2103,18 +2162,18 @@ var Ht = {
 					objectSchema: C,
 					objectName: e.objectName,
 					isEditing: y,
-					onFieldChange: B
+					onFieldChange: z
 				}),
-				e.tabs && e.tabs.length > 0 && /* @__PURE__ */ X(Mt, {
+				e.tabs && e.tabs.length > 0 && /* @__PURE__ */ Y(Mt, {
 					tabs: e.tabs,
 					data: u
 				}),
-				V.length > 0 && /* @__PURE__ */ Z("div", {
+				B.length > 0 && /* @__PURE__ */ X("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ X("h2", {
+					children: [/* @__PURE__ */ Y("h2", {
 						className: "text-xl font-semibold",
 						children: E("detail.related")
-					}), V.map((e, n) => /* @__PURE__ */ X(Nt, {
+					}), B.map((e, n) => /* @__PURE__ */ Y(Nt, {
 						title: e.title,
 						type: e.type,
 						api: e.api,
@@ -2126,24 +2185,24 @@ var Ht = {
 						pageSize: Wt
 					}, n))]
 				}),
-				e.comments && /* @__PURE__ */ X(Lt, {
+				e.comments && /* @__PURE__ */ Y(Lt, {
 					comments: e.comments,
 					onAddComment: e.onAddComment
 				}),
-				e.activities && e.activities.length > 0 && /* @__PURE__ */ X(Ut, { activities: e.activities })
+				e.activities && e.activities.length > 0 && /* @__PURE__ */ Y(Ut, { activities: e.activities })
 			] }),
-			e.footer && /* @__PURE__ */ X("div", { children: /* @__PURE__ */ X(oe, {
+			e.footer && /* @__PURE__ */ Y("div", { children: /* @__PURE__ */ Y(Ce, {
 				schema: e.footer,
 				data: u
 			}) })
 		]
 	}) });
 }, Kt = ({ objectName: t, relationshipField: n, fields: r, onCreateRecord: i, onLinkRecord: s, onSearch: l, existingRecords: u = [], className: d }) => {
-	let [f, p] = J.useState(!1), [h, g] = J.useState("create"), [_, v] = J.useState({}), [y, b] = J.useState(""), [x, S] = J.useState(u), [C, w] = J.useState(!1), [T, O] = J.useState(!1), k = J.useMemo(() => {
+	let [f, p] = q.useState(!1), [h, g] = q.useState("create"), [_, v] = q.useState({}), [y, b] = q.useState(""), [x, S] = q.useState(u), [C, w] = q.useState(!1), [T, O] = q.useState(!1), k = q.useMemo(() => {
 		if (!y.trim()) return x;
 		let e = y.toLowerCase();
 		return x.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [y, x]), A = J.useCallback(async (e) => {
+	}, [y, x]), A = q.useCallback(async (e) => {
 		if (b(e), l && e.trim().length >= 2) {
 			O(!0);
 			try {
@@ -2152,12 +2211,12 @@ var Ht = {
 				O(!1);
 			}
 		}
-	}, [l]), M = J.useCallback((e, t) => {
+	}, [l]), ee = q.useCallback((e, t) => {
 		v((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ee = J.useCallback(async () => {
+	}, []), te = q.useCallback(async () => {
 		if (i) {
 			w(!0);
 			try {
@@ -2173,7 +2232,7 @@ var Ht = {
 		i,
 		_,
 		n
-	]), N = J.useCallback(async (e) => {
+	]), M = q.useCallback(async (e) => {
 		if (s) {
 			w(!0);
 			try {
@@ -2182,100 +2241,100 @@ var Ht = {
 				w(!1);
 			}
 		}
-	}, [s]), te = J.useMemo(() => r.filter((e) => e.required).every((e) => _[e.name]?.toString().trim()), [r, _]);
-	return f ? /* @__PURE__ */ Z(D, {
-		className: q("", d),
-		children: [/* @__PURE__ */ X(c, {
+	}, [s]), N = q.useMemo(() => r.filter((e) => e.required).every((e) => _[e.name]?.toString().trim()), [r, _]);
+	return f ? /* @__PURE__ */ X(D, {
+		className: K("", d),
+		children: [/* @__PURE__ */ Y(c, {
 			className: "pb-3",
-			children: /* @__PURE__ */ Z(m, {
+			children: /* @__PURE__ */ X(m, {
 				className: "flex items-center justify-between text-sm",
-				children: [/* @__PURE__ */ Z("span", { children: [
+				children: [/* @__PURE__ */ X("span", { children: [
 					h === "create" ? "Create" : "Link",
 					" ",
 					t
-				] }), /* @__PURE__ */ X(P, {
+				] }), /* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6",
 					onClick: () => p(!1),
-					children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ Y(e, { className: "h-3.5 w-3.5" })
 				})]
 			})
-		}), /* @__PURE__ */ X(j, { children: /* @__PURE__ */ Z(ye, {
+		}), /* @__PURE__ */ Y(j, { children: /* @__PURE__ */ X(ye, {
 			value: h,
 			onValueChange: g,
 			children: [
-				/* @__PURE__ */ Z(ue, {
+				/* @__PURE__ */ X(de, {
 					className: "mb-3 w-full",
-					children: [i && /* @__PURE__ */ Z(L, {
+					children: [i && /* @__PURE__ */ X(L, {
 						value: "create",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ X(le, { className: "h-3.5 w-3.5" }), "Create New"]
-					}), s && /* @__PURE__ */ Z(L, {
+						children: [/* @__PURE__ */ Y(ue, { className: "h-3.5 w-3.5" }), "Create New"]
+					}), s && /* @__PURE__ */ X(L, {
 						value: "link",
 						className: "flex-1 gap-1.5",
-						children: [/* @__PURE__ */ X(o, { className: "h-3.5 w-3.5" }), "Link Existing"]
+						children: [/* @__PURE__ */ Y(o, { className: "h-3.5 w-3.5" }), "Link Existing"]
 					})]
 				}),
-				i && /* @__PURE__ */ Z(Te, {
+				i && /* @__PURE__ */ X(Ee, {
 					value: "create",
 					className: "space-y-3 mt-0",
-					children: [r.map((e) => /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ Z("label", {
+					children: [r.map((e) => /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ X("label", {
 						className: "text-xs font-medium text-muted-foreground mb-1 block",
-						children: [e.label, e.required && /* @__PURE__ */ X("span", {
+						children: [e.label, e.required && /* @__PURE__ */ Y("span", {
 							className: "text-destructive ml-0.5",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ X(a, {
+					}), /* @__PURE__ */ Y(a, {
 						type: e.type === "number" ? "number" : e.type === "date" ? "date" : "text",
 						placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
 						value: _[e.name] || "",
-						onChange: (t) => M(e.name, t.target.value),
+						onChange: (t) => ee(e.name, t.target.value),
 						className: "h-8 text-sm"
-					})] }, e.name)), /* @__PURE__ */ Z("div", {
+					})] }, e.name)), /* @__PURE__ */ X("div", {
 						className: "flex justify-end gap-2 pt-1",
-						children: [/* @__PURE__ */ X(P, {
+						children: [/* @__PURE__ */ Y(P, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => p(!1),
 							children: "Cancel"
-						}), /* @__PURE__ */ Z(P, {
+						}), /* @__PURE__ */ X(P, {
 							size: "sm",
-							onClick: ee,
-							disabled: !te || C,
+							onClick: te,
+							disabled: !N || C,
 							className: "gap-1.5",
-							children: [C && /* @__PURE__ */ X(E, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+							children: [C && /* @__PURE__ */ Y(E, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
 						})]
 					})]
 				}),
-				s && /* @__PURE__ */ Z(Te, {
+				s && /* @__PURE__ */ X(Ee, {
 					value: "link",
 					className: "space-y-3 mt-0",
-					children: [/* @__PURE__ */ Z("div", {
+					children: [/* @__PURE__ */ X("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ X(V, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ X(a, {
+						children: [/* @__PURE__ */ Y(ie, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ Y(a, {
 							placeholder: `Search ${t}…`,
 							value: y,
 							onChange: (e) => A(e.target.value),
 							className: "h-8 text-sm pl-8"
 						})]
-					}), /* @__PURE__ */ X("div", {
+					}), /* @__PURE__ */ Y("div", {
 						className: "max-h-48 overflow-y-auto space-y-1",
-						children: T ? /* @__PURE__ */ Z("div", {
+						children: T ? /* @__PURE__ */ X("div", {
 							className: "flex items-center justify-center py-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ X(E, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
-						}) : k.length === 0 ? /* @__PURE__ */ X("p", {
+							children: [/* @__PURE__ */ Y(E, { className: "h-4 w-4 animate-spin mr-2" }), "Searching…"]
+						}) : k.length === 0 ? /* @__PURE__ */ Y("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
 							children: y ? "No records found" : "Type to search records"
-						}) : k.map((e) => /* @__PURE__ */ Z("button", {
+						}) : k.map((e) => /* @__PURE__ */ X("button", {
 							type: "button",
 							className: "w-full text-left px-3 py-2 rounded-md hover:bg-accent text-sm transition-colors",
-							onClick: () => N(e.id),
+							onClick: () => M(e.id),
 							disabled: C,
-							children: [/* @__PURE__ */ X("span", {
+							children: [/* @__PURE__ */ Y("span", {
 								className: "font-medium",
 								children: e.label
-							}), e.description && /* @__PURE__ */ X("span", {
+							}), e.description && /* @__PURE__ */ Y("span", {
 								className: "block text-xs text-muted-foreground mt-0.5",
 								children: e.description
 							})]
@@ -2284,9 +2343,9 @@ var Ht = {
 				})
 			]
 		}) })]
-	}) : /* @__PURE__ */ Z("div", {
-		className: q("flex gap-2", d),
-		children: [i && /* @__PURE__ */ Z(P, {
+	}) : /* @__PURE__ */ X("div", {
+		className: K("flex gap-2", d),
+		children: [i && /* @__PURE__ */ X(P, {
 			variant: "outline",
 			size: "sm",
 			onClick: () => {
@@ -2294,18 +2353,18 @@ var Ht = {
 			},
 			className: "gap-1.5",
 			children: [
-				/* @__PURE__ */ X(le, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ Y(ue, { className: "h-3.5 w-3.5" }),
 				"New ",
 				t
 			]
-		}), s && /* @__PURE__ */ Z(P, {
+		}), s && /* @__PURE__ */ X(P, {
 			variant: "outline",
 			size: "sm",
 			onClick: () => {
 				g("link"), p(!0);
 			},
 			className: "gap-1.5",
-			children: [/* @__PURE__ */ X(o, { className: "h-3.5 w-3.5" }), "Link Existing"]
+			children: [/* @__PURE__ */ Y(o, { className: "h-3.5 w-3.5" }), "Link Existing"]
 		})]
 	});
 };
@@ -2315,13 +2374,13 @@ function qt(e) {
 	let t = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/```([\s\S]*?)```/g, "<pre class=\"bg-muted rounded p-2 text-xs font-mono my-1 overflow-x-auto\">$1</pre>").replace(/`([^`]+)`/g, "<code class=\"bg-muted rounded px-1 py-0.5 text-xs font-mono\">$1</code>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/@(\w+)/g, "<span class=\"text-primary font-medium\">@$1</span>").replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>").replace(/\n/g, "<br/>");
 	return t = t.replace(/(<li[^>]*>.*?<\/li>(?:<br\/>)?)+/g, (e) => `<ul class="my-1">${e.replace(/<br\/>/g, "")}</ul>`), t;
 }
-var Jt = ({ value: e, onChange: n, onSubmit: r, mentionSuggestions: i = [], placeholder: a = "Write a comment…", className: o, disabled: c = !1 }) => {
-	let [l, u] = J.useState(!1), [d, f] = J.useState(!1), [p, m] = J.useState(""), [h, g] = J.useState(0), _ = J.useRef(null), v = J.useMemo(() => {
-		if (!p) return i;
-		let e = p.toLowerCase();
+var Jt = ({ value: e, onChange: n, onSubmit: r, mentionSuggestions: i = [], placeholder: a, className: o, disabled: c = !1 }) => {
+	let { t: l } = $(), [u, d] = q.useState(!1), [f, p] = q.useState(!1), [m, h] = q.useState(""), [g, _] = q.useState(0), v = q.useRef(null), y = q.useMemo(() => {
+		if (!m) return i;
+		let e = m.toLowerCase();
 		return i.filter((t) => t.label.toLowerCase().includes(e));
-	}, [p, i]), y = J.useCallback((t, r = "") => {
-		let i = _.current;
+	}, [m, i]), S = q.useCallback((t, r = "") => {
+		let i = v.current;
 		if (!i) return;
 		let a = i.selectionStart, o = i.selectionEnd, s = e.slice(a, o);
 		n(e.slice(0, a) + t + s + r + e.slice(o)), requestAnimationFrame(() => {
@@ -2329,150 +2388,150 @@ var Jt = ({ value: e, onChange: n, onSubmit: r, mentionSuggestions: i = [], plac
 			let e = a + t.length + s.length;
 			i.setSelectionRange(e, e);
 		});
-	}, [e, n]), S = J.useCallback(() => y("**", "**"), [y]), C = J.useCallback(() => y("*", "*"), [y]), w = J.useCallback(() => y("\n- ", ""), [y]), T = J.useCallback(() => y("`", "`"), [y]), E = J.useCallback(() => {
-		y("@", ""), f(!0), m(""), g(0);
-	}, [y]), D = J.useCallback((t) => {
-		let r = _.current;
+	}, [e, n]), C = q.useCallback(() => S("**", "**"), [S]), w = q.useCallback(() => S("*", "*"), [S]), T = q.useCallback(() => S("\n- ", ""), [S]), E = q.useCallback(() => S("`", "`"), [S]), D = q.useCallback(() => {
+		S("@", ""), p(!0), h(""), _(0);
+	}, [S]), k = q.useCallback((t) => {
+		let r = v.current;
 		if (!r) return;
 		let i = r.selectionStart, a = e.slice(0, i).lastIndexOf("@");
-		a !== -1 && n(e.slice(0, a) + `@${t.label} ` + e.slice(i)), f(!1), m(""), requestAnimationFrame(() => r.focus());
-	}, [e, n]), k = J.useCallback((e) => {
+		a !== -1 && n(e.slice(0, a) + `@${t.label} ` + e.slice(i)), p(!1), h(""), requestAnimationFrame(() => r.focus());
+	}, [e, n]), A = q.useCallback((e) => {
 		let t = e.target.value;
 		n(t);
 		let r = e.target.selectionStart, i = t.slice(0, r), a = i.lastIndexOf("@");
 		if (a !== -1) {
 			let e = i.slice(a + 1), t = a > 0 ? i[a - 1] : " ";
 			if (/\s/.test(t) && !/\s/.test(e)) {
-				f(!0), m(e), g(0);
+				p(!0), h(e), _(0);
 				return;
 			}
 		}
-		f(!1);
-	}, [n]), A = J.useCallback((e) => {
-		if (d && v.length > 0) {
+		p(!1);
+	}, [n]), j = q.useCallback((e) => {
+		if (f && y.length > 0) {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), g((e) => e < v.length - 1 ? e + 1 : 0);
+				e.preventDefault(), _((e) => e < y.length - 1 ? e + 1 : 0);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), g((e) => e > 0 ? e - 1 : v.length - 1);
+				e.preventDefault(), _((e) => e > 0 ? e - 1 : y.length - 1);
 				return;
 			}
 			if (e.key === "Enter" || e.key === "Tab") {
-				e.preventDefault(), D(v[h]);
+				e.preventDefault(), k(y[g]);
 				return;
 			}
 			if (e.key === "Escape") {
-				f(!1);
+				p(!1);
 				return;
 			}
 		}
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), r?.());
 	}, [
-		d,
-		v,
-		h,
-		D,
+		f,
+		y,
+		g,
+		k,
 		r
 	]);
-	return /* @__PURE__ */ Z("div", {
-		className: q("border rounded-md", o),
-		children: [/* @__PURE__ */ Z("div", {
+	return /* @__PURE__ */ X("div", {
+		className: K("border rounded-md", o),
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center gap-0.5 px-2 py-1.5 border-b bg-muted/30",
 			children: [
-				/* @__PURE__ */ X(P, {
-					variant: "ghost",
-					size: "icon",
-					className: "h-7 w-7",
-					onClick: S,
-					disabled: c || l,
-					title: "Bold (Ctrl+B)",
-					children: /* @__PURE__ */ X(t, { className: "h-3.5 w-3.5" })
-				}),
-				/* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: C,
-					disabled: c || l,
-					title: "Italic (Ctrl+I)",
-					children: /* @__PURE__ */ X(b, { className: "h-3.5 w-3.5" })
+					disabled: c || u,
+					title: l("detail.bold"),
+					children: /* @__PURE__ */ Y(t, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: w,
-					disabled: c || l,
-					title: "List",
-					children: /* @__PURE__ */ X(s, { className: "h-3.5 w-3.5" })
+					disabled: c || u,
+					title: l("detail.italic"),
+					children: /* @__PURE__ */ Y(b, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: T,
-					disabled: c || l,
-					title: "Inline code",
-					children: /* @__PURE__ */ X(O, { className: "h-3.5 w-3.5" })
+					disabled: c || u,
+					title: l("detail.listFormat"),
+					children: /* @__PURE__ */ Y(s, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: E,
-					disabled: c || l,
-					title: "Mention someone",
-					children: /* @__PURE__ */ X(be, { className: "h-3.5 w-3.5" })
+					disabled: c || u,
+					title: l("detail.inlineCode"),
+					children: /* @__PURE__ */ Y(O, { className: "h-3.5 w-3.5" })
 				}),
-				/* @__PURE__ */ X("div", { className: "flex-1" }),
-				/* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
-					onClick: () => u(!l),
-					title: l ? "Edit" : "Preview",
-					children: X(l ? z : x, { className: "h-3.5 w-3.5" })
+					onClick: D,
+					disabled: c || u,
+					title: l("detail.mentionSomeone"),
+					children: /* @__PURE__ */ Y(be, { className: "h-3.5 w-3.5" })
 				}),
-				r && /* @__PURE__ */ X(P, {
+				/* @__PURE__ */ Y("div", { className: "flex-1" }),
+				/* @__PURE__ */ Y(P, {
+					variant: "ghost",
+					size: "icon",
+					className: "h-7 w-7",
+					onClick: () => d(!u),
+					title: l(u ? "detail.edit" : "detail.preview"),
+					children: Y(u ? R : x, { className: "h-3.5 w-3.5" })
+				}),
+				r && /* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-7 w-7",
 					onClick: r,
 					disabled: c || !e.trim(),
-					title: "Submit (Ctrl+Enter)",
-					children: /* @__PURE__ */ X(je, { className: "h-3.5 w-3.5" })
+					title: l("detail.submitComment"),
+					children: /* @__PURE__ */ Y(Me, { className: "h-3.5 w-3.5" })
 				})
 			]
-		}), /* @__PURE__ */ X("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "relative",
-			children: l ? /* @__PURE__ */ X("div", {
+			children: u ? /* @__PURE__ */ Y("div", {
 				className: "min-h-[80px] px-3 py-2 text-sm prose prose-sm max-w-none",
 				dangerouslySetInnerHTML: { __html: qt(e) }
-			}) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X("textarea", {
-				ref: _,
+			}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("textarea", {
+				ref: v,
 				className: "w-full min-h-[80px] px-3 py-2 text-sm bg-transparent resize-none focus:outline-none placeholder:text-muted-foreground",
-				placeholder: a,
+				placeholder: a ?? l("detail.writeComment"),
 				value: e,
-				onChange: k,
-				onKeyDown: A,
+				onChange: A,
+				onKeyDown: j,
 				disabled: c
-			}), d && v.length > 0 && /* @__PURE__ */ X("div", {
+			}), f && y.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "absolute left-2 bottom-full mb-1 w-56 bg-popover border rounded-md shadow-md z-50 max-h-40 overflow-y-auto",
-				children: v.map((e, t) => /* @__PURE__ */ Z("button", {
+				children: y.map((e, t) => /* @__PURE__ */ X("button", {
 					type: "button",
-					className: q("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === h && "bg-accent"),
+					className: K("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === g && "bg-accent"),
 					onMouseDown: (t) => {
-						t.preventDefault(), D(e);
+						t.preventDefault(), k(e);
 					},
-					children: [e.avatarUrl ? /* @__PURE__ */ X("img", {
+					children: [e.avatarUrl ? /* @__PURE__ */ Y("img", {
 						src: e.avatarUrl,
 						alt: e.label,
 						className: "h-5 w-5 rounded-full object-cover"
-					}) : /* @__PURE__ */ X("div", {
+					}) : /* @__PURE__ */ Y("div", {
 						className: "h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[10px] font-medium",
 						children: e.label.charAt(0).toUpperCase()
-					}), /* @__PURE__ */ X("span", { children: e.label })]
+					}), /* @__PURE__ */ Y("span", { children: e.label })]
 				}, e.id))
 			})] })
 		})]
@@ -2525,17 +2584,17 @@ var Zt = {
 	removed: "-",
 	unchanged: " "
 }, $t = ({ oldValue: e, newValue: t, fieldName: n, fieldType: r = "string", mode: i = "unified", className: a }) => {
-	let [o, s] = J.useState(i), l = J.useMemo(() => Yt(e, r), [e, r]), d = J.useMemo(() => Yt(t, r), [t, r]), f = J.useMemo(() => Xt(l, d), [l, d]), p = f.some((e) => e.type !== "unchanged"), h = J.useMemo(() => {
-		if (o !== "side-by-side") return [];
+	let { t: o } = $(), [s, l] = q.useState(i), d = q.useMemo(() => Yt(e, r), [e, r]), f = q.useMemo(() => Yt(t, r), [t, r]), p = q.useMemo(() => Xt(d, f), [d, f]), h = p.some((e) => e.type !== "unchanged"), g = q.useMemo(() => {
+		if (s !== "side-by-side") return [];
 		let e = [], t = 0;
-		for (; t < f.length;) {
-			let n = f[t];
+		for (; t < p.length;) {
+			let n = p[t];
 			if (n.type === "unchanged") e.push({
 				left: n,
 				right: n
 			}), t++;
 			else if (n.type === "removed") {
-				let r = t + 1 < f.length ? f[t + 1] : null;
+				let r = t + 1 < p.length ? p[t + 1] : null;
 				r && r.type === "added" ? (e.push({
 					left: n,
 					right: r
@@ -2549,127 +2608,127 @@ var Zt = {
 			}), t++;
 		}
 		return e;
-	}, [o, f]);
-	return /* @__PURE__ */ Z(D, {
-		className: q("overflow-hidden", a),
-		children: [/* @__PURE__ */ X(c, {
+	}, [s, p]);
+	return /* @__PURE__ */ X(D, {
+		className: K("overflow-hidden", a),
+		children: [/* @__PURE__ */ Y(c, {
 			className: "pb-2",
-			children: /* @__PURE__ */ Z(m, {
+			children: /* @__PURE__ */ X(m, {
 				className: "flex items-center justify-between text-sm",
-				children: [/* @__PURE__ */ X("span", {
+				children: [/* @__PURE__ */ Y("span", {
 					className: "font-medium",
 					children: n
-				}), /* @__PURE__ */ Z("div", {
+				}), /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ X(P, {
-						variant: o === "unified" ? "secondary" : "ghost",
+					children: [/* @__PURE__ */ Y(P, {
+						variant: s === "unified" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: () => s("unified"),
-						title: "Unified diff",
-						children: /* @__PURE__ */ X(se, { className: "h-3.5 w-3.5" })
-					}), /* @__PURE__ */ X(P, {
-						variant: o === "side-by-side" ? "secondary" : "ghost",
+						onClick: () => l("unified"),
+						title: o("detail.unifiedDiff"),
+						children: /* @__PURE__ */ Y(se, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ Y(P, {
+						variant: s === "side-by-side" ? "secondary" : "ghost",
 						size: "icon",
 						className: "h-7 w-7",
-						onClick: () => s("side-by-side"),
-						title: "Side-by-side diff",
-						children: /* @__PURE__ */ X(u, { className: "h-3.5 w-3.5" })
+						onClick: () => l("side-by-side"),
+						title: o("detail.sideBySideDiff"),
+						children: /* @__PURE__ */ Y(u, { className: "h-3.5 w-3.5" })
 					})]
 				})]
 			})
-		}), /* @__PURE__ */ X(j, {
+		}), /* @__PURE__ */ Y(j, {
 			className: "p-0",
-			children: p ? o === "unified" ? /* @__PURE__ */ X("div", {
+			children: h ? s === "unified" ? /* @__PURE__ */ Y("div", {
 				className: "font-mono text-xs overflow-x-auto",
-				children: f.map((e, t) => /* @__PURE__ */ Z("div", {
-					className: q("px-4 py-0.5 whitespace-pre-wrap border-l-2", Zt[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
-					children: [/* @__PURE__ */ X("span", {
+				children: p.map((e, t) => /* @__PURE__ */ X("div", {
+					className: K("px-4 py-0.5 whitespace-pre-wrap border-l-2", Zt[e.type], e.type === "added" && "border-l-green-500", e.type === "removed" && "border-l-red-500", e.type === "unchanged" && "border-l-transparent"),
+					children: [/* @__PURE__ */ Y("span", {
 						className: "select-none mr-2 inline-block w-3 text-center opacity-60",
 						children: Qt[e.type]
 					}), e.value]
 				}, t))
-			}) : /* @__PURE__ */ X("div", {
+			}) : /* @__PURE__ */ Y("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "grid grid-cols-2 divide-x font-mono text-xs min-w-0",
 					children: [
-						/* @__PURE__ */ X("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
-							children: "Previous"
+							children: o("detail.previousVersion")
 						}),
-						/* @__PURE__ */ X("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
-							children: "Current"
+							children: o("detail.currentVersion")
 						}),
-						h.map((e, t) => /* @__PURE__ */ Z(J.Fragment, { children: [/* @__PURE__ */ X("div", {
-							className: q("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Zt[e.left.type] : "bg-muted/20"),
+						g.map((e, t) => /* @__PURE__ */ X(q.Fragment, { children: [/* @__PURE__ */ Y("div", {
+							className: K("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.left ? Zt[e.left.type] : "bg-muted/20"),
 							children: e.left?.value ?? ""
-						}), /* @__PURE__ */ X("div", {
-							className: q("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Zt[e.right.type] : "bg-muted/20"),
+						}), /* @__PURE__ */ Y("div", {
+							className: K("px-3 py-0.5 whitespace-pre-wrap min-h-[1.5em]", e.right ? Zt[e.right.type] : "bg-muted/20"),
 							children: e.right?.value ?? ""
 						})] }, t))
 					]
 				})
-			}) : /* @__PURE__ */ X("p", {
+			}) : /* @__PURE__ */ Y("p", {
 				className: "px-4 py-3 text-sm text-muted-foreground",
-				children: "No changes"
+				children: o("detail.noChanges")
 			})
 		})]
 	});
 }, en = ({ currentIndex: e, totalRecords: t, recordIds: n, onNavigate: r, onSearch: i, className: o }) => {
-	let [s, c] = J.useState(""), [l, u] = J.useState(!1), d = J.useRef(null), f = e > 0, m = e > 0, g = e < t - 1, _ = e < t - 1, v = J.useCallback(() => {
-		f && r(n[0]);
+	let { t: s } = $(), [c, l] = q.useState(""), [u, d] = q.useState(!1), f = q.useRef(null), m = e > 0, g = e > 0, _ = e < t - 1, v = e < t - 1, y = q.useCallback(() => {
+		m && r(n[0]);
 	}, [
-		f,
+		m,
 		r,
 		n
-	]), y = J.useCallback(() => {
-		m && r(n[e - 1]);
+	]), b = q.useCallback(() => {
+		g && r(n[e - 1]);
 	}, [
-		m,
+		g,
 		r,
 		n,
 		e
-	]), b = J.useCallback(() => {
-		g && r(n[e + 1]);
+	]), x = q.useCallback(() => {
+		_ && r(n[e + 1]);
 	}, [
-		g,
+		_,
 		r,
 		n,
 		e
-	]), x = J.useCallback(() => {
-		_ && r(n[n.length - 1]);
+	]), S = q.useCallback(() => {
+		v && r(n[n.length - 1]);
 	}, [
-		_,
+		v,
 		r,
 		n
-	]), S = J.useCallback((e) => {
+	]), C = q.useCallback((e) => {
 		let t = e.target.value;
-		c(t), i?.(t);
-	}, [i]), C = J.useCallback(() => {
-		u((e) => (e ? (c(""), i?.("")) : requestAnimationFrame(() => d.current?.focus()), !e));
+		l(t), i?.(t);
+	}, [i]), w = q.useCallback(() => {
+		d((e) => (e ? (l(""), i?.("")) : requestAnimationFrame(() => f.current?.focus()), !e));
 	}, [i]);
-	return J.useEffect(() => {
+	return q.useEffect(() => {
 		let t = (t) => {
 			let a = t.target?.tagName;
-			if (!((a === "INPUT" || a === "TEXTAREA" || t.target?.isContentEditable) && t.target !== d.current)) {
-				if (t.target === d.current) {
-					t.key === "Escape" && (t.preventDefault(), u(!1), c(""), i?.(""), t.target.blur());
+			if (!((a === "INPUT" || a === "TEXTAREA" || t.target?.isContentEditable) && t.target !== f.current)) {
+				if (t.target === f.current) {
+					t.key === "Escape" && (t.preventDefault(), d(!1), l(""), i?.(""), t.target.blur());
 					return;
 				}
 				switch (t.key) {
 					case "Home":
-						t.preventDefault(), f && r(n[0]);
+						t.preventDefault(), m && r(n[0]);
 						break;
 					case "End":
-						t.preventDefault(), _ && r(n[n.length - 1]);
+						t.preventDefault(), v && r(n[n.length - 1]);
 						break;
 					case "ArrowLeft":
-						t.preventDefault(), m && r(n[e - 1]);
+						t.preventDefault(), g && r(n[e - 1]);
 						break;
 					case "ArrowRight":
-						t.preventDefault(), g && r(n[e + 1]);
+						t.preventDefault(), _ && r(n[e + 1]);
 						break;
 				}
 			}
@@ -2678,70 +2737,73 @@ var Zt = {
 	}, [
 		e,
 		n,
-		f,
 		m,
 		g,
 		_,
+		v,
 		r,
 		i
-	]), /* @__PURE__ */ Z("div", {
-		className: q("flex items-center gap-1.5", o),
+	]), /* @__PURE__ */ X("div", {
+		className: K("flex items-center gap-1.5", o),
 		children: [
-			/* @__PURE__ */ X(P, {
-				variant: "outline",
-				size: "icon",
-				className: "h-8 w-8",
-				disabled: !f,
-				onClick: v,
-				title: "First record (Home)",
-				children: /* @__PURE__ */ X(we, { className: "h-4 w-4" })
-			}),
-			/* @__PURE__ */ X(P, {
+			/* @__PURE__ */ Y(P, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
 				disabled: !m,
 				onClick: y,
-				title: "Previous record (←)",
-				children: /* @__PURE__ */ X(te, { className: "h-4 w-4" })
+				title: s("detail.firstRecord"),
+				children: /* @__PURE__ */ Y(Te, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ X("span", {
-				className: "text-xs text-muted-foreground whitespace-nowrap px-1.5 tabular-nums",
-				children: t > 0 ? `${e + 1} of ${t}` : "No records"
-			}),
-			/* @__PURE__ */ X(P, {
+			/* @__PURE__ */ Y(P, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
 				disabled: !g,
 				onClick: b,
-				title: "Next record (→)",
-				children: /* @__PURE__ */ X(p, { className: "h-4 w-4" })
+				title: s("detail.previousRecordKey"),
+				children: /* @__PURE__ */ Y(N, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ X(P, {
+			/* @__PURE__ */ Y("span", {
+				className: "text-xs text-muted-foreground whitespace-nowrap px-1.5 tabular-nums",
+				children: t > 0 ? s("detail.recordOf", {
+					current: e + 1,
+					total: t
+				}) : s("detail.noRecords")
+			}),
+			/* @__PURE__ */ Y(P, {
 				variant: "outline",
 				size: "icon",
 				className: "h-8 w-8",
 				disabled: !_,
 				onClick: x,
-				title: "Last record (End)",
-				children: /* @__PURE__ */ X(h, { className: "h-4 w-4" })
+				title: s("detail.nextRecordKey"),
+				children: /* @__PURE__ */ Y(p, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ Y(P, {
+				variant: "outline",
+				size: "icon",
+				className: "h-8 w-8",
+				disabled: !v,
+				onClick: S,
+				title: s("detail.lastRecord"),
+				children: /* @__PURE__ */ Y(h, { className: "h-4 w-4" })
 			}),
-			i && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(P, {
-				variant: l ? "secondary" : "ghost",
+			i && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(P, {
+				variant: u ? "secondary" : "ghost",
 				size: "icon",
 				className: "h-8 w-8",
-				onClick: C,
-				title: "Search while navigating",
-				children: /* @__PURE__ */ X(V, { className: "h-4 w-4" })
-			}), l && /* @__PURE__ */ X("div", {
+				onClick: w,
+				title: s("detail.searchWhileNavigating"),
+				children: /* @__PURE__ */ Y(ie, { className: "h-4 w-4" })
+			}), u && /* @__PURE__ */ Y("div", {
 				className: "relative",
-				children: /* @__PURE__ */ X(a, {
-					ref: d,
+				children: /* @__PURE__ */ Y(a, {
+					ref: f,
 					type: "text",
-					placeholder: "Search records…",
-					value: s,
-					onChange: S,
+					placeholder: s("detail.searchRecords"),
+					value: c,
+					onChange: C,
 					className: "h-8 w-48 text-sm"
 				})
 			})] })
@@ -2826,11 +2888,11 @@ function on(e, t = 6) {
 	return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
 var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, className: i }) => {
-	let a = J.useRef(null), [o, s] = J.useState({
+	let a = q.useRef(null), [o, s] = q.useState({
 		width: 500,
 		height: 400
-	}), [l, u] = J.useState(null);
-	J.useEffect(() => {
+	}), [l, u] = q.useState(null);
+	q.useEffect(() => {
 		let e = a.current;
 		if (!e) return;
 		let t = e.parentElement;
@@ -2846,22 +2908,22 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 		});
 		return n.observe(t), () => n.disconnect();
 	}, []);
-	let { nodes: d, edges: f } = J.useMemo(() => an(e, t, n, o.width, o.height), [
+	let { nodes: d, edges: f } = q.useMemo(() => an(e, t, n, o.width, o.height), [
 		e,
 		t,
 		n,
 		o
 	]);
-	return /* @__PURE__ */ Z(D, {
-		className: q("overflow-hidden", i),
-		children: [/* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ X(D, {
+		className: K("overflow-hidden", i),
+		children: [/* @__PURE__ */ Y(c, {
 			className: "pb-2",
-			children: /* @__PURE__ */ Z(m, {
+			children: /* @__PURE__ */ X(m, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ X(Fe, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Y(Ie, { className: "h-4 w-4" }),
 					"Relationships",
-					/* @__PURE__ */ Z("span", {
+					/* @__PURE__ */ X("span", {
 						className: "text-sm font-normal text-muted-foreground",
 						children: [
 							"(",
@@ -2871,15 +2933,15 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 					})
 				]
 			})
-		}), /* @__PURE__ */ X(j, {
+		}), /* @__PURE__ */ Y(j, {
 			className: "p-0",
-			children: /* @__PURE__ */ Z("svg", {
+			children: /* @__PURE__ */ X("svg", {
 				ref: a,
 				width: "100%",
 				height: o.height,
 				viewBox: `0 0 ${o.width} ${o.height}`,
 				className: "select-none",
-				children: [f.map((e, t) => /* @__PURE__ */ X("line", {
+				children: [f.map((e, t) => /* @__PURE__ */ Y("line", {
 					x1: e.fromX,
 					y1: e.fromY,
 					x2: e.toX,
@@ -2889,13 +2951,13 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 					strokeOpacity: .5
 				}, `edge-${t}`)), d.map((e) => {
 					let t = l === e.id, n = nn[Math.min(e.level, nn.length - 1)], i = rn[Math.min(e.level, rn.length - 1)], a = e.level === 0 ? tn + 6 : tn;
-					return /* @__PURE__ */ Z("g", {
-						className: q("cursor-pointer transition-transform", r && "hover:opacity-80"),
+					return /* @__PURE__ */ X("g", {
+						className: K("cursor-pointer transition-transform", r && "hover:opacity-80"),
 						onClick: () => r?.(e.id),
 						onMouseEnter: () => u(e.id),
 						onMouseLeave: () => u(null),
 						children: [
-							/* @__PURE__ */ X("circle", {
+							/* @__PURE__ */ Y("circle", {
 								cx: e.x,
 								cy: e.y,
 								r: t ? a + 3 : a,
@@ -2904,22 +2966,22 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 								strokeWidth: 2,
 								strokeOpacity: .3
 							}),
-							/* @__PURE__ */ X("text", {
+							/* @__PURE__ */ Y("text", {
 								x: e.x,
 								y: e.y,
 								textAnchor: "middle",
 								dominantBaseline: "central",
-								className: q("text-[10px] font-medium pointer-events-none", i),
+								className: K("text-[10px] font-medium pointer-events-none", i),
 								children: on(e.label)
 							}),
-							e.type && /* @__PURE__ */ X("text", {
+							e.type && /* @__PURE__ */ Y("text", {
 								x: e.x,
 								y: e.y + a + 12,
 								textAnchor: "middle",
 								className: "fill-muted-foreground text-[9px] pointer-events-none",
 								children: e.type
 							}),
-							t && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X("rect", {
+							t && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("rect", {
 								x: e.x - 50,
 								y: e.y - a - 28,
 								width: 100,
@@ -2927,7 +2989,7 @@ var sn = ({ record: e, relatedRecords: t, levels: n = 1, onNodeClick: r, classNa
 								rx: 4,
 								className: "fill-popover stroke-border",
 								strokeWidth: 1
-							}), /* @__PURE__ */ X("text", {
+							}), /* @__PURE__ */ Y("text", {
 								x: e.x,
 								y: e.y - a - 16,
 								textAnchor: "middle",
@@ -2951,86 +3013,82 @@ function ln(e) {
 	return e.startsWith("image/");
 }
 function un(e) {
-	return ln(e) ? he : e.includes("pdf") || e.includes("document") || e.includes("text") ? _ : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? y : pe;
+	return ln(e) ? ge : e.includes("pdf") || e.includes("document") || e.includes("text") ? _ : e.includes("zip") || e.includes("archive") || e.includes("compressed") ? y : me;
 }
 var dn = ({ attachments: t, onUpload: n, onRemove: r, className: i, readOnly: a = !1 }) => {
-	let [o, s] = J.useState(!1), c = J.useRef(null), l = J.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), s(!0);
-	}, []), u = J.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), s(!1);
-	}, []), d = J.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), s(!1), n && e.dataTransfer.files.length > 0 && n(e.dataTransfer.files);
-	}, [n]), f = J.useCallback((e) => {
+	let { t: o } = $(), [s, c] = q.useState(!1), l = q.useRef(null), u = q.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), c(!0);
+	}, []), d = q.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), c(!1);
+	}, []), f = q.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), c(!1), n && e.dataTransfer.files.length > 0 && n(e.dataTransfer.files);
+	}, [n]), p = q.useCallback((e) => {
 		n && e.target.files && e.target.files.length > 0 && (n(e.target.files), e.target.value = "");
 	}, [n]);
-	return /* @__PURE__ */ Z("div", {
-		className: q("space-y-2", i),
-		children: [n && !a && /* @__PURE__ */ Z("div", {
-			className: q("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", o ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
-			onDragOver: l,
-			onDragLeave: u,
-			onDrop: d,
-			onClick: () => c.current?.click(),
+	return /* @__PURE__ */ X("div", {
+		className: K("space-y-2", i),
+		children: [n && !a && /* @__PURE__ */ X("div", {
+			className: K("border-2 border-dashed rounded-md px-4 py-3 text-center transition-colors cursor-pointer", s ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/40"),
+			onDragOver: u,
+			onDragLeave: d,
+			onDrop: f,
+			onClick: () => l.current?.click(),
 			role: "button",
 			tabIndex: 0,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c.current?.click());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l.current?.click());
 			},
 			children: [
-				/* @__PURE__ */ X(ae, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
-				/* @__PURE__ */ X("p", {
+				/* @__PURE__ */ Y(ae, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+				/* @__PURE__ */ Y("p", {
 					className: "text-xs text-muted-foreground",
-					children: "Drop files here or click to upload"
+					children: o("detail.dropFilesToUpload")
 				}),
-				/* @__PURE__ */ X("input", {
-					ref: c,
+				/* @__PURE__ */ Y("input", {
+					ref: l,
 					type: "file",
 					multiple: !0,
 					className: "hidden",
-					onChange: f
+					onChange: p
 				})
 			]
-		}), t.length > 0 && /* @__PURE__ */ Z("div", {
+		}), t.length > 0 && /* @__PURE__ */ X("div", {
 			className: "space-y-1.5",
-			children: [/* @__PURE__ */ Z("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ X(Ne, { className: "h-3 w-3" }), /* @__PURE__ */ Z("span", { children: [
-					t.length,
-					" attachment",
-					t.length === 1 ? "" : "s"
-				] })]
-			}), /* @__PURE__ */ X("div", {
+				children: [/* @__PURE__ */ Y(Pe, { className: "h-3 w-3" }), /* @__PURE__ */ Y("span", { children: t.length === 1 ? o("detail.attachmentCount", { count: t.length }) : o("detail.attachmentCountPlural", { count: t.length }) })]
+			}), /* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
 				children: t.map((t) => {
 					let n = ln(t.type), i = un(t.type);
-					return /* @__PURE__ */ Z("div", {
+					return /* @__PURE__ */ X("div", {
 						className: "flex items-center gap-2 rounded-md border px-2.5 py-2 bg-muted/30 group",
 						children: [
-							n && (t.thumbnailUrl || t.url) ? /* @__PURE__ */ X("img", {
+							n && (t.thumbnailUrl || t.url) ? /* @__PURE__ */ Y("img", {
 								src: t.thumbnailUrl || t.url,
 								alt: t.name,
 								className: "h-10 w-10 rounded object-cover shrink-0"
-							}) : /* @__PURE__ */ X("div", {
+							}) : /* @__PURE__ */ Y("div", {
 								className: "h-10 w-10 rounded bg-muted flex items-center justify-center shrink-0",
-								children: /* @__PURE__ */ X(i, { className: "h-5 w-5 text-muted-foreground" })
+								children: /* @__PURE__ */ Y(i, { className: "h-5 w-5 text-muted-foreground" })
 							}),
-							/* @__PURE__ */ Z("div", {
+							/* @__PURE__ */ X("div", {
 								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ X("p", {
+								children: [/* @__PURE__ */ Y("p", {
 									className: "text-xs font-medium truncate",
 									children: t.name
-								}), /* @__PURE__ */ X("p", {
+								}), /* @__PURE__ */ Y("p", {
 									className: "text-[10px] text-muted-foreground",
 									children: cn(t.size)
 								})]
 							}),
-							r && !a && /* @__PURE__ */ X(P, {
+							r && !a && /* @__PURE__ */ Y(P, {
 								variant: "ghost",
 								size: "icon",
 								className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
 								onClick: () => r(t.id),
-								title: "Remove attachment",
-								children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+								title: o("detail.removeAttachment"),
+								children: /* @__PURE__ */ Y(e, { className: "h-3.5 w-3.5" })
 							})
 						]
 					}, t.id);
@@ -3053,7 +3111,7 @@ function fn(e) {
 	}
 }
 var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
-	let [a, o] = J.useState(null), [s, l] = J.useState(!1), [u, d] = J.useState(!1), f = J.useMemo(() => t.find((e) => e.id === a) ?? null, [t, a]), h = J.useCallback(async () => {
+	let [a, o] = q.useState(null), [s, l] = q.useState(!1), [u, d] = q.useState(!1), f = q.useMemo(() => t.find((e) => e.id === a) ?? null, [t, a]), h = q.useCallback(async () => {
 		if (!(!f || !n)) {
 			if (!s) {
 				l(!0);
@@ -3071,19 +3129,19 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 		f,
 		n,
 		s
-	]), g = J.useCallback(() => {
+	]), g = q.useCallback(() => {
 		l(!1);
 	}, []);
-	return /* @__PURE__ */ Z(D, {
-		className: q("", i),
-		children: [/* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ X(D, {
+		className: K("", i),
+		children: [/* @__PURE__ */ Y(c, {
 			className: "pb-3",
-			children: /* @__PURE__ */ Z(m, {
+			children: /* @__PURE__ */ X(m, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ X(r, { className: "h-4 w-4" }),
+					/* @__PURE__ */ Y(r, { className: "h-4 w-4" }),
 					"Revision History",
-					/* @__PURE__ */ Z("span", {
+					/* @__PURE__ */ X("span", {
 						className: "text-sm font-normal text-muted-foreground",
 						children: [
 							"(",
@@ -3093,40 +3151,40 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 					})
 				]
 			})
-		}), /* @__PURE__ */ X(j, { children: t.length === 0 ? /* @__PURE__ */ X("p", {
+		}), /* @__PURE__ */ Y(j, { children: t.length === 0 ? /* @__PURE__ */ Y("p", {
 			className: "text-sm text-muted-foreground text-center py-4",
 			children: "No revisions recorded"
-		}) : /* @__PURE__ */ Z("div", {
+		}) : /* @__PURE__ */ X("div", {
 			className: "flex flex-col lg:flex-row gap-4",
-			children: [/* @__PURE__ */ X("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				className: "flex-1 min-w-0",
-				children: /* @__PURE__ */ Z("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ X("div", { className: "absolute left-3 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", { className: "absolute left-3 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Y("div", {
 						className: "space-y-1",
 						children: t.map((e) => {
 							let t = e.id === a;
-							return /* @__PURE__ */ Z("button", {
+							return /* @__PURE__ */ X("button", {
 								type: "button",
-								className: q("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
+								className: K("w-full text-left flex items-start gap-3 py-2 px-2 rounded-md transition-colors relative", t ? "bg-accent" : "hover:bg-accent/50"),
 								onClick: () => {
 									o(e.id), l(!1);
 								},
-								children: [/* @__PURE__ */ X("div", {
-									className: q("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
-									children: t && /* @__PURE__ */ X(p, { className: "h-3 w-3 text-primary-foreground" })
-								}), /* @__PURE__ */ Z("div", {
+								children: [/* @__PURE__ */ Y("div", {
+									className: K("shrink-0 h-6 w-6 rounded-full border-2 flex items-center justify-center z-10 mt-0.5", t ? "border-primary bg-primary" : "border-border bg-background"),
+									children: t && /* @__PURE__ */ Y(p, { className: "h-3 w-3 text-primary-foreground" })
+								}), /* @__PURE__ */ X("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ Z("div", {
+									children: [/* @__PURE__ */ X("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ X("span", {
+										children: [/* @__PURE__ */ Y("span", {
 											className: "text-sm font-medium",
 											children: e.user
-										}), /* @__PURE__ */ X("span", {
+										}), /* @__PURE__ */ Y("span", {
 											className: "text-xs text-muted-foreground",
 											children: fn(e.timestamp)
 										})]
-									}), /* @__PURE__ */ Z("p", {
+									}), /* @__PURE__ */ X("p", {
 										className: "text-xs text-muted-foreground mt-0.5",
 										children: [
 											e.changes.length,
@@ -3141,29 +3199,29 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 						})
 					})]
 				})
-			}), f && /* @__PURE__ */ Z("div", {
+			}), f && /* @__PURE__ */ X("div", {
 				className: "lg:w-80 border rounded-md p-3 space-y-3",
 				children: [
-					/* @__PURE__ */ Z("div", {
+					/* @__PURE__ */ X("div", {
 						className: "flex items-center gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ X(x, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
+						children: [/* @__PURE__ */ Y(x, { className: "h-4 w-4 text-muted-foreground" }), "Revision Preview"]
 					}),
-					/* @__PURE__ */ X("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "space-y-2",
-						children: f.changes.map((e, t) => /* @__PURE__ */ Z("div", {
+						children: f.changes.map((e, t) => /* @__PURE__ */ X("div", {
 							className: "text-xs",
-							children: [/* @__PURE__ */ X("span", {
+							children: [/* @__PURE__ */ Y("span", {
 								className: "font-medium text-muted-foreground",
 								children: e.field
-							}), /* @__PURE__ */ Z("div", {
+							}), /* @__PURE__ */ X("div", {
 								className: "flex items-center gap-1.5 mt-0.5",
 								children: [
-									/* @__PURE__ */ X("span", {
+									/* @__PURE__ */ Y("span", {
 										className: "line-through text-red-600 dark:text-red-400 truncate max-w-[120px]",
 										children: e.oldValue == null ? "(empty)" : String(e.oldValue)
 									}),
-									/* @__PURE__ */ X(p, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
-									/* @__PURE__ */ X("span", {
+									/* @__PURE__ */ Y(p, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ Y("span", {
 										className: "text-green-600 dark:text-green-400 truncate max-w-[120px]",
 										children: e.newValue == null ? "(empty)" : String(e.newValue)
 									})
@@ -3171,28 +3229,28 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 							})]
 						}, t))
 					}),
-					f.snapshot && /* @__PURE__ */ Z("div", {
+					f.snapshot && /* @__PURE__ */ X("div", {
 						className: "border-t pt-2 space-y-1",
-						children: [/* @__PURE__ */ X("p", {
+						children: [/* @__PURE__ */ Y("p", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: "Record state at this point"
-						}), /* @__PURE__ */ X("div", {
+						}), /* @__PURE__ */ Y("div", {
 							className: "max-h-40 overflow-y-auto space-y-1",
-							children: Object.entries(f.snapshot).map(([e, t]) => /* @__PURE__ */ Z("div", {
+							children: Object.entries(f.snapshot).map(([e, t]) => /* @__PURE__ */ X("div", {
 								className: "flex justify-between text-xs gap-2",
-								children: [/* @__PURE__ */ X("span", {
+								children: [/* @__PURE__ */ Y("span", {
 									className: "text-muted-foreground truncate",
 									children: e
-								}), /* @__PURE__ */ X("span", {
+								}), /* @__PURE__ */ Y("span", {
 									className: "font-mono truncate max-w-[140px]",
 									children: t == null ? "–" : String(t)
 								})]
 							}, e))
 						})]
 					}),
-					n && /* @__PURE__ */ X("div", {
+					n && /* @__PURE__ */ Y("div", {
 						className: "pt-1 space-y-2",
-						children: s ? /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("p", {
+						children: s ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("p", {
 							className: "text-xs text-amber-600 dark:text-amber-400",
 							children: [
 								"This will restore the record to its state at",
@@ -3200,28 +3258,28 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 								fn(f.timestamp),
 								". Continue?"
 							]
-						}), /* @__PURE__ */ Z("div", {
+						}), /* @__PURE__ */ X("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ Z(P, {
+							children: [/* @__PURE__ */ X(P, {
 								variant: "destructive",
 								size: "sm",
 								className: "gap-1.5 flex-1",
 								onClick: h,
 								disabled: u,
-								children: [/* @__PURE__ */ X(Ce, { className: "h-3.5 w-3.5" }), u ? "Restoring…" : "Confirm Restore"]
-							}), /* @__PURE__ */ X(P, {
+								children: [/* @__PURE__ */ Y(we, { className: "h-3.5 w-3.5" }), u ? "Restoring…" : "Confirm Restore"]
+							}), /* @__PURE__ */ Y(P, {
 								variant: "ghost",
 								size: "sm",
 								onClick: g,
 								disabled: u,
 								children: "Cancel"
 							})]
-						})] }) : /* @__PURE__ */ Z(P, {
+						})] }) : /* @__PURE__ */ X(P, {
 							variant: "outline",
 							size: "sm",
 							className: "w-full gap-1.5",
 							onClick: h,
-							children: [/* @__PURE__ */ X(Ce, { className: "h-3.5 w-3.5" }), "Restore to this point"]
+							children: [/* @__PURE__ */ Y(we, { className: "h-3.5 w-3.5" }), "Restore to this point"]
 						})
 					})
 				]
@@ -3230,19 +3288,19 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 	});
 }, mn = ({ change: e, className: t }) => {
 	let n = e.fieldLabel ?? e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " "), r = e.oldDisplayValue ?? (e.oldValue == null ? "(empty)" : String(e.oldValue)), i = e.newDisplayValue ?? (e.newValue == null ? "(empty)" : String(e.newValue));
-	return /* @__PURE__ */ Z("div", {
-		className: q("flex items-center gap-1.5 text-sm flex-wrap", t),
+	return /* @__PURE__ */ X("div", {
+		className: K("flex items-center gap-1.5 text-sm flex-wrap", t),
 		children: [
-			/* @__PURE__ */ X("span", {
+			/* @__PURE__ */ Y("span", {
 				className: "font-medium text-foreground",
 				children: n
 			}),
-			/* @__PURE__ */ X("span", {
+			/* @__PURE__ */ Y("span", {
 				className: "text-muted-foreground line-through",
 				children: r
 			}),
-			/* @__PURE__ */ X(R, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
-			/* @__PURE__ */ X("span", {
+			/* @__PURE__ */ Y(re, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+			/* @__PURE__ */ Y("span", {
 				className: "text-foreground",
 				children: i
 			})
@@ -3256,32 +3314,32 @@ var pn = ({ recordId: e, revisions: t, onRestore: n, className: i }) => {
 	"😮",
 	"😢"
 ], gn = ({ reactions: e, onToggleReaction: t, emojiOptions: n = hn, className: r }) => {
-	let [i, a] = J.useState(!1), o = J.useCallback((e) => {
+	let [i, a] = q.useState(!1), o = q.useCallback((e) => {
 		t?.(e), a(!1);
 	}, [t]);
-	return /* @__PURE__ */ Z("div", {
-		className: q("flex items-center gap-1 flex-wrap", r),
-		children: [e.map((e) => /* @__PURE__ */ Z("button", {
+	return /* @__PURE__ */ X("div", {
+		className: K("flex items-center gap-1 flex-wrap", r),
+		children: [e.map((e) => /* @__PURE__ */ X("button", {
 			type: "button",
-			className: q("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
+			className: K("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs border transition-colors", e.reacted ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:bg-muted/80"),
 			onClick: () => o(e.emoji),
 			disabled: !t,
 			"aria-label": `${e.emoji} ${e.count} reaction${e.count === 1 ? "" : "s"}`,
-			children: [/* @__PURE__ */ X("span", { children: e.emoji }), /* @__PURE__ */ X("span", { children: e.count })]
-		}, e.emoji)), t && /* @__PURE__ */ Z("div", {
+			children: [/* @__PURE__ */ Y("span", { children: e.emoji }), /* @__PURE__ */ Y("span", { children: e.count })]
+		}, e.emoji)), t && /* @__PURE__ */ X("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ X(P, {
+			children: [/* @__PURE__ */ Y(P, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-6 w-6",
 				onClick: () => a(!i),
 				"aria-label": "Add reaction",
-				children: /* @__PURE__ */ X(Oe, { className: "h-3.5 w-3.5" })
-			}), i && /* @__PURE__ */ X("div", {
+				children: /* @__PURE__ */ Y(ke, { className: "h-3.5 w-3.5" })
+			}), i && /* @__PURE__ */ Y("div", {
 				className: "absolute bottom-full mb-1 left-0 bg-popover border rounded-md shadow-md z-50 p-1.5 flex gap-1",
 				role: "listbox",
 				"aria-label": "Emoji picker",
-				children: n.map((t) => /* @__PURE__ */ X("button", {
+				children: n.map((t) => /* @__PURE__ */ Y("button", {
 					type: "button",
 					className: "hover:bg-accent rounded p-1 text-base transition-colors",
 					onClick: () => o(t),
@@ -3309,122 +3367,118 @@ function _n(e) {
 	}
 }
 var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, className: i }) => {
-	let [a, o] = J.useState(!1), [s, c] = J.useState(""), [l, u] = J.useState(!1), d = J.useCallback(async () => {
-		let t = s.trim();
+	let { t: a } = $(), [o, s] = q.useState(!1), [c, l] = q.useState(""), [u, d] = q.useState(!1), f = q.useCallback(async () => {
+		let t = c.trim();
 		if (!(!t || !n)) {
-			u(!0);
+			d(!0);
 			try {
-				await n(e.id, t), c("");
+				await n(e.id, t), l("");
 			} finally {
-				u(!1);
+				d(!1);
 			}
 		}
 	}, [
-		s,
+		c,
 		n,
 		e.id
-	]), f = J.useCallback((e) => {
-		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), d());
-	}, [d]);
-	return t.length === 0 && !r ? null : /* @__PURE__ */ Z("div", {
-		className: q("ml-10 mt-1", i),
+	]), m = q.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), f());
+	}, [f]);
+	return t.length === 0 && !r ? null : /* @__PURE__ */ X("div", {
+		className: K("ml-10 mt-1", i),
 		children: [
-			t.length > 0 && /* @__PURE__ */ Z("button", {
+			t.length > 0 && /* @__PURE__ */ X("button", {
 				type: "button",
 				className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors mb-1",
-				onClick: () => o(!a),
-				"aria-expanded": a,
+				onClick: () => s(!o),
+				"aria-expanded": o,
 				children: [
-					X(a ? ee : p, { className: "h-3 w-3" }),
-					/* @__PURE__ */ X(T, { className: "h-3 w-3" }),
-					/* @__PURE__ */ Z("span", { children: [
-						t.length,
-						" ",
-						t.length === 1 ? "reply" : "replies"
-					] })
+					Y(o ? te : p, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Y(T, { className: "h-3 w-3" }),
+					/* @__PURE__ */ Y("span", { children: t.length === 1 ? a("detail.replyCount", { count: t.length }) : a("detail.replyCountPlural", { count: t.length }) })
 				]
 			}),
-			a && /* @__PURE__ */ X("div", {
+			o && /* @__PURE__ */ Y("div", {
 				className: "space-y-2 border-l-2 border-border pl-3",
-				children: t.map((e) => /* @__PURE__ */ Z("div", {
+				children: t.map((e) => /* @__PURE__ */ X("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						className: "shrink-0",
-						children: e.actorAvatarUrl ? /* @__PURE__ */ X("img", {
+						children: e.actorAvatarUrl ? /* @__PURE__ */ Y("img", {
 							src: e.actorAvatarUrl,
 							alt: e.actor,
 							className: "h-6 w-6 rounded-full object-cover"
-						}) : /* @__PURE__ */ X("div", {
+						}) : /* @__PURE__ */ Y("div", {
 							className: "h-6 w-6 rounded-full bg-muted flex items-center justify-center text-[10px] font-medium text-muted-foreground",
 							children: e.actor.charAt(0).toUpperCase()
 						})
-					}), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ Z("div", {
+						children: [/* @__PURE__ */ X("div", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ X("span", {
+							children: [/* @__PURE__ */ Y("span", {
 								className: "text-xs font-medium",
 								children: e.actor
-							}), /* @__PURE__ */ X("span", {
+							}), /* @__PURE__ */ Y("span", {
 								className: "text-[10px] text-muted-foreground",
 								children: _n(e.createdAt)
 							})]
-						}), /* @__PURE__ */ X("p", {
+						}), /* @__PURE__ */ Y("p", {
 							className: "text-xs whitespace-pre-wrap break-words",
 							children: e.body
 						})]
 					})]
 				}, e.id))
 			}),
-			r && n && /* @__PURE__ */ Z("div", {
+			r && n && /* @__PURE__ */ X("div", {
 				className: "flex gap-1.5 mt-1.5",
-				children: [/* @__PURE__ */ X("input", {
+				children: [/* @__PURE__ */ Y("input", {
 					className: "flex-1 rounded-md border border-input bg-background px-2 py-1 text-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-					placeholder: "Reply…",
-					value: s,
-					onChange: (e) => c(e.target.value),
-					onKeyDown: f,
-					disabled: l
-				}), /* @__PURE__ */ X(P, {
+					placeholder: a("detail.replyPlaceholder"),
+					value: c,
+					onChange: (e) => l(e.target.value),
+					onKeyDown: m,
+					disabled: u
+				}), /* @__PURE__ */ Y(P, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6 shrink-0",
-					onClick: d,
-					disabled: !s.trim() || l,
+					onClick: f,
+					disabled: !c.trim() || u,
 					"aria-label": "Send reply",
-					children: /* @__PURE__ */ X(je, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ Y(Me, { className: "h-3 w-3" })
 				})]
 			})
 		]
 	});
 }, yn = ({ subscription: e, onToggle: t, className: n }) => {
-	let [r, i] = J.useState(!1), a = J.useCallback(async () => {
+	let { t: r } = $(), [i, a] = q.useState(!1), o = q.useCallback(async () => {
 		if (t) {
-			i(!0);
+			a(!0);
 			try {
 				await t(!e.subscribed);
 			} finally {
-				i(!1);
+				a(!1);
 			}
 		}
 	}, [t, e.subscribed]);
-	return /* @__PURE__ */ X(P, {
+	return /* @__PURE__ */ Y(P, {
 		variant: "ghost",
 		size: "icon",
-		className: q("h-8 w-8", n),
-		onClick: a,
-		disabled: r || !t,
-		"aria-label": e.subscribed ? "Unsubscribe from notifications" : "Subscribe to notifications",
-		title: e.subscribed ? "Subscribed — click to unsubscribe" : "Subscribe to notifications",
-		children: e.subscribed ? /* @__PURE__ */ X(ie, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ X(ke, { className: "h-4 w-4 text-muted-foreground" })
+		className: K("h-8 w-8", n),
+		onClick: o,
+		disabled: i || !t,
+		"aria-label": e.subscribed ? r("detail.unsubscribeAriaLabel") : r("detail.subscribeAriaLabel"),
+		title: e.subscribed ? r("detail.subscribedTooltip") : r("detail.unsubscribedTooltip"),
+		children: e.subscribed ? /* @__PURE__ */ Y(B, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ Y(Ae, { className: "h-4 w-4 text-muted-foreground" })
 	});
 }, bn = {
 	comment: T,
-	field_change: z,
+	field_change: R,
 	task: Se,
 	event: C,
 	system: S,
-	email: Pe,
+	email: Fe,
 	call: ne
 }, xn = {
 	comment: "bg-purple-100 text-purple-600",
@@ -3434,24 +3488,27 @@ var vn = ({ parentItem: e, replies: t, onAddReply: n, showReplyInput: r = !0, cl
 	system: "bg-gray-100 text-gray-600",
 	email: "bg-indigo-100 text-indigo-600",
 	call: "bg-teal-100 text-teal-600"
-}, Sn = [
-	{
-		value: "all",
-		label: "All Activity"
-	},
-	{
-		value: "comments_only",
-		label: "Comments Only"
-	},
-	{
-		value: "changes_only",
-		label: "Field Changes"
-	},
-	{
-		value: "tasks_only",
-		label: "Tasks Only"
-	}
-];
+};
+function Sn(e) {
+	return [
+		{
+			value: "all",
+			label: e("detail.allActivity")
+		},
+		{
+			value: "comments_only",
+			label: e("detail.commentsOnly")
+		},
+		{
+			value: "changes_only",
+			label: e("detail.fieldChangesFilter")
+		},
+		{
+			value: "tasks_only",
+			label: e("detail.tasksOnly")
+		}
+	];
+}
 function Cn(e) {
 	try {
 		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
@@ -3474,169 +3531,169 @@ function wn(e, t) {
 	}
 }
 var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: i = !1, onLoadMore: a, loading: o = !1, onAddComment: s, onAddReply: l, onToggleReaction: u, subscription: d, onToggleSubscription: f, collapseWhenEmpty: p = !1, className: h }) => {
-	let [g, _] = J.useState("all"), [v, y] = J.useState(""), [b, x] = J.useState(!1), [C, w] = J.useState(!1), O = n ?? g, k = t?.showFilterToggle !== !1, A = t?.showCommentInput !== !1 && !!s, M = t?.enableReactions ?? !1, N = t?.enableThreading ?? !1, te = t?.showSubscriptionToggle ?? !1, F = J.useMemo(() => wn(e, O), [e, O]), I = J.useMemo(() => N ? F.filter((e) => !e.parentId) : F, [F, N]), ne = J.useMemo(() => {
+	let { t: g } = $(), [_, v] = q.useState("all"), [y, b] = q.useState(""), [x, C] = q.useState(!1), [w, O] = q.useState(!1), k = n ?? _, A = t?.showFilterToggle !== !1, ee = t?.showCommentInput !== !1 && !!s, M = t?.enableReactions ?? !1, N = t?.enableThreading ?? !1, F = t?.showSubscriptionToggle ?? !1, I = q.useMemo(() => wn(e, k), [e, k]), ne = q.useMemo(() => N ? I.filter((e) => !e.parentId) : I, [I, N]), L = q.useMemo(() => {
 		if (!N) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map();
-		for (let t of F) if (t.parentId) {
+		for (let t of I) if (t.parentId) {
 			let n = e.get(t.parentId) ?? [];
 			n.push(t), e.set(t.parentId, n);
 		}
 		return e;
-	}, [F, N]), L = J.useCallback((e) => {
-		r ? r(e) : _(e);
-	}, [r]), R = J.useCallback(async () => {
-		let e = v.trim();
+	}, [I, N]), re = q.useCallback((e) => {
+		r ? r(e) : v(e);
+	}, [r]), R = q.useCallback(async () => {
+		let e = y.trim();
 		if (!(!e || !s)) {
-			x(!0);
+			C(!0);
 			try {
-				await s(e), y("");
+				await s(e), b("");
 			} finally {
-				x(!1);
+				C(!1);
 			}
 		}
-	}, [v, s]), z = J.useCallback((e) => {
+	}, [y, s]), z = q.useCallback((e) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), R());
-	}, [R]), B = J.useCallback(async () => {
+	}, [R]), ie = q.useCallback(async () => {
 		if (a) {
-			w(!0);
+			O(!0);
 			try {
 				await a();
 			} finally {
-				w(!1);
+				O(!1);
 			}
 		}
 	}, [a]);
-	return /* @__PURE__ */ Z(D, {
-		className: q("", h),
-		children: [/* @__PURE__ */ X(c, { children: /* @__PURE__ */ Z("div", {
+	return /* @__PURE__ */ X(D, {
+		className: K("", h),
+		children: [/* @__PURE__ */ Y(c, { children: /* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ Z(m, {
+			children: [/* @__PURE__ */ X(m, {
 				className: "flex items-center gap-2 text-base",
 				children: [
-					/* @__PURE__ */ X(ge, { className: "h-4 w-4" }),
-					"Activity",
-					/* @__PURE__ */ Z("span", {
+					/* @__PURE__ */ Y(_e, { className: "h-4 w-4" }),
+					g("detail.activity"),
+					/* @__PURE__ */ X("span", {
 						className: "text-sm font-normal text-muted-foreground",
 						children: [
 							"(",
-							F.length,
+							I.length,
 							")"
 						]
 					})
 				]
-			}), /* @__PURE__ */ X("div", {
+			}), /* @__PURE__ */ Y("div", {
 				className: "flex items-center gap-1",
-				children: te && d && /* @__PURE__ */ X(yn, {
+				children: F && d && /* @__PURE__ */ Y(yn, {
 					subscription: d,
 					onToggle: f
 				})
 			})]
-		}) }), /* @__PURE__ */ Z(j, {
+		}) }), /* @__PURE__ */ X(j, {
 			className: "space-y-4",
 			children: [
-				k && /* @__PURE__ */ X("div", {
+				A && /* @__PURE__ */ Y("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ X("select", {
+					children: /* @__PURE__ */ Y("select", {
 						className: "rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-						value: O,
-						onChange: (e) => L(e.target.value),
-						"aria-label": "Filter activity",
-						children: Sn.map((e) => /* @__PURE__ */ X("option", {
+						value: k,
+						onChange: (e) => re(e.target.value),
+						"aria-label": g("detail.filterActivity"),
+						children: Sn(g).map((e) => /* @__PURE__ */ Y("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
 					})
 				}),
-				A && /* @__PURE__ */ Z("div", {
+				ee && /* @__PURE__ */ X("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ X("textarea", {
+					children: [/* @__PURE__ */ Y("textarea", {
 						className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
-						placeholder: "Leave a comment… (Ctrl+Enter to submit)",
-						value: v,
-						onChange: (e) => y(e.target.value),
+						placeholder: g("detail.leaveCommentPlaceholder"),
+						value: y,
+						onChange: (e) => b(e.target.value),
 						onKeyDown: z,
-						disabled: b
-					}), /* @__PURE__ */ X(P, {
+						disabled: x
+					}), /* @__PURE__ */ Y(P, {
 						size: "icon",
 						variant: "default",
 						onClick: R,
-						disabled: !v.trim() || b,
+						disabled: !y.trim() || x,
 						className: "shrink-0 self-end",
-						"aria-label": "Submit comment",
-						children: /* @__PURE__ */ X(T, { className: "h-4 w-4" })
+						"aria-label": g("detail.submitComment"),
+						children: /* @__PURE__ */ Y(T, { className: "h-4 w-4" })
 					})]
 				}),
-				F.length === 0 ? p ? null : /* @__PURE__ */ X("p", {
+				I.length === 0 ? p ? null : /* @__PURE__ */ Y("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
-					children: "No activity recorded"
-				}) : /* @__PURE__ */ Z("div", {
+					children: g("detail.noActivity")
+				}) : /* @__PURE__ */ X("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ X("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ Y("div", {
 						className: "space-y-4",
-						children: I.map((e) => {
-							let t = bn[e.type] || S, n = xn[e.type] || "bg-gray-100 text-gray-600", r = ne.get(e.id) ?? [];
-							return /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ Z("div", {
+						children: ne.map((e) => {
+							let t = bn[e.type] || S, n = xn[e.type] || "bg-gray-100 text-gray-600", r = L.get(e.id) ?? [];
+							return /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ X("div", {
 								className: "flex gap-3 relative",
-								children: [/* @__PURE__ */ X("div", {
-									className: q("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
-									children: e.actorAvatarUrl ? /* @__PURE__ */ X("img", {
+								children: [/* @__PURE__ */ Y("div", {
+									className: K("shrink-0 h-8 w-8 rounded-full flex items-center justify-center z-10", n),
+									children: e.actorAvatarUrl ? /* @__PURE__ */ Y("img", {
 										src: e.actorAvatarUrl,
 										alt: e.actor,
 										className: "h-8 w-8 rounded-full object-cover"
-									}) : /* @__PURE__ */ X(t, { className: "h-3.5 w-3.5" })
-								}), /* @__PURE__ */ Z("div", {
+									}) : /* @__PURE__ */ Y(t, { className: "h-3.5 w-3.5" })
+								}), /* @__PURE__ */ X("div", {
 									className: "flex-1 min-w-0 pt-1",
 									children: [
-										/* @__PURE__ */ Z("div", {
+										/* @__PURE__ */ X("div", {
 											className: "flex items-center gap-2 mb-0.5",
 											children: [
-												/* @__PURE__ */ X("span", {
+												/* @__PURE__ */ Y("span", {
 													className: "text-sm font-medium",
 													children: e.actor
 												}),
-												e.source && /* @__PURE__ */ Z("span", {
+												e.source && /* @__PURE__ */ Y("span", {
 													className: "text-xs text-muted-foreground",
-													children: ["via ", e.source]
+													children: g("detail.via", { source: e.source })
 												}),
-												/* @__PURE__ */ X("span", {
+												/* @__PURE__ */ Y("span", {
 													className: "text-xs text-muted-foreground",
 													children: Cn(e.createdAt)
 												}),
-												e.edited && /* @__PURE__ */ X("span", {
+												e.edited && /* @__PURE__ */ Y("span", {
 													className: "text-xs text-muted-foreground italic",
-													children: "(edited)"
+													children: g("detail.edited")
 												}),
 												e.pinned && /* @__PURE__ */ X("span", {
 													className: "text-xs text-amber-600",
-													children: "📌 Pinned"
+													children: ["📌 ", g("detail.pinned")]
 												})
 											]
 										}),
-										e.body && /* @__PURE__ */ X("p", {
+										e.body && /* @__PURE__ */ Y("p", {
 											className: "text-sm whitespace-pre-wrap break-words text-muted-foreground",
 											children: e.body
 										}),
-										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ X("div", {
+										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ Y("div", {
 											className: "space-y-1 mt-1",
-											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ X(mn, { change: e }, t))
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ Y(mn, { change: e }, t))
 										}),
-										M && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ X("div", {
+										M && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ Y("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ X(gn, {
+											children: /* @__PURE__ */ Y(gn, {
 												reactions: e.reactions,
 												onToggleReaction: u ? (t) => u(e.id, t) : void 0
 											})
 										}),
-										M && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ X("div", {
+										M && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ Y("div", {
 											className: "mt-1.5",
-											children: /* @__PURE__ */ X(gn, {
+											children: /* @__PURE__ */ Y(gn, {
 												reactions: [],
 												onToggleReaction: (t) => u(e.id, t)
 											})
 										})
 									]
 								})]
-							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ X(vn, {
+							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ Y(vn, {
 								parentItem: e,
 								replies: r,
 								onAddReply: l,
@@ -3645,57 +3702,57 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: i =
 						})
 					})]
 				}),
-				i && /* @__PURE__ */ X("div", {
+				i && /* @__PURE__ */ Y("div", {
 					className: "text-center pt-2",
-					children: /* @__PURE__ */ Z(P, {
+					children: /* @__PURE__ */ X(P, {
 						variant: "ghost",
 						size: "sm",
-						onClick: B,
-						disabled: C,
-						"aria-label": "Load more activity",
-						children: [C ? /* @__PURE__ */ X(E, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ X(ee, { className: "h-4 w-4 mr-1" }), "Load more"]
+						onClick: ie,
+						disabled: w,
+						"aria-label": g("detail.loadMore"),
+						children: [w ? /* @__PURE__ */ Y(E, { className: "h-4 w-4 animate-spin mr-1" }) : /* @__PURE__ */ Y(te, { className: "h-4 w-4 mr-1" }), g("detail.loadMore")]
 					})
 				})
 			]
 		})]
 	});
 }, En = ({ config: t, items: n, hasMore: r, onLoadMore: i, loading: a, onAddComment: o, onAddReply: s, onToggleReaction: c, subscription: l, onToggleSubscription: u, filterMode: d, onFilterChange: f, collapseWhenEmpty: p = !1, className: m }) => {
-	let h = t?.position ?? "right", g = t?.width ?? "360px", _ = t?.collapsible ?? !0, v = p && n.length === 0 || (t?.defaultCollapsed ?? !1), [y, b] = J.useState(v);
-	return h === "right" || h === "left" ? y && _ ? /* @__PURE__ */ X("div", {
-		className: q("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
-		children: /* @__PURE__ */ X(P, {
+	let h = t?.position ?? "right", g = t?.width ?? "360px", _ = t?.collapsible ?? !0, v = p && n.length === 0 || (t?.defaultCollapsed ?? !1), { t: y } = $(), [b, x] = q.useState(v);
+	return h === "right" || h === "left" ? b && _ ? /* @__PURE__ */ Y("div", {
+		className: K("flex items-start pt-4", h === "right" ? "border-l" : "border-r", m),
+		children: /* @__PURE__ */ Y(P, {
 			variant: "ghost",
 			size: "icon",
 			className: "h-8 w-8 mx-1",
-			onClick: () => b(!1),
-			"aria-label": "Open discussion panel",
-			children: /* @__PURE__ */ X(Ie, { className: "h-4 w-4" })
+			onClick: () => x(!1),
+			"aria-label": y("detail.openDiscussion"),
+			children: /* @__PURE__ */ Y(Le, { className: "h-4 w-4" })
 		})
-	}) : /* @__PURE__ */ Z("div", {
-		className: q("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
+	}) : /* @__PURE__ */ X("div", {
+		className: K("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
 		style: {
 			width: g,
 			minWidth: g
 		},
-		children: [/* @__PURE__ */ Z("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between px-4 py-3 border-b",
-			children: [/* @__PURE__ */ Z("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ X(T, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+				children: [/* @__PURE__ */ Y(T, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
 					className: "text-sm font-medium",
-					children: "Discussion"
+					children: y("detail.discussion")
 				})]
-			}), _ && /* @__PURE__ */ X(P, {
+			}), _ && /* @__PURE__ */ Y(P, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				onClick: () => b(!0),
-				"aria-label": "Close discussion panel",
-				children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+				onClick: () => x(!0),
+				"aria-label": y("detail.closeDiscussion"),
+				children: /* @__PURE__ */ Y(e, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ X("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ X(Tn, {
+			children: /* @__PURE__ */ Y(Tn, {
 				items: n,
 				config: t?.feed,
 				hasMore: r,
@@ -3712,32 +3769,28 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: i =
 				className: "border-0 shadow-none"
 			})
 		})]
-	}) : /* @__PURE__ */ X("div", {
-		className: q("", m),
-		children: _ && y ? /* @__PURE__ */ Z(P, {
+	}) : /* @__PURE__ */ Y("div", {
+		className: K("", m),
+		children: _ && b ? /* @__PURE__ */ X(P, {
 			variant: "ghost",
 			className: "w-full justify-start gap-2 text-muted-foreground",
-			onClick: () => b(!1),
-			"aria-label": "Show discussion",
-			children: [/* @__PURE__ */ X(T, { className: "h-4 w-4" }), /* @__PURE__ */ Z("span", { children: [
-				"Show Discussion (",
-				n.length,
-				")"
-			] })]
-		}) : /* @__PURE__ */ Z("div", { children: [_ && /* @__PURE__ */ Z("div", {
+			onClick: () => x(!1),
+			"aria-label": y("detail.showDiscussion", { count: n.length }),
+			children: [/* @__PURE__ */ Y(T, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", { children: y("detail.showDiscussion", { count: n.length }) })]
+		}) : /* @__PURE__ */ X("div", { children: [_ && /* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between mb-2",
-			children: [/* @__PURE__ */ Z("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2 text-sm font-medium",
-				children: [/* @__PURE__ */ X(T, { className: "h-4 w-4" }), "Discussion"]
-			}), /* @__PURE__ */ X(P, {
+				children: [/* @__PURE__ */ Y(T, { className: "h-4 w-4" }), y("detail.discussion")]
+			}), /* @__PURE__ */ Y(P, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				onClick: () => b(!0),
-				"aria-label": "Hide discussion",
-				children: /* @__PURE__ */ X(B, { className: "h-3.5 w-3.5" })
+				onClick: () => x(!0),
+				"aria-label": y("detail.hideDiscussion"),
+				children: /* @__PURE__ */ Y(z, { className: "h-3.5 w-3.5" })
 			})]
-		}), /* @__PURE__ */ X(Tn, {
+		}), /* @__PURE__ */ Y(Tn, {
 			items: n,
 			config: t?.feed,
 			hasMore: r,
@@ -3754,7 +3807,7 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: i =
 		})] })
 	});
 }, Dn = ({ onSubmit: e, placeholder: t = "Leave a comment…", disabled: n = !1, className: r }) => {
-	let [i, a] = J.useState(""), [o, s] = J.useState(!1), c = J.useCallback(async () => {
+	let [i, a] = q.useState(""), [o, s] = q.useState(!1), c = q.useCallback(async () => {
 		let t = i.trim();
 		if (t) {
 			s(!0);
@@ -3764,59 +3817,59 @@ var Tn = ({ items: e, config: t, filterMode: n, onFilterChange: r, hasMore: i =
 				s(!1);
 			}
 		}
-	}, [i, e]), l = J.useCallback((e) => {
+	}, [i, e]), l = q.useCallback((e) => {
 		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), c());
 	}, [c]);
-	return /* @__PURE__ */ Z("div", {
-		className: q("flex gap-2", r),
-		children: [/* @__PURE__ */ X("textarea", {
+	return /* @__PURE__ */ X("div", {
+		className: K("flex gap-2", r),
+		children: [/* @__PURE__ */ Y("textarea", {
 			className: "flex-1 min-h-[60px] rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none",
 			placeholder: t,
 			value: i,
 			onChange: (e) => a(e.target.value),
 			onKeyDown: l,
 			disabled: n || o
-		}), /* @__PURE__ */ X(P, {
+		}), /* @__PURE__ */ Y(P, {
 			size: "icon",
 			variant: "default",
 			onClick: c,
 			disabled: !i.trim() || o || n,
 			className: "shrink-0 self-end",
 			"aria-label": "Submit comment",
-			children: /* @__PURE__ */ X(je, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ Y(Me, { className: "h-4 w-4" })
 		})]
 	});
 }, On = ({ query: e, suggestions: t, onSelect: n, visible: r = !0, activeIndex: i = 0, className: a }) => {
-	let o = J.useMemo(() => {
+	let o = q.useMemo(() => {
 		if (!e) return t;
 		let n = e.toLowerCase();
 		return t.filter((e) => e.name.toLowerCase().includes(n) || e.id.toLowerCase().includes(n));
 	}, [e, t]);
-	return !r || o.length === 0 ? null : /* @__PURE__ */ X("div", {
-		className: q("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", a),
+	return !r || o.length === 0 ? null : /* @__PURE__ */ Y("div", {
+		className: K("bg-popover border rounded-md shadow-md z-50 max-h-48 overflow-y-auto w-56", a),
 		role: "listbox",
 		"aria-label": "Mention suggestions",
-		children: o.map((e, t) => /* @__PURE__ */ Z("button", {
+		children: o.map((e, t) => /* @__PURE__ */ X("button", {
 			type: "button",
 			role: "option",
 			"aria-selected": t === i,
-			className: q("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === i && "bg-accent"),
+			className: K("w-full text-left px-3 py-1.5 text-sm flex items-center gap-2 hover:bg-accent transition-colors", t === i && "bg-accent"),
 			onMouseDown: (t) => {
 				t.preventDefault(), n(e);
 			},
-			children: [e.avatarUrl ? /* @__PURE__ */ X("img", {
+			children: [e.avatarUrl ? /* @__PURE__ */ Y("img", {
 				src: e.avatarUrl,
 				alt: e.name,
 				className: "h-5 w-5 rounded-full object-cover"
-			}) : /* @__PURE__ */ X("div", {
+			}) : /* @__PURE__ */ Y("div", {
 				className: "h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[10px] font-medium",
 				children: e.name.charAt(0).toUpperCase()
-			}), /* @__PURE__ */ Z("div", {
+			}), /* @__PURE__ */ X("div", {
 				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ X("span", {
+				children: [/* @__PURE__ */ Y("span", {
 					className: "truncate",
 					children: e.name
-				}), e.type !== "user" && /* @__PURE__ */ Z("span", {
+				}), e.type !== "user" && /* @__PURE__ */ X("span", {
 					className: "ml-1 text-xs text-muted-foreground capitalize",
 					children: [
 						"(",
@@ -3837,7 +3890,7 @@ function kn(e, t, n) {
 		length: n
 	};
 }
-ve.register("detail-view", Gt, {
+le.register("detail-view", Gt, {
 	namespace: "plugin-detail",
 	label: "Detail View",
 	category: "Views",
@@ -3967,7 +4020,7 @@ ve.register("detail-view", Gt, {
 		tabs: [],
 		related: []
 	}
-}), ve.register("detail-section", jt, {
+}), le.register("detail-section", jt, {
 	namespace: "plugin-detail",
 	label: "Detail Section",
 	category: "Detail Components",
@@ -4018,7 +4071,7 @@ ve.register("detail-view", Gt, {
 			label: "Header Color"
 		}
 	]
-}), ve.register("related-list", Nt, {
+}), le.register("related-list", Nt, {
 	namespace: "plugin-detail",
 	label: "Related List",
 	category: "Detail Components",
@@ -4065,7 +4118,7 @@ ve.register("detail-view", Gt, {
 			label: "Columns"
 		}
 	]
-}), ve.register("detail", Gt, {
+}), le.register("detail", Gt, {
 	namespace: "view",
 	category: "view",
 	label: "Detail",
@@ -4090,4 +4143,4 @@ ve.register("detail-view", Gt, {
 	]
 });
 //#endregion
-export { Ut as ActivityTimeline, dn as CommentAttachment, Dn as CommentInput, Ot as DETAIL_DEFAULT_TRANSLATIONS, jt as DetailSection, Mt as DetailTabs, Gt as DetailView, $t as DiffView, mn as FieldChangeItem, Ft as HeaderHighlight, Kt as InlineCreateRelated, On as MentionAutocomplete, pn as PointInTimeRestore, gn as ReactionPicker, Tn as RecordActivityTimeline, En as RecordChatterPanel, Lt as RecordComments, en as RecordNavigationEnhanced, Nt as RelatedList, sn as RelationshipGraph, Jt as RichTextCommentInput, Pt as SectionGroup, yn as SubscriptionToggle, vn as ThreadedReplies, Tt as applyAutoSpan, Et as applyDetailAutoLayout, kn as createMentionFromSuggestion, Dt as createSafeTranslationHook, wt as inferDetailColumns, Ct as isWideFieldType, kt as useDetailTranslation };
+export { Ut as ActivityTimeline, dn as CommentAttachment, Dn as CommentInput, kt as DETAIL_DEFAULT_TRANSLATIONS, jt as DetailSection, Mt as DetailTabs, Gt as DetailView, $t as DiffView, mn as FieldChangeItem, Ft as HeaderHighlight, Kt as InlineCreateRelated, On as MentionAutocomplete, pn as PointInTimeRestore, gn as ReactionPicker, Tn as RecordActivityTimeline, En as RecordChatterPanel, Lt as RecordComments, en as RecordNavigationEnhanced, Nt as RelatedList, sn as RelationshipGraph, Jt as RichTextCommentInput, Pt as SectionGroup, yn as SubscriptionToggle, vn as ThreadedReplies, Et as applyAutoSpan, Dt as applyDetailAutoLayout, kn as createMentionFromSuggestion, Ot as createSafeTranslationHook, Tt as inferDetailColumns, wt as isWideFieldType, $ as useDetailTranslation };