@object-ui/plugin-detail 3.1.3 → 3.1.4

package/dist/index.js

@@ -1,34 +1,4093 @@
-import { r as t, s as i, t as s, D as n, u as o, v as l, w as r, x as c, y as m, H as p, z as T, G as d, J as R, R as u, K as h, N as A, O as D, V as g, W as C, Y as S, Z as y, _ as I, $ as f, a0 as L, a1 as v, a2 as F, a3 as H, a4 as N, a5 as w, a6 as x, a7 as E } from "./index-D2t9pLAg.js";
-export {
-  t as ActivityTimeline,
-  i as CommentAttachment,
-  s as CommentInput,
-  n as DETAIL_DEFAULT_TRANSLATIONS,
-  o as DetailSection,
-  l as DetailTabs,
-  r as DetailView,
-  c as DiffView,
-  m as FieldChangeItem,
-  p as HeaderHighlight,
-  T as InlineCreateRelated,
-  d as MentionAutocomplete,
-  R as PointInTimeRestore,
-  u as ReactionPicker,
-  h as RecordActivityTimeline,
-  A as RecordChatterPanel,
-  D as RecordComments,
-  g as RecordNavigationEnhanced,
-  C as RelatedList,
-  S as RelationshipGraph,
-  y as RichTextCommentInput,
-  I as SectionGroup,
-  f as SubscriptionToggle,
-  L as ThreadedReplies,
-  v as applyAutoSpan,
-  F as applyDetailAutoLayout,
-  H as createMentionFromSuggestion,
-  N as createSafeTranslationHook,
-  w as inferDetailColumns,
-  x as isWideFieldType,
-  E as useDetailTranslation
+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";
+//#region ../core/src/utils/expand-fields.ts
+function Ve(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);
+	if (n.length === 0) return [];
+	if (t && Array.isArray(t) && t.length > 0) {
+		let e = /* @__PURE__ */ new Set();
+		for (let n of t) if (typeof n == "string") e.add(n);
+		else if (n && typeof n == "object") {
+			let t = n.field ?? n.name ?? n.fieldName;
+			t && e.add(t);
+		}
+		return n.filter((t) => e.has(t));
+	}
+	return n;
+}
+//#endregion
+//#region ../i18n/dist/useObjectLabel.js
+var He = new Set([
+	"common",
+	"validation",
+	"form",
+	"table",
+	"grid",
+	"calendar",
+	"list",
+	"kanban",
+	"chart",
+	"dashboard",
+	"configPanel",
+	"appDesigner",
+	"console",
+	"errors",
+	"detail"
+]);
+function Ue() {
+	let { t: e, i18n: t } = re(), 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)) : [];
+	}, r = (t, r) => {
+		try {
+			let r = n();
+			for (let n of r) {
+				let r = `${n}.${t}`, i = e(r, { defaultValue: "" });
+				if (i && i !== r && i !== "") return i;
+			}
+		} catch {}
+		return r;
+	};
+	return {
+		objectLabel: (e) => r(`objects.${e.name}.label`, e.label),
+		objectDescription: (e) => {
+			if (e.description) return r(`objects.${e.name}.description`, e.description);
+		},
+		fieldLabel: (e, t, n) => r(`fields.${e}.${t}`, n)
+	};
+}
+function We() {
+	try {
+		let { fieldLabel: e } = Ue();
+		return { fieldLabel: e };
+	} catch {
+		return { fieldLabel: (e, t, n) => n };
+	}
+}
+//#endregion
+//#region ../fields/src/index.tsx
+function Q(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) => {
+		if (typeof e == "object" && e) {
+			let t = e;
+			return String(t.name || t.label || t.id || t._id || "[Object]");
+		}
+		return String(e);
+	}).join(", ");
+	if (typeof e == "object") {
+		let t = e;
+		return "$numberDecimal" in t ? Number(t.$numberDecimal) : "$oid" in t ? String(t.$oid) : "$date" in t ? String(t.$date) : String(t.name || t.label || t.id || t._id || "[Object]");
+	}
+	return String(e);
+}
+function Ge(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${t} ${e.toFixed(2)}`;
+	}
+}
+function Ke(e, t = 0) {
+	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
+}
+function qe(e) {
+	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function Je(e) {
+	if (!e) return "-";
+	let t = typeof e == "string" ? new Date(e) : e;
+	if (isNaN(t.getTime())) return "-";
+	let n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime() - r.getTime(), a = Math.round(i / (1e3 * 60 * 60 * 24));
+	if (a === 0) return "Today";
+	if (a === 1) return "Tomorrow";
+	if (a === -1) return "Yesterday";
+	if (a < -1) {
+		let e = Math.abs(a);
+		return e <= 7 ? `Overdue ${e}d` : Ye(t);
+	}
+	return a > 1 && a <= 7 ? `In ${a} days` : Ye(t);
+}
+function Ye(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, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function $({ value: e }) {
+	let t = Q(e);
+	return /* @__PURE__ */ X("span", {
+		className: "truncate",
+		children: t != null && t !== "" ? String(t) : "-"
+	});
+}
+function Xe({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ X("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = Q(e), r = t.precision ?? 0, i = Number(n);
+	return /* @__PURE__ */ X("span", {
+		className: "tabular-nums",
+		children: isNaN(i) ? String(n) : new Intl.NumberFormat("en-US", {
+			minimumFractionDigits: r,
+			maximumFractionDigits: r
+		}).format(i)
+	});
+}
+function Ze({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ X("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = Q(e), r = t.currency || "USD", i = Number(n);
+	return /* @__PURE__ */ X("span", {
+		className: "tabular-nums font-medium whitespace-nowrap",
+		children: isNaN(i) ? String(n) : Ge(i, r)
+	});
+}
+var Qe = /progress|completion/;
+function $e({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ X("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = Q(e), r = t.precision ?? 0, i = Number(n);
+	if (isNaN(i)) return /* @__PURE__ */ X("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", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ X("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", {
+				className: "h-full rounded-full bg-primary transition-all",
+				style: { width: `${c}%` }
+			})
+		}), /* @__PURE__ */ X("span", {
+			className: "tabular-nums whitespace-nowrap",
+			children: s
+		})]
+	});
+}
+var et = new Set([
+	"active",
+	"is_active",
+	"enabled",
+	"is_enabled",
+	"verified",
+	"is_verified"
+]);
+function tt({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ X("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", {
+		className: "flex items-center justify-center",
+		children: e ? /* @__PURE__ */ X("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", {
+			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, {
+		variant: "destructive",
+		className: "text-xs",
+		"data-testid": "boolean-warning-badge",
+		children: [t?.label || qe(n), " — Off"]
+	}) : /* @__PURE__ */ X("div", {
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ X(l, {
+			checked: !!e,
+			disabled: !0,
+			className: "pointer-events-none"
+		})
+	});
+}
+function nt({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ X("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();
+	o.setHours(0, 0, 0, 0);
+	let s = a && i < o, c = a ? i.toISOString() : String(n);
+	return /* @__PURE__ */ X("span", {
+		className: `tabular-nums${s ? " text-red-600" : ""}`,
+		title: c,
+		children: r
+	});
+}
+function rt({ value: e }) {
+	if (!e) return /* @__PURE__ */ X("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", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let r = n.toLocaleDateString(void 0, {
+		month: "numeric",
+		day: "numeric",
+		year: "numeric"
+	}), i = n.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit",
+		hour12: !0
+	}).toLowerCase();
+	return /* @__PURE__ */ Z("span", {
+		className: "tabular-nums text-sm whitespace-nowrap",
+		children: [/* @__PURE__ */ X("span", { children: r }), /* @__PURE__ */ X("span", {
+			className: "ml-2 text-muted-foreground",
+			children: i
+		})]
+	});
+}
+var it = {
+	critical: "red",
+	urgent: "red",
+	high: "orange",
+	medium: "yellow",
+	normal: "blue",
+	low: "gray",
+	none: "gray",
+	paid: "green",
+	completed: "green",
+	done: "green",
+	active: "green",
+	approved: "green",
+	resolved: "green",
+	pending: "yellow",
+	waiting: "yellow",
+	on_hold: "yellow",
+	shipped: "blue",
+	in_progress: "blue",
+	open: "blue",
+	processing: "blue",
+	draft: "gray",
+	new: "gray",
+	inactive: "gray",
+	closed: "gray",
+	cancelled: "red",
+	canceled: "red",
+	rejected: "red",
+	failed: "red",
+	overdue: "red",
+	delivered: "purple",
+	archived: "indigo"
+}, at = {
+	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",
+	yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
+	green: "bg-green-100 text-green-800 border-green-300",
+	blue: "bg-blue-100 text-blue-800 border-blue-300",
+	indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
+	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({ value: e, field: t }) {
+	let n = t.options || [];
+	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
+	if (Array.isArray(e)) return /* @__PURE__ */ X("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, {
+				variant: "outline",
+				className: ot(r?.color, e),
+				children: i
+			}, t);
+		})
+	});
+	let r = n.find((t) => t.value === e), i = r?.label || qe(String(e));
+	return /* @__PURE__ */ X(K, {
+		variant: "outline",
+		className: ot(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", {
+		className: "inline-flex items-center gap-1 group/email",
+		children: [/* @__PURE__ */ X(P, {
+			variant: "link",
+			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+			asChild: !0,
+			children: /* @__PURE__ */ X("a", {
+				href: `mailto:${t}`,
+				onClick: (e) => e.stopPropagation(),
+				children: t
+			})
+		}), /* @__PURE__ */ X("button", {
+			type: "button",
+			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+			onClick: (e) => {
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(t).then(() => {
+					r(!0), setTimeout(() => r(!1), 2e3);
+				}).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" })
+		})]
+	});
+}
+function lt({ value: e }) {
+	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
+	let t = String(Q(e) ?? "");
+	return /* @__PURE__ */ X(P, {
+		variant: "link",
+		className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+		asChild: !0,
+		children: /* @__PURE__ */ X("a", {
+			href: t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: (e) => e.stopPropagation(),
+			children: t
+		})
+	});
+}
+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", {
+		className: "inline-flex items-center gap-1 group/phone",
+		children: [/* @__PURE__ */ Z("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", {
+			type: "button",
+			className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+			onClick: (e) => {
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(t).then(() => {
+					r(!0), setTimeout(() => r(!1), 2e3);
+				}).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" })
+		})]
+	});
+}
+function dt({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ X("span", { children: "-" });
+	if (t.multiple, Array.isArray(e)) {
+		let t = e.length;
+		return /* @__PURE__ */ Z("span", {
+			className: "text-sm text-gray-600",
+			children: [
+				t,
+				" ",
+				t === 1 ? "file" : "files"
+			]
+		});
+	}
+	return /* @__PURE__ */ X("span", {
+		className: "text-sm truncate",
+		children: e.name || e.original_name || "File"
+	});
+}
+function ft({ value: e }) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ Z("div", {
+		className: "flex -space-x-2",
+		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ X("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", {
+			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", {
+		src: e.url || "",
+		alt: e.name || "Image",
+		className: "size-10 rounded-md object-cover"
+	}) : /* @__PURE__ */ X("span", { children: "-" });
+}
+function pt({ value: e, field: t }) {
+	if (e == null || e === "") return /* @__PURE__ */ X("span", { children: "-" });
+	let n = t.options || [], r = (e) => {
+		if (n.length > 0) {
+			let t = n.find((t) => String(t.value) === String(e));
+			if (t) return t.label;
+		}
+		return String(e);
+	};
+	return Array.isArray(e) ? /* @__PURE__ */ X("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", {
+				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", {
+		className: "truncate",
+		children: e.name || e.label || e.id || e._id || "[Object]"
+	}) : /* @__PURE__ */ X("span", {
+		className: "truncate",
+		children: r(e)
+	});
+}
+function mt({ value: e }) {
+	let t = Q(e);
+	return /* @__PURE__ */ X("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", {
+		className: "truncate",
+		children: String(e)
+	});
+	if (Array.isArray(e)) return /* @__PURE__ */ Z("div", {
+		className: "flex -space-x-2",
+		children: [e.slice(0, 3).map((e, t) => {
+			if (typeof e != "object" || !e) return /* @__PURE__ */ X("span", {
+				className: "truncate text-sm",
+				children: String(e)
+			}, t);
+			let n = e.name || e.username || "User";
+			return /* @__PURE__ */ X(f, {
+				className: "size-8 border-2 border-white",
+				title: n,
+				children: /* @__PURE__ */ X(N, {
+					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, {
+			className: "size-8 border-2 border-white",
+			children: /* @__PURE__ */ Z(N, {
+				className: "bg-gray-200 text-gray-600 text-xs",
+				children: ["+", e.length - 3]
+			})
+		})]
+	});
+	let t = e.name || e.username || "User";
+	return /* @__PURE__ */ Z("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ X(f, {
+			className: "size-8",
+			children: /* @__PURE__ */ X(N, {
+				className: "bg-blue-500 text-white text-xs",
+				children: t.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+			})
+		}), /* @__PURE__ */ X("span", {
+			className: "truncate",
+			children: t
+		})]
+	});
+}
+var gt = /* @__PURE__ */ new Map();
+function _t(e, t) {
+	gt.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", {
+			className: "text-gray-500 italic",
+			children: "[Object]"
+		}),
+		vector: () => /* @__PURE__ */ X("span", {
+			className: "text-gray-500 italic",
+			children: "[Vector]"
+		}),
+		grid: () => /* @__PURE__ */ X("span", {
+			className: "text-gray-500 italic",
+			children: "[Grid]"
+		})
+	}[e] || $;
+}
+_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 }))
+};
+function bt(e) {
+	let t = yt[e];
+	if (!t) {
+		console.warn(`Unknown field type: ${e}`);
+		return;
+	}
+	let n = Be.lazy(t);
+	ve.register(e, n, { namespace: "field" });
+}
+function xt() {
+	Object.keys(yt).forEach((e) => {
+		bt(e);
+	});
+}
+xt();
+//#endregion
+//#region src/autoLayout.ts
+var St = new Set([
+	"textarea",
+	"markdown",
+	"html",
+	"grid",
+	"rich-text",
+	"field:textarea",
+	"field:markdown",
+	"field:html",
+	"field:grid",
+	"field:rich-text"
+]);
+function Ct(e) {
+	return St.has(e);
+}
+function wt(e, t) {
+	let n;
+	if (n = e <= 3 ? 1 : e <= 10 ? 2 : 3, t !== void 0) {
+		if (t < 640) return Math.min(n, 1);
+		if (t < 900) return Math.min(n, 2);
+	}
+	return n;
+}
+function Tt(e, t) {
+	return t <= 1 ? e : e.map((e) => e.span === void 0 && e.type && Ct(e.type) ? {
+		...e,
+		span: t
+	} : e);
+}
+function Et(e, t, n) {
+	if (t !== void 0) return {
+		fields: Tt(e, t),
+		columns: t
+	};
+	let r = wt(e.length, n);
+	return {
+		fields: Tt(e, r),
+		columns: r
+	};
+}
+//#endregion
+//#region src/useDetailTranslation.ts
+function Dt(e, t) {
+	return function() {
+		try {
+			let n = re();
+			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));
+				return r;
+			} } : { t: n.t };
+		} catch {
+			return { t: (t, n) => {
+				let r = e[t] || t;
+				if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
+				return r;
+			} };
+		}
+	};
+}
+var Ot = {
+	"detail.back": "Back",
+	"detail.edit": "Edit",
+	"detail.editInline": "Edit inline",
+	"detail.save": "Save",
+	"detail.saveChanges": "Save changes",
+	"detail.editFieldsInline": "Edit fields inline",
+	"detail.share": "Share",
+	"detail.duplicate": "Duplicate",
+	"detail.export": "Export",
+	"detail.viewHistory": "View history",
+	"detail.delete": "Delete",
+	"detail.moreActions": "More actions",
+	"detail.addToFavorites": "Add to favorites",
+	"detail.removeFromFavorites": "Remove from favorites",
+	"detail.previousRecord": "Previous record",
+	"detail.nextRecord": "Next record",
+	"detail.recordOf": "{{current}} of {{total}}",
+	"detail.recordNotFound": "Record not found",
+	"detail.recordNotFoundDescription": "The record you are looking for does not exist or may have been deleted.",
+	"detail.goBack": "Go back",
+	"detail.details": "Details",
+	"detail.related": "Related",
+	"detail.relatedRecords": "{{count}} records",
+	"detail.relatedRecordOne": "{{count}} record",
+	"detail.noRelatedRecords": "No related records found",
+	"detail.loading": "Loading...",
+	"detail.copyToClipboard": "Copy to clipboard",
+	"detail.copied": "Copied!",
+	"detail.deleteConfirmation": "Are you sure you want to delete this record?",
+	"detail.editRecord": "Edit record",
+	"detail.viewAll": "View All",
+	"detail.new": "New",
+	"detail.emptyValue": "—",
+	"detail.activity": "Activity",
+	"detail.editRow": "Edit",
+	"detail.deleteRow": "Delete",
+	"detail.deleteRowConfirmation": "Are you sure you want to delete this record?",
+	"detail.actions": "Actions",
+	"detail.previousPage": "Previous",
+	"detail.nextPage": "Next",
+	"detail.pageOf": "Page {{current}} of {{total}}",
+	"detail.sortBy": "Sort by",
+	"detail.filterPlaceholder": "Filter...",
+	"detail.highlightFields": "Key Fields"
+}, kt = Dt(Ot, "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 n = t == null ? "" : String(t);
+		navigator.clipboard.writeText(n).then(() => {
+			h(e), setTimeout(() => h(null), 2e3);
+		});
+	}, []), x = e.hideEmpty ? e.fields.filter((e) => {
+		let n = t?.[e.name] ?? e.value;
+		return n != null && n !== "";
+	}) : e.fields;
+	if (x.length === 0) return null;
+	let { fields: S, columns: C } = Et(x, e.columns), w = (e) => {
+		let n = t?.[e.name] ?? e.value;
+		if (e.render) return /* @__PURE__ */ X(oe, {
+			schema: e.render,
+			data: {
+				...t,
+				value: n
+			}
+		});
+		let i = At(e.span, C), c = (() => {
+			if (n == null) return /* @__PURE__ */ X("span", {
+				className: "text-muted-foreground/50 text-xs italic",
+				children: "—"
+			});
+			let t = r?.fields?.[e.name], i = e.type || t?.type, a = { ...e };
+			if (t) {
+				!e.type && t.type && (a.type = t.type), t.options && !a.options && (a.options = t.options), t.currency && !a.currency && (a.currency = t.currency), t.precision !== void 0 && a.precision === void 0 && (a.precision = t.precision), t.format && !a.format && (a.format = t.format);
+				let n = t.reference_to || t.reference;
+				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, {
+					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", {
+				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", {
+				className: "min-h-[44px] sm:min-h-0",
+				children: /* @__PURE__ */ X("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"),
+				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", {
+					className: "text-sm flex-1 break-words py-1",
+					children: c
+				}), l && /* @__PURE__ */ X(H, { children: /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+					asChild: !0,
+					children: /* @__PURE__ */ X(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" })
+					})
+				}), /* @__PURE__ */ X(U, { children: v(u ? "detail.copied" : "detail.copyToClipboard") })] }) })]
+			})]
+		}, e.name);
+	}, T = l?.enabled === !0, E = l?.batchSize ?? 20;
+	J.useEffect(() => {
+		if (!T) {
+			_(void 0);
+			return;
+		}
+		if (S.length <= E) {
+			_(void 0);
+			return;
+		}
+		_(E);
+		let e = setTimeout(() => _(void 0), 100);
+		return () => clearTimeout(e);
+	}, [
+		T,
+		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"),
+		children: O.map(w)
+	});
+	return e.collapsible ? /* @__PURE__ */ X(Le, {
+		open: !u,
+		onOpenChange: (e) => d(!e),
+		className: n,
+		children: /* @__PURE__ */ Z(D, { children: [/* @__PURE__ */ X(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, {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ Z("div", {
+						className: "flex items-center gap-2",
+						children: [
+							e.icon && /* @__PURE__ */ X("span", {
+								className: "text-muted-foreground",
+								children: e.icon
+							}),
+							/* @__PURE__ */ X("span", { children: e.title }),
+							e.fields && /* @__PURE__ */ X(K, {
+								variant: "secondary",
+								className: "ml-2 text-xs",
+								children: e.fields.length
+							})
+						]
+					}), /* @__PURE__ */ X("div", {
+						className: "flex items-center gap-2",
+						children: X(u ? p : ee, { className: "h-4 w-4 text-muted-foreground" })
+					})]
+				}), e.description && !u && /* @__PURE__ */ X("p", {
+					className: "text-sm text-muted-foreground mt-1.5",
+					children: e.description
+				})]
+			})
+		}), /* @__PURE__ */ X(i, { children: /* @__PURE__ */ X(j, {
+			className: "pt-4 sm:pt-6 px-3 sm:px-6",
+			children: M
+		}) })] })
+	}) : /* @__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, {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ Z("div", {
+					className: "flex items-center gap-2",
+					children: [
+						e.icon && /* @__PURE__ */ X("span", {
+							className: "text-muted-foreground",
+							children: e.icon
+						}),
+						/* @__PURE__ */ X("span", { children: e.title }),
+						e.fields && /* @__PURE__ */ X(K, {
+							variant: "secondary",
+							className: "ml-2 text-xs",
+							children: e.fields.length
+						})
+					]
+				})
+			}), e.description && /* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground mt-1.5",
+				children: e.description
+			})]
+		}), /* @__PURE__ */ X(j, {
+			className: "pt-4 sm:pt-6 px-3 sm:px-6",
+			children: M
+		})]
+	});
+}, 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, {
+		value: r,
+		onValueChange: i,
+		className: n,
+		children: [/* @__PURE__ */ X(ue, {
+			className: "w-full justify-start border-b rounded-none bg-transparent p-0",
+			children: a.map((e) => /* @__PURE__ */ X(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", {
+					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, {
+							variant: "secondary",
+							className: "ml-1",
+							children: e.badge
+						})
+					]
+				})
+			}, e.key))
+		}), a.map((e) => /* @__PURE__ */ X(Te, {
+			value: e.key,
+			className: "mt-4",
+			children: Array.isArray(e.content) ? /* @__PURE__ */ X("div", {
+				className: "space-y-4",
+				children: e.content.map((e, n) => /* @__PURE__ */ X(oe, {
+					schema: e,
+					data: t
+				}, n))
+			}) : /* @__PURE__ */ X(oe, {
+				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(() => {
+		w(r);
+	}, [r]), J.useEffect(() => {
+		n && l?.getObjectSchema && !o?.length && l.getObjectSchema(n).then(R).catch((e) => {
+			console.warn(`[RelatedList] Failed to fetch schema for ${n}:`, e);
+		});
+	}, [
+		n,
+		l,
+		o
+	]), J.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) => {
+			console.error("Failed to fetch related data:", e), E(!1);
+		}) : fetch(n).then((e) => e.json()).then((e) => {
+			w(Array.isArray(e) ? e : e?.data || []);
+		}).catch((e) => {
+			console.error("Failed to fetch related data:", e);
+		}).finally(() => E(!1)));
+	}, [
+		n,
+		r,
+		l
+	]);
+	let ae = J.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) => {
+		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,
+		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(() => {
+		k(0);
+	}, [
+		I,
+		A,
+		N
+	]);
+	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(() => {
+		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)
+			};
+			if (n.type) {
+				let e = vt(n.type);
+				if (e) {
+					let i = {
+						name: t,
+						label: n.label || t,
+						type: n.type,
+						...n.options && { options: n.options },
+						...n.currency && { currency: n.currency },
+						...n.precision !== void 0 && { precision: n.precision },
+						...n.format && { format: n.format },
+						...(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, {
+						value: t,
+						field: i
+					});
+				}
+			}
+			return r;
+		});
+	}, [
+		o,
+		L,
+		u,
+		n,
+		ie
+	]), pe = J.useMemo(() => {
+		if (i) return i;
+		switch (t) {
+			case "grid":
+			case "table": return {
+				type: "data-table",
+				data: U,
+				columns: W,
+				pagination: !1,
+				pageSize: H || 10
+			};
+			case "list": return {
+				type: "data-list",
+				data: U
+			};
+			default: return {
+				type: "div",
+				children: "No view configured"
+			};
+		}
+	}, [
+		t,
+		U,
+		W,
+		i,
+		H
+	]), me = !!g || !!_;
+	return /* @__PURE__ */ Z(D, {
+		className: s,
+		children: [/* @__PURE__ */ X(c, {
+			className: x ? "cursor-pointer select-none" : void 0,
+			onClick: x ? () => re((e) => !e) : void 0,
+			children: /* @__PURE__ */ Z(m, {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ Z("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, {
+							variant: "secondary",
+							className: "text-xs font-normal",
+							"aria-label": `${C.length} records`,
+							children: C.length
+						})
+					]
+				}), /* @__PURE__ */ Z("div", {
+					className: "flex items-center gap-1",
+					children: [f && /* @__PURE__ */ Z(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, {
+						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" })]
+					})]
+				})]
+			})
+		}), !B && /* @__PURE__ */ Z(j, { children: [
+			b && C.length > 0 && /* @__PURE__ */ X("div", {
+				className: "mb-3",
+				children: /* @__PURE__ */ X(a, {
+					placeholder: V("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", {
+				className: "flex flex-wrap gap-1 mb-3",
+				children: W.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, {
+						variant: r ? "secondary" : "ghost",
+						size: "sm",
+						className: "gap-1 h-7 text-xs",
+						onClick: () => ue(t),
+						children: [
+							/* @__PURE__ */ X(de, { className: "h-3 w-3" }),
+							n,
+							r && (N === "asc" ? " ↑" : " ↓")
+						]
+					}, t);
+				})
+			}),
+			T ? /* @__PURE__ */ X("div", {
+				className: "flex items-center justify-center py-8 text-muted-foreground",
+				children: V("detail.loading")
+			}) : C.length === 0 ? /* @__PURE__ */ X("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", {
+				className: "mt-2 space-y-1",
+				"data-testid": "row-actions",
+				children: U.map((e, t) => /* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between px-2 py-1 text-xs border-b last:border-b-0",
+					children: [/* @__PURE__ */ X("span", {
+						className: "truncate text-muted-foreground",
+						children: e.name || e.title || e.id || `Row ${t + 1}`
+					}), /* @__PURE__ */ Z("div", {
+						className: "flex items-center gap-1",
+						children: [g && /* @__PURE__ */ Z(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, {
+							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")]
+						})]
+					})]
+				}, e.id || t))
+			})] }),
+			H > 0 && se.length > H && /* @__PURE__ */ Z("div", {
+				className: "flex items-center justify-between mt-3 pt-3 border-t",
+				children: [
+					/* @__PURE__ */ Z(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")]
+					}),
+					/* @__PURE__ */ X("span", {
+						className: "text-xs text-muted-foreground",
+						children: V("detail.pageOf", {
+							current: O + 1,
+							total: ce
+						})
+					}),
+					/* @__PURE__ */ Z(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" })]
+					})
+				]
+			})
+		] })]
+	});
+}, 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", {
+		className: "space-y-3 sm:space-y-4",
+		children: e.sections.map((e, n) => /* @__PURE__ */ X(jt, {
+			section: e,
+			data: t,
+			objectSchema: r,
+			objectName: a,
+			isEditing: o,
+			onFieldChange: s
+		}, n))
+	});
+	return c ? /* @__PURE__ */ Z(Le, {
+		open: !l,
+		onOpenChange: (e) => u(!e),
+		className: n,
+		children: [
+			/* @__PURE__ */ X(k, {
+				asChild: !0,
+				children: /* @__PURE__ */ Z("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", {
+							className: "text-muted-foreground",
+							children: e.icon
+						}),
+						/* @__PURE__ */ X("h3", {
+							className: "text-lg font-semibold",
+							children: e.title
+						})
+					]
+				})
+			}),
+			e.description && !l && /* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground mt-1",
+				children: e.description
+			}),
+			/* @__PURE__ */ X(i, { children: /* @__PURE__ */ X("div", {
+				className: "mt-3",
+				children: d
+			}) })
+		]
+	}) : /* @__PURE__ */ Z("div", {
+		className: q("space-y-3", n),
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-2 pb-2 border-b",
+				children: [e.icon && /* @__PURE__ */ X("span", {
+					className: "text-muted-foreground",
+					children: e.icon
+				}), /* @__PURE__ */ X("h3", {
+					className: "text-lg font-semibold",
+					children: e.title
+				})]
+			}),
+			e.description && /* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground",
+				children: e.description
+			}),
+			d
+		]
+	});
+}, Ft = ({ fields: e, data: t, className: n, objectName: r, objectSchema: i }) => {
+	let { fieldLabel: a } = We();
+	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, {
+			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: o.map((e) => {
+					let n = t[e.name], o = i?.fields?.[e.name], s = e.type || o?.type, c = {
+						name: e.name,
+						label: e.label,
+						type: s || "text",
+						...o?.options && { options: o.options },
+						...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", {
+						className: "flex flex-col gap-0.5",
+						children: [/* @__PURE__ */ Z("span", {
+							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+							children: [e.icon && /* @__PURE__ */ X("span", {
+								className: "mr-1",
+								children: e.icon
+							}), a(r || "", e.name, e.label)]
+						}), /* @__PURE__ */ X("span", {
+							className: "text-sm font-semibold truncate",
+							children: /* @__PURE__ */ X(l, {
+								value: n,
+								field: c
+							})
+						})]
+					}, e.name);
+				})
+			})
+		})
+	});
+};
+//#endregion
+//#region src/RecordComments.tsx
+function It(e) {
+	try {
+		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+		if (r < 1) return "just now";
+		if (r < 60) return `${r}m ago`;
+		let i = Math.floor(r / 60);
+		if (i < 24) return `${i}h ago`;
+		let a = Math.floor(i / 24);
+		return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+	} catch {
+		return 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();
+		if (!(!e || !n)) {
+			u(!0);
+			try {
+				await n(e), s("");
+			} finally {
+				u(!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();
+		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, {
+			className: "flex items-center gap-2 text-base",
+			children: [
+				/* @__PURE__ */ X(T, { className: "h-4 w-4" }),
+				"Comments",
+				/* @__PURE__ */ Z("span", {
+					className: "text-sm font-normal text-muted-foreground",
+					children: [
+						"(",
+						t.length,
+						")"
+					]
+				})
+			]
+		}) }), /* @__PURE__ */ Z(j, {
+			className: "space-y-4",
+			children: [
+				i && /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ Z("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", {
+								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"
+							}),
+							d && /* @__PURE__ */ X("button", {
+								className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+								onClick: () => f(""),
+								"aria-label": "Clear search",
+								type: "button",
+								children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+							})
+						]
+					})
+				}),
+				n && /* @__PURE__ */ Z("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ X("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, {
+						size: "icon",
+						variant: "default",
+						onClick: p,
+						disabled: !o.trim() || l,
+						className: "shrink-0 self-end",
+						children: /* @__PURE__ */ X(je, { className: "h-4 w-4" })
+					})]
+				}),
+				g.length === 0 ? /* @__PURE__ */ X("p", {
+					className: "text-sm text-muted-foreground text-center py-4",
+					children: d.trim() ? "No matching comments" : "No comments yet"
+				}) : /* @__PURE__ */ X("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", {
+							className: "shrink-0",
+							children: e.avatarUrl ? /* @__PURE__ */ X("img", {
+								src: e.avatarUrl,
+								alt: e.author,
+								className: "h-8 w-8 rounded-full object-cover"
+							}) : /* @__PURE__ */ X("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", {
+							className: "flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ Z("div", {
+									className: "flex items-center gap-2 mb-0.5",
+									children: [
+										/* @__PURE__ */ X("span", {
+											className: "text-sm font-medium truncate",
+											children: e.author
+										}),
+										/* @__PURE__ */ X("span", {
+											className: "text-xs text-muted-foreground",
+											children: It(e.createdAt)
+										}),
+										e.pinned && /* @__PURE__ */ Z("span", {
+											className: "text-xs text-amber-600 flex items-center gap-0.5",
+											children: [/* @__PURE__ */ X(ce, { className: "h-3 w-3" }), "Pinned"]
+										})
+									]
+								}),
+								/* @__PURE__ */ X("p", {
+									className: "text-sm whitespace-pre-wrap break-words",
+									children: e.text
+								}),
+								r && /* @__PURE__ */ Z("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"]
+								})
+							]
+						})]
+					}, e.id))
+				})
+			]
+		})]
+	});
+}, Rt = {
+	field_change: z,
+	create: M,
+	delete: Ae,
+	comment: T,
+	status_change: xe
+}, zt = {
+	field_change: "bg-blue-100 text-blue-600",
+	create: "bg-green-100 text-green-600",
+	delete: "bg-red-100 text-red-600",
+	comment: "bg-purple-100 text-purple-600",
+	status_change: "bg-amber-100 text-amber-600"
+};
+function Bt(e) {
+	try {
+		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+		if (r < 1) return "just now";
+		if (r < 60) return `${r}m ago`;
+		let i = Math.floor(r / 60);
+		if (i < 24) return `${i}h ago`;
+		let a = Math.floor(i / 24);
+		return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+	} catch {
+		return e;
+	}
+}
+function Vt(e) {
+	return e.description ? e.description : e.type === "field_change" && e.field ? `Changed ${e.field.charAt(0).toUpperCase() + e.field.slice(1).replace(/_/g, " ")} from "${e.oldValue == null ? "(empty)" : String(e.oldValue)}" to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : e.type === "create" ? "Created this record" : e.type === "delete" ? "Deleted this record" : e.type === "status_change" && e.field ? `Changed status to "${e.newValue == null ? "(empty)" : String(e.newValue)}"` : "Updated record";
+}
+var Ht = {
+	all: "All",
+	field_change: "Field Changes",
+	create: "Creates",
+	delete: "Deletes",
+	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, {
+			className: "flex items-center gap-2 text-base",
+			children: [
+				/* @__PURE__ */ X(ge, { className: "h-4 w-4" }),
+				"Activity",
+				/* @__PURE__ */ Z("span", {
+					className: "text-sm font-normal text-muted-foreground",
+					children: [
+						"(",
+						o.length,
+						")"
+					]
+				})
+			]
+		}) }), /* @__PURE__ */ Z(j, { children: [t && /* @__PURE__ */ X("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", {
+				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"),
+				onClick: () => a(e),
+				"aria-pressed": i === e,
+				children: [e !== "all" && J.createElement(Rt[e] || z, { className: "h-3 w-3" }), Ht[e]]
+			}, e))
+		}), o.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground text-center py-4",
+			children: "No activity recorded"
+		}) : /* @__PURE__ */ Z("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ X("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
+				className: "space-y-4",
+				children: o.map((e) => {
+					let t = Rt[e.type] || z;
+					return /* @__PURE__ */ Z("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", {
+							className: "flex-1 min-w-0 pt-1",
+							children: [/* @__PURE__ */ Z("p", {
+								className: "text-sm",
+								children: [
+									/* @__PURE__ */ X("span", {
+										className: "font-medium",
+										children: e.user
+									}),
+									" ",
+									/* @__PURE__ */ X("span", {
+										className: "text-muted-foreground",
+										children: Vt(e)
+									})
+								]
+							}), /* @__PURE__ */ X("p", {
+								className: "text-xs text-muted-foreground mt-0.5",
+								children: Bt(e.timestamp)
+							})]
+						})]
+					}, e.id);
+				})
+			})]
+		})] })]
+	});
+}, 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 n = !0;
+		if (e.data) {
+			d(e.data), m(!1);
+			return;
+		}
+		if (t && e.objectName && e.resourceId) {
+			m(!0), T(null), d(null);
+			let r = e.objectName, i = e.resourceId, a = `${r}-`, o = [...e.sections?.flatMap((e) => e.fields) || [], ...e.fields || []];
+			(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 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));
+					}).catch(() => {
+						n && (d(null), m(!1));
+					});
+				};
+				return l.catch(() => null).then((e) => {
+					if (n) {
+						if (e) {
+							d(e), m(!1);
+							return;
+						}
+						return u();
+					}
+				});
+			}).catch((e) => {
+				n && (console.error("Failed to fetch detail data:", e), m(!1));
+			});
+		} else e.api && e.resourceId && (m(!0), fetch(`${e.api}/${e.resourceId}`).then((e) => e.json()).then((e) => {
+			n && d(e?.data || e);
+		}).catch((e) => {
+			console.error("Failed to fetch detail data:", e);
+		}).finally(() => {
+			n && m(!1);
+		}));
+		return () => {
+			n = !1;
+		};
+	}, [
+		e.api,
+		e.resourceId,
+		e.objectName,
+		t,
+		e.sections,
+		e.fields
+	]);
+	let D = J.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(() => {
+		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(() => {
+		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(() => {
+		navigator.share && e.objectName && e.resourceId ? navigator.share({
+			title: e.title || E("detail.details"),
+			text: `${e.objectName} #${e.resourceId}`,
+			url: window.location.href
+		}).catch((e) => console.log("Share failed:", e)) : navigator.clipboard.writeText(window.location.href).then(() => {
+			console.log("Link copied to clipboard");
+		});
+	}, [e]), M = J.useCallback(() => {
+		console.log("Duplicate record:", u);
+	}, [u]), ee = J.useCallback(() => {
+		console.log("Export record:", u);
+	}, [u]), N = J.useCallback(() => {
+		console.log("View history for record:", e.resourceId);
+	}, [e]), ne = J.useCallback(() => {
+		_(!h);
+	}, [h]), R = J.useCallback(() => {
+		if (y) {
+			let e = Object.entries(x);
+			if (e.length > 0) {
+				let t = {
+					...u,
+					...x
+				};
+				d(t), e.forEach(([e, n]) => {
+					l?.(e, n, t);
+				});
+			}
+			S({});
+		}
+		b(!y);
+	}, [
+		y,
+		x,
+		u,
+		l
+	]), B = J.useCallback((e, t) => {
+		S((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []);
+	J.useEffect(() => {
+		if (!e.recordNavigation) return;
+		let t = e.recordNavigation, n = (e) => {
+			let n = e.target?.tagName;
+			n === "INPUT" || n === "TEXTAREA" || e.target?.isContentEditable || (e.key === "ArrowLeft" && t.currentIndex > 0 ? (e.preventDefault(), t.onNavigate(t.recordIds[t.currentIndex - 1])) : e.key === "ArrowRight" && t.currentIndex < t.recordIds.length - 1 && (e.preventDefault(), t.onNavigate(t.recordIds[t.currentIndex + 1])));
+		};
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+	}, [e.recordNavigation]);
+	let re = J.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)) {
+			let n = r?.reference_to || r?.reference;
+			r && (r.type === "lookup" || r.type === "master_detail") && n && t.push({
+				title: r.label || e.charAt(0).toUpperCase() + e.slice(1),
+				type: "table",
+				objectName: n,
+				referenceField: e
+			});
+		}
+		return t;
+	}, [
+		e.autoDiscoverRelated,
+		e.related,
+		C
+	]), V = J.useMemo(() => e.related && e.related.length > 0 ? e.related : re.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),
+		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" })
+		]
+	}) : !u && !e.data ? /* @__PURE__ */ Z("div", {
+		className: q("flex flex-col items-center justify-center py-16 text-center", i),
+		children: [
+			/* @__PURE__ */ X("p", {
+				className: "text-lg font-semibold",
+				children: E("detail.recordNotFound")
+			}),
+			/* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground mt-1",
+				children: E("detail.recordNotFoundDescription")
+			}),
+			(e.showBack ?? !0) && /* @__PURE__ */ Z(P, {
+				variant: "outline",
+				size: "sm",
+				onClick: D,
+				className: "mt-4 gap-2",
+				children: [/* @__PURE__ */ X(De, { className: "h-4 w-4" }), E("detail.goBack")]
+			})
+		]
+	}) : /* @__PURE__ */ X(H, { children: /* @__PURE__ */ Z("div", {
+		className: q("space-y-6", i),
+		children: [
+			/* @__PURE__ */ Z("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", {
+					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, {
+						asChild: !0,
+						children: /* @__PURE__ */ X(P, {
+							variant: "ghost",
+							size: "icon",
+							onClick: D,
+							className: "shrink-0 mt-1",
+							children: /* @__PURE__ */ X(De, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ X(U, { children: E("detail.back") })] }), /* @__PURE__ */ Z("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [
+								/* @__PURE__ */ X("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, {
+										variant: "secondary",
+										className: "text-xs",
+										"aria-label": `${e}: ${t}`,
+										children: String(t)
+									}, e);
+								}),
+								/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+									asChild: !0,
+									children: /* @__PURE__ */ X(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" })
+									})
+								}), /* @__PURE__ */ X(U, { children: E(h ? "detail.removeFromFavorites" : "detail.addToFavorites") })] })
+							]
+						}), e.objectName && /* @__PURE__ */ Z("p", {
+							className: "text-sm text-muted-foreground mt-1 flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ X("span", {
+									className: "font-medium",
+									children: e.objectName
+								}),
+								/* @__PURE__ */ X("span", {
+									className: "text-muted-foreground/60",
+									children: "•"
+								}),
+								/* @__PURE__ */ Z("span", { children: ["#", e.resourceId] })
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ Z("div", {
+					className: "flex flex-wrap items-center gap-1.5 shrink-0 w-full sm:w-auto",
+					children: [
+						e.recordNavigation && /* @__PURE__ */ Z("div", {
+							className: "flex items-center gap-1 mr-2",
+							children: [
+								/* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+									asChild: !0,
+									children: /* @__PURE__ */ X(P, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										disabled: e.recordNavigation.currentIndex <= 0,
+										onClick: () => {
+											let t = e.recordNavigation;
+											t.currentIndex > 0 && t.onNavigate(t.recordIds[t.currentIndex - 1]);
+										},
+										children: /* @__PURE__ */ X(te, { className: "h-4 w-4" })
+									})
+								}), /* @__PURE__ */ X(U, { children: E("detail.previousRecord") })] }),
+								/* @__PURE__ */ X("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, {
+									asChild: !0,
+									children: /* @__PURE__ */ X(P, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										disabled: e.recordNavigation.currentIndex >= e.recordNavigation.recordIds.length - 1,
+										onClick: () => {
+											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" })
+									})
+								}), /* @__PURE__ */ X(U, { children: E("detail.nextRecord") })] })
+							]
+						}),
+						e.actions?.map((e, t) => /* @__PURE__ */ X(oe, {
+							schema: e,
+							data: u
+						}, t)),
+						c && /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+							asChild: !0,
+							children: /* @__PURE__ */ X(P, {
+								variant: y ? "default" : "outline",
+								size: "sm",
+								onClick: R,
+								className: "gap-2 hidden sm:inline-flex",
+								children: y ? /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(F, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+									className: "hidden sm:inline",
+									children: E("detail.save")
+								})] }) : /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(z, { className: "h-4 w-4" }), /* @__PURE__ */ X("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, {
+							asChild: !0,
+							children: /* @__PURE__ */ X(P, {
+								variant: "outline",
+								size: "icon",
+								onClick: j,
+								className: "hidden sm:inline-flex",
+								children: /* @__PURE__ */ X(_e, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ X(U, { children: E("detail.share") })] }),
+						e.showEdit && /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(I, {
+							asChild: !0,
+							children: /* @__PURE__ */ Z(P, {
+								variant: "default",
+								onClick: O,
+								className: "gap-2 hidden sm:inline-flex",
+								children: [/* @__PURE__ */ X(z, { className: "h-4 w-4" }), /* @__PURE__ */ X("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, {
+							asChild: !0,
+							children: /* @__PURE__ */ X(v, {
+								asChild: !0,
+								children: /* @__PURE__ */ X(P, {
+									variant: "ghost",
+									size: "icon",
+									children: /* @__PURE__ */ X(w, { className: "h-4 w-4" })
+								})
+							})
+						}), /* @__PURE__ */ X(U, { children: E("detail.moreActions") })] }), /* @__PURE__ */ Z(n, {
+							align: "end",
+							className: "w-[calc(100vw-2rem)] sm:w-48 max-h-[60vh] overflow-y-auto",
+							children: [
+								/* @__PURE__ */ Z(W, {
+									onClick: j,
+									className: "sm:hidden",
+									children: [/* @__PURE__ */ X(_e, { className: "h-4 w-4 mr-2" }), E("detail.share")]
+								}),
+								e.showEdit && /* @__PURE__ */ Z(W, {
+									onClick: O,
+									className: "sm:hidden",
+									children: [/* @__PURE__ */ X(z, { className: "h-4 w-4 mr-2" }), E("detail.edit")]
+								}),
+								c && /* @__PURE__ */ Z(W, {
+									onClick: R,
+									className: "sm:hidden",
+									children: [/* @__PURE__ */ X(z, { 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, {
+									onClick: ee,
+									children: [/* @__PURE__ */ X(Re, { className: "h-4 w-4 mr-2" }), E("detail.export")]
+								}),
+								/* @__PURE__ */ Z(W, {
+									onClick: N,
+									children: [/* @__PURE__ */ X(r, { className: "h-4 w-4 mr-2" }), E("detail.viewHistory")]
+								}),
+								e.showDelete && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(g, {}), /* @__PURE__ */ Z(W, {
+									onClick: k,
+									className: "text-destructive focus:text-destructive",
+									children: [/* @__PURE__ */ X(Ae, { className: "h-4 w-4 mr-2" }), E("detail.delete")]
+								})] })
+							]
+						})] })
+					]
+				})]
+			}),
+			e.header && /* @__PURE__ */ X("div", { children: /* @__PURE__ */ X(oe, {
+				schema: e.header,
+				data: u
+			}) }),
+			e.highlightFields && e.highlightFields.length > 0 && /* @__PURE__ */ X(Ft, {
+				fields: e.highlightFields,
+				data: u,
+				objectName: e.objectName,
+				objectSchema: C
+			}),
+			e.autoTabs && !e.tabs?.length ? /* @__PURE__ */ Z(ye, {
+				defaultValue: "details",
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ Z(ue, {
+						className: "w-full justify-start border-b rounded-none bg-transparent p-0",
+						children: [
+							/* @__PURE__ */ X(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, {
+								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", {
+									className: "flex items-center gap-1.5",
+									children: [E("detail.related"), /* @__PURE__ */ X(K, {
+										variant: "secondary",
+										className: "text-xs",
+										children: V.length
+									})]
+								})
+							}),
+							e.activities && e.activities.length > 0 && /* @__PURE__ */ X(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", {
+									className: "flex items-center gap-1.5",
+									children: [E("detail.activity"), /* @__PURE__ */ X(K, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e.activities.length
+									})]
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ X(Te, {
+						value: "details",
+						className: "mt-4",
+						children: /* @__PURE__ */ Z("div", {
+							className: "space-y-3 sm:space-y-4",
+							children: [
+								e.sectionGroups && e.sectionGroups.length > 0 && e.sectionGroups.map((t, n) => /* @__PURE__ */ X(Pt, {
+									group: t,
+									data: {
+										...u,
+										...x
+									},
+									objectSchema: C,
+									objectName: e.objectName,
+									isEditing: y,
+									onFieldChange: B
+								}, n)),
+								e.sections && e.sections.length > 0 && e.sections.map((t, n) => /* @__PURE__ */ X(jt, {
+									section: t,
+									data: {
+										...u,
+										...x
+									},
+									objectSchema: C,
+									objectName: e.objectName,
+									isEditing: y,
+									onFieldChange: B
+								}, n)),
+								e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ X(jt, {
+									section: {
+										fields: e.fields,
+										columns: e.columns
+									},
+									data: {
+										...u,
+										...x
+									},
+									objectSchema: C,
+									objectName: e.objectName,
+									isEditing: y,
+									onFieldChange: B
+								}),
+								e.comments && /* @__PURE__ */ X(Lt, {
+									comments: e.comments,
+									onAddComment: e.onAddComment
+								})
+							]
+						})
+					}),
+					V.length > 0 && /* @__PURE__ */ X(Te, {
+						value: "related",
+						className: "mt-4",
+						children: /* @__PURE__ */ X("div", {
+							className: "space-y-4",
+							children: V.map((e, n) => /* @__PURE__ */ X(Nt, {
+								title: e.title,
+								type: e.type,
+								api: e.api,
+								data: e.data,
+								columns: e.columns,
+								dataSource: t,
+								objectName: e.api,
+								collapsible: !0,
+								pageSize: Wt
+							}, n))
+						})
+					}),
+					e.activities && e.activities.length > 0 && /* @__PURE__ */ X(Te, {
+						value: "activity",
+						className: "mt-4",
+						children: /* @__PURE__ */ X(Ut, { activities: e.activities })
+					})
+				]
+			}) : /* @__PURE__ */ Z(Y, { children: [
+				e.sectionGroups && e.sectionGroups.length > 0 && /* @__PURE__ */ X("div", {
+					className: "space-y-3 sm:space-y-4",
+					children: e.sectionGroups.map((t, n) => /* @__PURE__ */ X(Pt, {
+						group: t,
+						data: {
+							...u,
+							...x
+						},
+						objectSchema: C,
+						objectName: e.objectName,
+						isEditing: y,
+						onFieldChange: B
+					}, n))
+				}),
+				e.sections && e.sections.length > 0 && /* @__PURE__ */ X("div", {
+					className: "space-y-3 sm:space-y-4",
+					children: e.sections.map((t, n) => /* @__PURE__ */ X(jt, {
+						section: t,
+						data: {
+							...u,
+							...x
+						},
+						objectSchema: C,
+						objectName: e.objectName,
+						isEditing: y,
+						onFieldChange: B
+					}, n))
+				}),
+				e.fields && e.fields.length > 0 && !e.sections?.length && /* @__PURE__ */ X(jt, {
+					section: {
+						fields: e.fields,
+						columns: e.columns
+					},
+					data: {
+						...u,
+						...x
+					},
+					objectSchema: C,
+					objectName: e.objectName,
+					isEditing: y,
+					onFieldChange: B
+				}),
+				e.tabs && e.tabs.length > 0 && /* @__PURE__ */ X(Mt, {
+					tabs: e.tabs,
+					data: u
+				}),
+				V.length > 0 && /* @__PURE__ */ Z("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ X("h2", {
+						className: "text-xl font-semibold",
+						children: E("detail.related")
+					}), V.map((e, n) => /* @__PURE__ */ X(Nt, {
+						title: e.title,
+						type: e.type,
+						api: e.api,
+						data: e.data,
+						columns: e.columns,
+						dataSource: t,
+						objectName: e.api,
+						collapsible: !0,
+						pageSize: Wt
+					}, n))]
+				}),
+				e.comments && /* @__PURE__ */ X(Lt, {
+					comments: e.comments,
+					onAddComment: e.onAddComment
+				}),
+				e.activities && e.activities.length > 0 && /* @__PURE__ */ X(Ut, { activities: e.activities })
+			] }),
+			e.footer && /* @__PURE__ */ X("div", { children: /* @__PURE__ */ X(oe, {
+				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(() => {
+		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) => {
+		if (b(e), l && e.trim().length >= 2) {
+			O(!0);
+			try {
+				S(await l(e));
+			} finally {
+				O(!1);
+			}
+		}
+	}, [l]), M = J.useCallback((e, t) => {
+		v((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), ee = J.useCallback(async () => {
+		if (i) {
+			w(!0);
+			try {
+				await i({
+					..._,
+					[n]: !0
+				}), v({}), p(!1);
+			} finally {
+				w(!1);
+			}
+		}
+	}, [
+		i,
+		_,
+		n
+	]), N = J.useCallback(async (e) => {
+		if (s) {
+			w(!0);
+			try {
+				await s(e), b(""), p(!1);
+			} finally {
+				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, {
+			className: "pb-3",
+			children: /* @__PURE__ */ Z(m, {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ Z("span", { children: [
+					h === "create" ? "Create" : "Link",
+					" ",
+					t
+				] }), /* @__PURE__ */ X(P, {
+					variant: "ghost",
+					size: "icon",
+					className: "h-6 w-6",
+					onClick: () => p(!1),
+					children: /* @__PURE__ */ X(e, { className: "h-3.5 w-3.5" })
+				})]
+			})
+		}), /* @__PURE__ */ X(j, { children: /* @__PURE__ */ Z(ye, {
+			value: h,
+			onValueChange: g,
+			children: [
+				/* @__PURE__ */ Z(ue, {
+					className: "mb-3 w-full",
+					children: [i && /* @__PURE__ */ Z(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, {
+						value: "link",
+						className: "flex-1 gap-1.5",
+						children: [/* @__PURE__ */ X(o, { className: "h-3.5 w-3.5" }), "Link Existing"]
+					})]
+				}),
+				i && /* @__PURE__ */ Z(Te, {
+					value: "create",
+					className: "space-y-3 mt-0",
+					children: [r.map((e) => /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ Z("label", {
+						className: "text-xs font-medium text-muted-foreground mb-1 block",
+						children: [e.label, e.required && /* @__PURE__ */ X("span", {
+							className: "text-destructive ml-0.5",
+							children: "*"
+						})]
+					}), /* @__PURE__ */ X(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),
+						className: "h-8 text-sm"
+					})] }, e.name)), /* @__PURE__ */ Z("div", {
+						className: "flex justify-end gap-2 pt-1",
+						children: [/* @__PURE__ */ X(P, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => p(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ Z(P, {
+							size: "sm",
+							onClick: ee,
+							disabled: !te || C,
+							className: "gap-1.5",
+							children: [C && /* @__PURE__ */ X(E, { className: "h-3.5 w-3.5 animate-spin" }), "Create"]
+						})]
+					})]
+				}),
+				s && /* @__PURE__ */ Z(Te, {
+					value: "link",
+					className: "space-y-3 mt-0",
+					children: [/* @__PURE__ */ Z("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, {
+							placeholder: `Search ${t}…`,
+							value: y,
+							onChange: (e) => A(e.target.value),
+							className: "h-8 text-sm pl-8"
+						})]
+					}), /* @__PURE__ */ X("div", {
+						className: "max-h-48 overflow-y-auto space-y-1",
+						children: T ? /* @__PURE__ */ Z("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", {
+							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", {
+							type: "button",
+							className: "w-full text-left px-3 py-2 rounded-md hover:bg-accent text-sm transition-colors",
+							onClick: () => N(e.id),
+							disabled: C,
+							children: [/* @__PURE__ */ X("span", {
+								className: "font-medium",
+								children: e.label
+							}), e.description && /* @__PURE__ */ X("span", {
+								className: "block text-xs text-muted-foreground mt-0.5",
+								children: e.description
+							})]
+						}, e.id))
+					})]
+				})
+			]
+		}) })]
+	}) : /* @__PURE__ */ Z("div", {
+		className: q("flex gap-2", d),
+		children: [i && /* @__PURE__ */ Z(P, {
+			variant: "outline",
+			size: "sm",
+			onClick: () => {
+				g("create"), p(!0);
+			},
+			className: "gap-1.5",
+			children: [
+				/* @__PURE__ */ X(le, { className: "h-3.5 w-3.5" }),
+				"New ",
+				t
+			]
+		}), s && /* @__PURE__ */ Z(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"]
+		})]
+	});
+};
+//#endregion
+//#region src/RichTextCommentInput.tsx
+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();
+		return i.filter((t) => t.label.toLowerCase().includes(e));
+	}, [p, i]), y = J.useCallback((t, r = "") => {
+		let i = _.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(() => {
+			i.focus();
+			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;
+		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) => {
+		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);
+				return;
+			}
+		}
+		f(!1);
+	}, [n]), A = J.useCallback((e) => {
+		if (d && v.length > 0) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), g((e) => e < v.length - 1 ? e + 1 : 0);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), g((e) => e > 0 ? e - 1 : v.length - 1);
+				return;
+			}
+			if (e.key === "Enter" || e.key === "Tab") {
+				e.preventDefault(), D(v[h]);
+				return;
+			}
+			if (e.key === "Escape") {
+				f(!1);
+				return;
+			}
+		}
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), r?.());
+	}, [
+		d,
+		v,
+		h,
+		D,
+		r
+	]);
+	return /* @__PURE__ */ Z("div", {
+		className: q("border rounded-md", o),
+		children: [/* @__PURE__ */ Z("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, {
+					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" })
+				}),
+				/* @__PURE__ */ X(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" })
+				}),
+				/* @__PURE__ */ X(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" })
+				}),
+				/* @__PURE__ */ X(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" })
+				}),
+				/* @__PURE__ */ X("div", { className: "flex-1" }),
+				/* @__PURE__ */ X(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" })
+				}),
+				r && /* @__PURE__ */ X(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" })
+				})
+			]
+		}), /* @__PURE__ */ X("div", {
+			className: "relative",
+			children: l ? /* @__PURE__ */ X("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: _,
+				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,
+				value: e,
+				onChange: k,
+				onKeyDown: A,
+				disabled: c
+			}), d && v.length > 0 && /* @__PURE__ */ X("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", {
+					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"),
+					onMouseDown: (t) => {
+						t.preventDefault(), D(e);
+					},
+					children: [e.avatarUrl ? /* @__PURE__ */ X("img", {
+						src: e.avatarUrl,
+						alt: e.label,
+						className: "h-5 w-5 rounded-full object-cover"
+					}) : /* @__PURE__ */ X("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 })]
+				}, e.id))
+			})] })
+		})]
+	});
+};
+//#endregion
+//#region src/DiffView.tsx
+function Yt(e, t) {
+	if (e == null) return ["(empty)"];
+	switch (t) {
+		case "json": try {
+			let t = typeof e == "string" ? JSON.parse(e) : e;
+			return JSON.stringify(t, null, 2).split("\n");
+		} catch {
+			return String(e).split("\n");
+		}
+		case "boolean": return [String(!!e)];
+		case "number": return [String(e)];
+		case "date": try {
+			return [new Date(e).toLocaleString()];
+		} catch {
+			return [String(e)];
+		}
+		default: return String(e).split("\n");
+	}
+}
+function Xt(e, t) {
+	let n = [], r = Math.max(e.length, t.length);
+	for (let i = 0; i < r; i++) {
+		let r = i < e.length ? e[i] : void 0, a = i < t.length ? t[i] : void 0;
+		r === a ? n.push({
+			type: "unchanged",
+			value: r
+		}) : (r !== void 0 && n.push({
+			type: "removed",
+			value: r
+		}), a !== void 0 && n.push({
+			type: "added",
+			value: a
+		}));
+	}
+	return n;
+}
+var Zt = {
+	added: "bg-green-50 text-green-800 dark:bg-green-950/30 dark:text-green-300",
+	removed: "bg-red-50 text-red-800 dark:bg-red-950/30 dark:text-red-300",
+	unchanged: "text-muted-foreground"
+}, Qt = {
+	added: "+",
+	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 e = [], t = 0;
+		for (; t < f.length;) {
+			let n = f[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;
+				r && r.type === "added" ? (e.push({
+					left: n,
+					right: r
+				}), t += 2) : (e.push({
+					left: n,
+					right: null
+				}), t++);
+			} else e.push({
+				left: null,
+				right: n
+			}), t++;
+		}
+		return e;
+	}, [o, f]);
+	return /* @__PURE__ */ Z(D, {
+		className: q("overflow-hidden", a),
+		children: [/* @__PURE__ */ X(c, {
+			className: "pb-2",
+			children: /* @__PURE__ */ Z(m, {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ X("span", {
+					className: "font-medium",
+					children: n
+				}), /* @__PURE__ */ Z("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ X(P, {
+						variant: o === "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",
+						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" })
+					})]
+				})]
+			})
+		}), /* @__PURE__ */ X(j, {
+			className: "p-0",
+			children: p ? o === "unified" ? /* @__PURE__ */ X("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", {
+						className: "select-none mr-2 inline-block w-3 text-center opacity-60",
+						children: Qt[e.type]
+					}), e.value]
+				}, t))
+			}) : /* @__PURE__ */ X("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ Z("div", {
+					className: "grid grid-cols-2 divide-x font-mono text-xs min-w-0",
+					children: [
+						/* @__PURE__ */ X("div", {
+							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
+							children: "Previous"
+						}),
+						/* @__PURE__ */ X("div", {
+							className: "px-3 py-1.5 text-xs font-medium text-muted-foreground bg-muted/50",
+							children: "Current"
+						}),
+						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"),
+							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"),
+							children: e.right?.value ?? ""
+						})] }, t))
+					]
+				})
+			}) : /* @__PURE__ */ X("p", {
+				className: "px-4 py-3 text-sm text-muted-foreground",
+				children: "No changes"
+			})
+		})]
+	});
+}, 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]);
+	}, [
+		f,
+		r,
+		n
+	]), y = J.useCallback(() => {
+		m && r(n[e - 1]);
+	}, [
+		m,
+		r,
+		n,
+		e
+	]), b = J.useCallback(() => {
+		g && r(n[e + 1]);
+	}, [
+		g,
+		r,
+		n,
+		e
+	]), x = J.useCallback(() => {
+		_ && r(n[n.length - 1]);
+	}, [
+		_,
+		r,
+		n
+	]), S = J.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));
+	}, [i]);
+	return J.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());
+					return;
+				}
+				switch (t.key) {
+					case "Home":
+						t.preventDefault(), f && r(n[0]);
+						break;
+					case "End":
+						t.preventDefault(), _ && r(n[n.length - 1]);
+						break;
+					case "ArrowLeft":
+						t.preventDefault(), m && r(n[e - 1]);
+						break;
+					case "ArrowRight":
+						t.preventDefault(), g && r(n[e + 1]);
+						break;
+				}
+			}
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		e,
+		n,
+		f,
+		m,
+		g,
+		_,
+		r,
+		i
+	]), /* @__PURE__ */ Z("div", {
+		className: q("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, {
+				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" })
+			}),
+			/* @__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, {
+				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" })
+			}),
+			/* @__PURE__ */ X(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" })
+			}),
+			i && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(P, {
+				variant: l ? "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", {
+				className: "relative",
+				children: /* @__PURE__ */ X(a, {
+					ref: d,
+					type: "text",
+					placeholder: "Search records…",
+					value: s,
+					onChange: S,
+					className: "h-8 w-48 text-sm"
+				})
+			})] })
+		]
+	});
+}, tn = 28, nn = [
+	"fill-primary stroke-primary",
+	"fill-blue-500 stroke-blue-500",
+	"fill-emerald-500 stroke-emerald-500",
+	"fill-amber-500 stroke-amber-500"
+], rn = [
+	"fill-primary-foreground",
+	"fill-white",
+	"fill-white",
+	"fill-white"
+];
+function an(e, t, n, r, i) {
+	let a = [], o = [], s = /* @__PURE__ */ new Set(), c = r / 2, l = i / 2;
+	a.push({
+		id: e.id,
+		label: e.label,
+		type: e.type,
+		x: c,
+		y: l,
+		level: 0
+	}), s.add(e.id);
+	let u = Math.min(r, i) * .32, d = t.filter((e) => !s.has(e.id));
+	if (d.forEach((t, n) => {
+		let r = 2 * Math.PI * n / d.length - Math.PI / 2, i = c + u * Math.cos(r), f = l + u * Math.sin(r);
+		a.push({
+			id: t.id,
+			label: t.label,
+			type: t.type,
+			x: i,
+			y: f,
+			level: 1
+		}), o.push({
+			fromId: e.id,
+			toId: t.id,
+			fromX: c,
+			fromY: l,
+			toX: i,
+			toY: f
+		}), s.add(t.id);
+	}), n >= 2) {
+		let e = Math.min(r, i) * .46, t = [];
+		d.forEach((e) => {
+			let n = a.find((t) => t.id === e.id);
+			n && (e.relatedRecords || []).filter((e) => !s.has(e.id)).forEach((r) => {
+				t.push({
+					node: r,
+					parentX: n.x,
+					parentY: n.y,
+					parentId: e.id
+				}), s.add(r.id);
+			});
+		}), t.forEach((n, r) => {
+			let i = 2 * Math.PI * r / Math.max(t.length, 1) - Math.PI / 2, s = c + e * Math.cos(i), u = l + e * Math.sin(i);
+			a.push({
+				id: n.node.id,
+				label: n.node.label,
+				type: n.node.type,
+				x: s,
+				y: u,
+				level: 2
+			}), o.push({
+				fromId: n.parentId,
+				toId: n.node.id,
+				fromX: n.parentX,
+				fromY: n.parentY,
+				toX: s,
+				toY: u
+			});
+		});
+	}
+	return {
+		nodes: a,
+		edges: o
+	};
+}
+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({
+		width: 500,
+		height: 400
+	}), [l, u] = J.useState(null);
+	J.useEffect(() => {
+		let e = a.current;
+		if (!e) return;
+		let t = e.parentElement;
+		if (!t) return;
+		let n = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { width: e } = t.contentRect;
+				e > 0 && s({
+					width: e,
+					height: Math.max(300, e * .7)
+				});
+			}
+		});
+		return n.observe(t), () => n.disconnect();
+	}, []);
+	let { nodes: d, edges: f } = J.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, {
+			className: "pb-2",
+			children: /* @__PURE__ */ Z(m, {
+				className: "flex items-center gap-2 text-base",
+				children: [
+					/* @__PURE__ */ X(Fe, { className: "h-4 w-4" }),
+					"Relationships",
+					/* @__PURE__ */ Z("span", {
+						className: "text-sm font-normal text-muted-foreground",
+						children: [
+							"(",
+							t.length,
+							" related)"
+						]
+					})
+				]
+			})
+		}), /* @__PURE__ */ X(j, {
+			className: "p-0",
+			children: /* @__PURE__ */ Z("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", {
+					x1: e.fromX,
+					y1: e.fromY,
+					x2: e.toX,
+					y2: e.toY,
+					className: "stroke-border",
+					strokeWidth: 1.5,
+					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"),
+						onClick: () => r?.(e.id),
+						onMouseEnter: () => u(e.id),
+						onMouseLeave: () => u(null),
+						children: [
+							/* @__PURE__ */ X("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: t ? a + 3 : a,
+								className: n,
+								fillOpacity: e.level === 0 ? 1 : .85,
+								strokeWidth: 2,
+								strokeOpacity: .3
+							}),
+							/* @__PURE__ */ X("text", {
+								x: e.x,
+								y: e.y,
+								textAnchor: "middle",
+								dominantBaseline: "central",
+								className: q("text-[10px] font-medium pointer-events-none", i),
+								children: on(e.label)
+							}),
+							e.type && /* @__PURE__ */ X("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", {
+								x: e.x - 50,
+								y: e.y - a - 28,
+								width: 100,
+								height: 20,
+								rx: 4,
+								className: "fill-popover stroke-border",
+								strokeWidth: 1
+							}), /* @__PURE__ */ X("text", {
+								x: e.x,
+								y: e.y - a - 16,
+								textAnchor: "middle",
+								dominantBaseline: "central",
+								className: "fill-popover-foreground text-[10px] pointer-events-none",
+								children: e.label
+							})] })
+						]
+					}, e.id);
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/CommentAttachment.tsx
+function cn(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+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;
+}
+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) => {
+		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(),
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c.current?.click());
+			},
+			children: [
+				/* @__PURE__ */ X(ae, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+				/* @__PURE__ */ X("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Drop files here or click to upload"
+				}),
+				/* @__PURE__ */ X("input", {
+					ref: c,
+					type: "file",
+					multiple: !0,
+					className: "hidden",
+					onChange: f
+				})
+			]
+		}), t.length > 0 && /* @__PURE__ */ Z("div", {
+			className: "space-y-1.5",
+			children: [/* @__PURE__ */ Z("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", {
+				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", {
+						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", {
+								src: t.thumbnailUrl || t.url,
+								alt: t.name,
+								className: "h-10 w-10 rounded object-cover shrink-0"
+							}) : /* @__PURE__ */ X("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" })
+							}),
+							/* @__PURE__ */ Z("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ X("p", {
+									className: "text-xs font-medium truncate",
+									children: t.name
+								}), /* @__PURE__ */ X("p", {
+									className: "text-[10px] text-muted-foreground",
+									children: cn(t.size)
+								})]
+							}),
+							r && !a && /* @__PURE__ */ X(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" })
+							})
+						]
+					}, t.id);
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/PointInTimeRestore.tsx
+function fn(e) {
+	try {
+		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+		if (r < 1) return "just now";
+		if (r < 60) return `${r}m ago`;
+		let i = Math.floor(r / 60);
+		return i < 24 ? `${i}h ago` : t.toLocaleString();
+	} catch {
+		return 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 () => {
+		if (!(!f || !n)) {
+			if (!s) {
+				l(!0);
+				return;
+			}
+			d(!0);
+			try {
+				let e = f.snapshot ?? {};
+				await n(f.id, e), l(!1), o(null);
+			} finally {
+				d(!1);
+			}
+		}
+	}, [
+		f,
+		n,
+		s
+	]), g = J.useCallback(() => {
+		l(!1);
+	}, []);
+	return /* @__PURE__ */ Z(D, {
+		className: q("", i),
+		children: [/* @__PURE__ */ X(c, {
+			className: "pb-3",
+			children: /* @__PURE__ */ Z(m, {
+				className: "flex items-center gap-2 text-base",
+				children: [
+					/* @__PURE__ */ X(r, { className: "h-4 w-4" }),
+					"Revision History",
+					/* @__PURE__ */ Z("span", {
+						className: "text-sm font-normal text-muted-foreground",
+						children: [
+							"(",
+							t.length,
+							")"
+						]
+					})
+				]
+			})
+		}), /* @__PURE__ */ X(j, { children: t.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground text-center py-4",
+			children: "No revisions recorded"
+		}) : /* @__PURE__ */ Z("div", {
+			className: "flex flex-col lg:flex-row gap-4",
+			children: [/* @__PURE__ */ X("div", {
+				className: "flex-1 min-w-0",
+				children: /* @__PURE__ */ Z("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ X("div", { className: "absolute left-3 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("div", {
+						className: "space-y-1",
+						children: t.map((e) => {
+							let t = e.id === a;
+							return /* @__PURE__ */ Z("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"),
+								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", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ Z("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ X("span", {
+											className: "text-sm font-medium",
+											children: e.user
+										}), /* @__PURE__ */ X("span", {
+											className: "text-xs text-muted-foreground",
+											children: fn(e.timestamp)
+										})]
+									}), /* @__PURE__ */ Z("p", {
+										className: "text-xs text-muted-foreground mt-0.5",
+										children: [
+											e.changes.length,
+											" field",
+											e.changes.length === 1 ? "" : "s",
+											" ",
+											"changed"
+										]
+									})]
+								})]
+							}, e.id);
+						})
+					})]
+				})
+			}), f && /* @__PURE__ */ Z("div", {
+				className: "lg:w-80 border rounded-md p-3 space-y-3",
+				children: [
+					/* @__PURE__ */ Z("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"]
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "space-y-2",
+						children: f.changes.map((e, t) => /* @__PURE__ */ Z("div", {
+							className: "text-xs",
+							children: [/* @__PURE__ */ X("span", {
+								className: "font-medium text-muted-foreground",
+								children: e.field
+							}), /* @__PURE__ */ Z("div", {
+								className: "flex items-center gap-1.5 mt-0.5",
+								children: [
+									/* @__PURE__ */ X("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", {
+										className: "text-green-600 dark:text-green-400 truncate max-w-[120px]",
+										children: e.newValue == null ? "(empty)" : String(e.newValue)
+									})
+								]
+							})]
+						}, t))
+					}),
+					f.snapshot && /* @__PURE__ */ Z("div", {
+						className: "border-t pt-2 space-y-1",
+						children: [/* @__PURE__ */ X("p", {
+							className: "text-xs font-medium text-muted-foreground",
+							children: "Record state at this point"
+						}), /* @__PURE__ */ X("div", {
+							className: "max-h-40 overflow-y-auto space-y-1",
+							children: Object.entries(f.snapshot).map(([e, t]) => /* @__PURE__ */ Z("div", {
+								className: "flex justify-between text-xs gap-2",
+								children: [/* @__PURE__ */ X("span", {
+									className: "text-muted-foreground truncate",
+									children: e
+								}), /* @__PURE__ */ X("span", {
+									className: "font-mono truncate max-w-[140px]",
+									children: t == null ? "–" : String(t)
+								})]
+							}, e))
+						})]
+					}),
+					n && /* @__PURE__ */ X("div", {
+						className: "pt-1 space-y-2",
+						children: s ? /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("p", {
+							className: "text-xs text-amber-600 dark:text-amber-400",
+							children: [
+								"This will restore the record to its state at",
+								" ",
+								fn(f.timestamp),
+								". Continue?"
+							]
+						}), /* @__PURE__ */ Z("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ Z(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, {
+								variant: "ghost",
+								size: "sm",
+								onClick: g,
+								disabled: u,
+								children: "Cancel"
+							})]
+						})] }) : /* @__PURE__ */ Z(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"]
+						})
+					})
+				]
+			})]
+		}) })]
+	});
+}, 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),
+		children: [
+			/* @__PURE__ */ X("span", {
+				className: "font-medium text-foreground",
+				children: n
+			}),
+			/* @__PURE__ */ X("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", {
+				className: "text-foreground",
+				children: i
+			})
+		]
+	});
+}, hn = [
+	"👍",
+	"❤️",
+	"🎉",
+	"😂",
+	"😮",
+	"😢"
+], gn = ({ reactions: e, onToggleReaction: t, emojiOptions: n = hn, className: r }) => {
+	let [i, a] = J.useState(!1), o = J.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", {
+			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"),
+			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", {
+			className: "relative",
+			children: [/* @__PURE__ */ X(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", {
+				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", {
+					type: "button",
+					className: "hover:bg-accent rounded p-1 text-base transition-colors",
+					onClick: () => o(t),
+					role: "option",
+					"aria-selected": e.some((e) => e.emoji === t && e.reacted),
+					children: t
+				}, t))
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/ThreadedReplies.tsx
+function _n(e) {
+	try {
+		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+		if (r < 1) return "just now";
+		if (r < 60) return `${r}m ago`;
+		let i = Math.floor(r / 60);
+		if (i < 24) return `${i}h ago`;
+		let a = Math.floor(i / 24);
+		return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+	} catch {
+		return 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();
+		if (!(!t || !n)) {
+			u(!0);
+			try {
+				await n(e.id, t), c("");
+			} finally {
+				u(!1);
+			}
+		}
+	}, [
+		s,
+		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),
+		children: [
+			t.length > 0 && /* @__PURE__ */ Z("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,
+				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"
+					] })
+				]
+			}),
+			a && /* @__PURE__ */ X("div", {
+				className: "space-y-2 border-l-2 border-border pl-3",
+				children: t.map((e) => /* @__PURE__ */ Z("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ X("div", {
+						className: "shrink-0",
+						children: e.actorAvatarUrl ? /* @__PURE__ */ X("img", {
+							src: e.actorAvatarUrl,
+							alt: e.actor,
+							className: "h-6 w-6 rounded-full object-cover"
+						}) : /* @__PURE__ */ X("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", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ X("span", {
+								className: "text-xs font-medium",
+								children: e.actor
+							}), /* @__PURE__ */ X("span", {
+								className: "text-[10px] text-muted-foreground",
+								children: _n(e.createdAt)
+							})]
+						}), /* @__PURE__ */ X("p", {
+							className: "text-xs whitespace-pre-wrap break-words",
+							children: e.body
+						})]
+					})]
+				}, e.id))
+			}),
+			r && n && /* @__PURE__ */ Z("div", {
+				className: "flex gap-1.5 mt-1.5",
+				children: [/* @__PURE__ */ X("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, {
+					variant: "ghost",
+					size: "icon",
+					className: "h-6 w-6 shrink-0",
+					onClick: d,
+					disabled: !s.trim() || l,
+					"aria-label": "Send reply",
+					children: /* @__PURE__ */ X(je, { className: "h-3 w-3" })
+				})]
+			})
+		]
+	});
+}, yn = ({ subscription: e, onToggle: t, className: n }) => {
+	let [r, i] = J.useState(!1), a = J.useCallback(async () => {
+		if (t) {
+			i(!0);
+			try {
+				await t(!e.subscribed);
+			} finally {
+				i(!1);
+			}
+		}
+	}, [t, e.subscribed]);
+	return /* @__PURE__ */ X(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" })
+	});
+}, bn = {
+	comment: T,
+	field_change: z,
+	task: Se,
+	event: C,
+	system: S,
+	email: Pe,
+	call: ne
+}, xn = {
+	comment: "bg-purple-100 text-purple-600",
+	field_change: "bg-blue-100 text-blue-600",
+	task: "bg-green-100 text-green-600",
+	event: "bg-amber-100 text-amber-600",
+	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 Cn(e) {
+	try {
+		let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+		if (r < 1) return "just now";
+		if (r < 60) return `${r}m ago`;
+		let i = Math.floor(r / 60);
+		if (i < 24) return `${i}h ago`;
+		let a = Math.floor(i / 24);
+		return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+	} catch {
+		return e;
+	}
+}
+function wn(e, t) {
+	switch (t) {
+		case "comments_only": return e.filter((e) => e.type === "comment");
+		case "changes_only": return e.filter((e) => e.type === "field_change");
+		case "tasks_only": return e.filter((e) => e.type === "task");
+		default: return e;
+	}
+}
+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(() => {
+		if (!N) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map();
+		for (let t of F) 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();
+		if (!(!e || !s)) {
+			x(!0);
+			try {
+				await s(e), y("");
+			} finally {
+				x(!1);
+			}
+		}
+	}, [v, s]), z = J.useCallback((e) => {
+		e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), R());
+	}, [R]), B = J.useCallback(async () => {
+		if (a) {
+			w(!0);
+			try {
+				await a();
+			} finally {
+				w(!1);
+			}
+		}
+	}, [a]);
+	return /* @__PURE__ */ Z(D, {
+		className: q("", h),
+		children: [/* @__PURE__ */ X(c, { children: /* @__PURE__ */ Z("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ Z(m, {
+				className: "flex items-center gap-2 text-base",
+				children: [
+					/* @__PURE__ */ X(ge, { className: "h-4 w-4" }),
+					"Activity",
+					/* @__PURE__ */ Z("span", {
+						className: "text-sm font-normal text-muted-foreground",
+						children: [
+							"(",
+							F.length,
+							")"
+						]
+					})
+				]
+			}), /* @__PURE__ */ X("div", {
+				className: "flex items-center gap-1",
+				children: te && d && /* @__PURE__ */ X(yn, {
+					subscription: d,
+					onToggle: f
+				})
+			})]
+		}) }), /* @__PURE__ */ Z(j, {
+			className: "space-y-4",
+			children: [
+				k && /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ X("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: e.value,
+							children: e.label
+						}, e.value))
+					})
+				}),
+				A && /* @__PURE__ */ Z("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ X("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),
+						onKeyDown: z,
+						disabled: b
+					}), /* @__PURE__ */ X(P, {
+						size: "icon",
+						variant: "default",
+						onClick: R,
+						disabled: !v.trim() || b,
+						className: "shrink-0 self-end",
+						"aria-label": "Submit comment",
+						children: /* @__PURE__ */ X(T, { className: "h-4 w-4" })
+					})]
+				}),
+				F.length === 0 ? p ? null : /* @__PURE__ */ X("p", {
+					className: "text-sm text-muted-foreground text-center py-4",
+					children: "No activity recorded"
+				}) : /* @__PURE__ */ Z("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ X("div", { className: "absolute left-4 top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ X("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", {
+								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", {
+										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", {
+									className: "flex-1 min-w-0 pt-1",
+									children: [
+										/* @__PURE__ */ Z("div", {
+											className: "flex items-center gap-2 mb-0.5",
+											children: [
+												/* @__PURE__ */ X("span", {
+													className: "text-sm font-medium",
+													children: e.actor
+												}),
+												e.source && /* @__PURE__ */ Z("span", {
+													className: "text-xs text-muted-foreground",
+													children: ["via ", e.source]
+												}),
+												/* @__PURE__ */ X("span", {
+													className: "text-xs text-muted-foreground",
+													children: Cn(e.createdAt)
+												}),
+												e.edited && /* @__PURE__ */ X("span", {
+													className: "text-xs text-muted-foreground italic",
+													children: "(edited)"
+												}),
+												e.pinned && /* @__PURE__ */ X("span", {
+													className: "text-xs text-amber-600",
+													children: "📌 Pinned"
+												})
+											]
+										}),
+										e.body && /* @__PURE__ */ X("p", {
+											className: "text-sm whitespace-pre-wrap break-words text-muted-foreground",
+											children: e.body
+										}),
+										e.type === "field_change" && e.fieldChanges && /* @__PURE__ */ X("div", {
+											className: "space-y-1 mt-1",
+											children: e.fieldChanges.map((e, t) => /* @__PURE__ */ X(mn, { change: e }, t))
+										}),
+										M && e.reactions && e.reactions.length > 0 && /* @__PURE__ */ X("div", {
+											className: "mt-1.5",
+											children: /* @__PURE__ */ X(gn, {
+												reactions: e.reactions,
+												onToggleReaction: u ? (t) => u(e.id, t) : void 0
+											})
+										}),
+										M && (!e.reactions || e.reactions.length === 0) && u && /* @__PURE__ */ X("div", {
+											className: "mt-1.5",
+											children: /* @__PURE__ */ X(gn, {
+												reactions: [],
+												onToggleReaction: (t) => u(e.id, t)
+											})
+										})
+									]
+								})]
+							}), N && (e.replyCount ?? 0) > 0 && /* @__PURE__ */ X(vn, {
+								parentItem: e,
+								replies: r,
+								onAddReply: l,
+								showReplyInput: !!l
+							})] }, e.id);
+						})
+					})]
+				}),
+				i && /* @__PURE__ */ X("div", {
+					className: "text-center pt-2",
+					children: /* @__PURE__ */ Z(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"]
+					})
+				})
+			]
+		})]
+	});
+}, 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, {
+			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" })
+		})
+	}) : /* @__PURE__ */ Z("div", {
+		className: q("flex flex-col overflow-hidden", h === "right" ? "border-l" : "border-r", m),
+		style: {
+			width: g,
+			minWidth: g
+		},
+		children: [/* @__PURE__ */ Z("div", {
+			className: "flex items-center justify-between px-4 py-3 border-b",
+			children: [/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ X(T, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
+					className: "text-sm font-medium",
+					children: "Discussion"
+				})]
+			}), _ && /* @__PURE__ */ X(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" })
+			})]
+		}), /* @__PURE__ */ X("div", {
+			className: "flex-1 overflow-y-auto",
+			children: /* @__PURE__ */ X(Tn, {
+				items: n,
+				config: t?.feed,
+				hasMore: r,
+				onLoadMore: i,
+				loading: a,
+				onAddComment: o,
+				onAddReply: s,
+				onToggleReaction: c,
+				subscription: l,
+				onToggleSubscription: u,
+				filterMode: d,
+				onFilterChange: f,
+				collapseWhenEmpty: p,
+				className: "border-0 shadow-none"
+			})
+		})]
+	}) : /* @__PURE__ */ X("div", {
+		className: q("", m),
+		children: _ && y ? /* @__PURE__ */ Z(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", {
+			className: "flex items-center justify-between mb-2",
+			children: [/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-2 text-sm font-medium",
+				children: [/* @__PURE__ */ X(T, { className: "h-4 w-4" }), "Discussion"]
+			}), /* @__PURE__ */ X(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" })
+			})]
+		}), /* @__PURE__ */ X(Tn, {
+			items: n,
+			config: t?.feed,
+			hasMore: r,
+			onLoadMore: i,
+			loading: a,
+			onAddComment: o,
+			onAddReply: s,
+			onToggleReaction: c,
+			subscription: l,
+			onToggleSubscription: u,
+			filterMode: d,
+			onFilterChange: f,
+			collapseWhenEmpty: p
+		})] })
+	});
+}, 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 t = i.trim();
+		if (t) {
+			s(!0);
+			try {
+				await e(t), a("");
+			} finally {
+				s(!1);
+			}
+		}
+	}, [i, e]), l = J.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", {
+			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, {
+			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" })
+		})]
+	});
+}, On = ({ query: e, suggestions: t, onSelect: n, visible: r = !0, activeIndex: i = 0, className: a }) => {
+	let o = J.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),
+		role: "listbox",
+		"aria-label": "Mention suggestions",
+		children: o.map((e, t) => /* @__PURE__ */ Z("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"),
+			onMouseDown: (t) => {
+				t.preventDefault(), n(e);
+			},
+			children: [e.avatarUrl ? /* @__PURE__ */ X("img", {
+				src: e.avatarUrl,
+				alt: e.name,
+				className: "h-5 w-5 rounded-full object-cover"
+			}) : /* @__PURE__ */ X("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", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ X("span", {
+					className: "truncate",
+					children: e.name
+				}), e.type !== "user" && /* @__PURE__ */ Z("span", {
+					className: "ml-1 text-xs text-muted-foreground capitalize",
+					children: [
+						"(",
+						e.type,
+						")"
+					]
+				})]
+			})]
+		}, e.id))
+	});
+};
+function kn(e, t, n) {
+	return {
+		type: e.type,
+		id: e.id,
+		name: e.name,
+		offset: t,
+		length: n
+	};
+}
+ve.register("detail-view", Gt, {
+	namespace: "plugin-detail",
+	label: "Detail View",
+	category: "Views",
+	icon: "FileText",
+	inputs: [
+		{
+			name: "title",
+			type: "string",
+			label: "Title"
+		},
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name"
+		},
+		{
+			name: "resourceId",
+			type: "string",
+			label: "Resource ID"
+		},
+		{
+			name: "api",
+			type: "string",
+			label: "API Endpoint"
+		},
+		{
+			name: "data",
+			type: "object",
+			label: "Data"
+		},
+		{
+			name: "layout",
+			type: "enum",
+			label: "Layout Mode",
+			enum: [
+				"vertical",
+				"horizontal",
+				"grid"
+			]
+		},
+		{
+			name: "columns",
+			type: "number",
+			label: "Grid Columns"
+		},
+		{
+			name: "sections",
+			type: "array",
+			label: "Sections"
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields"
+		},
+		{
+			name: "tabs",
+			type: "array",
+			label: "Tabs"
+		},
+		{
+			name: "related",
+			type: "array",
+			label: "Related Lists"
+		},
+		{
+			name: "actions",
+			type: "array",
+			label: "Actions"
+		},
+		{
+			name: "showBack",
+			type: "boolean",
+			label: "Show Back Button",
+			defaultValue: !0
+		},
+		{
+			name: "backUrl",
+			type: "string",
+			label: "Back URL"
+		},
+		{
+			name: "showEdit",
+			type: "boolean",
+			label: "Show Edit Button",
+			defaultValue: !1
+		},
+		{
+			name: "editUrl",
+			type: "string",
+			label: "Edit URL"
+		},
+		{
+			name: "showDelete",
+			type: "boolean",
+			label: "Show Delete Button",
+			defaultValue: !1
+		},
+		{
+			name: "deleteConfirmation",
+			type: "string",
+			label: "Delete Confirmation Message"
+		},
+		{
+			name: "loading",
+			type: "boolean",
+			label: "Show Loading State"
+		},
+		{
+			name: "header",
+			type: "object",
+			label: "Custom Header"
+		},
+		{
+			name: "footer",
+			type: "object",
+			label: "Custom Footer"
+		}
+	],
+	defaultProps: {
+		title: "Detail View",
+		showBack: !0,
+		showEdit: !1,
+		showDelete: !1,
+		sections: [],
+		fields: [],
+		tabs: [],
+		related: []
+	}
+}), ve.register("detail-section", jt, {
+	namespace: "plugin-detail",
+	label: "Detail Section",
+	category: "Detail Components",
+	inputs: [
+		{
+			name: "title",
+			type: "string",
+			label: "Title"
+		},
+		{
+			name: "description",
+			type: "string",
+			label: "Description"
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields",
+			required: !0
+		},
+		{
+			name: "collapsible",
+			type: "boolean",
+			label: "Collapsible",
+			defaultValue: !1
+		},
+		{
+			name: "defaultCollapsed",
+			type: "boolean",
+			label: "Default Collapsed",
+			defaultValue: !1
+		},
+		{
+			name: "columns",
+			type: "number",
+			label: "Columns",
+			defaultValue: 2
+		},
+		{
+			name: "showBorder",
+			type: "boolean",
+			label: "Show Border",
+			defaultValue: !0
+		},
+		{
+			name: "headerColor",
+			type: "string",
+			label: "Header Color"
+		}
+	]
+}), ve.register("related-list", Nt, {
+	namespace: "plugin-detail",
+	label: "Related List",
+	category: "Detail Components",
+	inputs: [
+		{
+			name: "title",
+			type: "string",
+			label: "Title",
+			required: !0
+		},
+		{
+			name: "type",
+			type: "enum",
+			label: "Type",
+			enum: [
+				{
+					label: "List",
+					value: "list"
+				},
+				{
+					label: "Grid",
+					value: "grid"
+				},
+				{
+					label: "Table",
+					value: "table"
+				}
+			],
+			defaultValue: "table"
+		},
+		{
+			name: "api",
+			type: "string",
+			label: "API Endpoint"
+		},
+		{
+			name: "data",
+			type: "array",
+			label: "Data"
+		},
+		{
+			name: "columns",
+			type: "array",
+			label: "Columns"
+		}
+	]
+}), ve.register("detail", Gt, {
+	namespace: "view",
+	category: "view",
+	label: "Detail",
+	icon: "FileText",
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name",
+			required: !0
+		},
+		{
+			name: "recordId",
+			type: "string",
+			label: "Record ID"
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields"
+		}
+	]
+});
+//#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 };