themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/activities.js

@@ -1,182 +1,186 @@
 "use client";
-import { u as e } from "../ui-provider-C-74NVLc.js";
+import { d as e } from "../ui-provider-Bu1S-o96.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-DhuoqFy4.js";
-import { n as r } from "../buttons-DeW0bQeK.js";
-import { c as i, i as a, t as o } from "../typography-C7-YMW1S.js";
-import { r as s, t as c } from "../structure-DZJ2wbAU.js";
-import { i as l, n as u, t as d } from "../tone-recipes-BPsRAvhu.js";
-import { n as f } from "../action-menu-C0gjzLyE.js";
-import { t as p } from "../interaction-recipes-4wZ2tvfb.js";
-import { t as m } from "../icon-badge-npxF1SLX.js";
-import { t as h } from "../badge-wWauMgAt.js";
-import { s as g } from "../data-display-Cmj-xZYl.js";
-import { o as _, r as v, u as y } from "../comments-BsgErEqd.js";
-import { s as b } from "../mentions-qOnedSt4.js";
-import { Fragment as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Activity as A, AlertTriangle as j, ArrowLeftRight as M, Ban as N, Check as P, ChevronDown as ee, ChevronRight as te, CircleDot as F, FileEdit as I, Flag as L, Heart as ne, LinkIcon as R, Mail as z, MailCheck as B, MailOpen as V, MailX as H, MessageCircle as U, MessageSquare as W, Pencil as G, Plus as K, ShieldCheck as q, ShoppingBag as J, Sparkles as Y, Star as X, Trash2 as re, UserMinus as ie, UserPlus as ae } from "lucide-react";
-import { format as Z, formatDistanceToNow as oe, isToday as se, isValid as Q, isYesterday as ce, parseISO as le } from "date-fns";
+import { t as n } from "../utils-BVbAG2J6.js";
+import { c as r, i, t as a } from "../typography-C0dELqYV.js";
+import { t as o } from "../focus-recipes-DSkiUvUp.js";
+import { n as s } from "../buttons-pZVgPTZn.js";
+import { r as c, t as l } from "../structure-DElaQwwN.js";
+import { i as u, n as d, t as f } from "../tone-recipes-BPsRAvhu.js";
+import { n as p, t as m } from "../feedback-DmqmXKLn.js";
+import { n as h } from "../action-menu-D5343RwT.js";
+import { t as g } from "../interaction-recipes-DmuS1ase.js";
+import { t as _ } from "../icon-badge-B0Kq7wom.js";
+import { t as v } from "../badge-oGiXblW7.js";
+import { s as y } from "../data-display-CWe9SOYh.js";
+import { o as ee, r as te, u as b } from "../comments-C2MZyRmh.js";
+import { o as x } from "../mentions-zz0ewNIq.js";
+import { Fragment as S, useCallback as C, useEffect as w, useId as ne, useMemo as T, useRef as E, useState as D, useSyncExternalStore as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Activity as M, AlertTriangle as N, ArrowLeftRight as P, Ban as F, Check as re, ChevronDown as ie, ChevronRight as ae, CircleDot as I, FileEdit as L, Flag as R, Heart as z, LinkIcon as B, Mail as V, MailCheck as H, MailOpen as U, MailX as W, MessageCircle as G, MessageSquare as K, Pencil as q, Plus as J, ShieldCheck as Y, ShoppingBag as X, Sparkles as oe, Star as Z, Trash2 as se, UserMinus as ce, UserPlus as le } from "lucide-react";
+import { format as Q, formatDistanceToNow as ue, isToday as de, isValid as $, isYesterday as fe, parseISO as pe } from "date-fns";
 //#region src/components/features/activities/activities.config.ts
-var $ = {
-	icon: F,
+var me = {
+	icon: I,
 	tone: "neutral"
-}, ue = {
+}, he = {
 	created: {
-		icon: K,
+		icon: J,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: G,
+		icon: q,
 		tone: "neutral",
 		label: "Updated"
 	},
 	edited: {
-		icon: I,
+		icon: L,
 		tone: "neutral",
 		label: "Edited"
 	},
 	deleted: {
-		icon: re,
+		icon: se,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: N,
+		icon: F,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: Y,
+		icon: oe,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: M,
+		icon: P,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: M,
+		icon: P,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: M,
+		icon: P,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: ae,
+		icon: le,
 		tone: "neutral",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: ie,
+		icon: ce,
 		tone: "neutral",
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: z,
+		icon: V,
 		tone: "neutral",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: B,
+		icon: H,
 		tone: "success",
 		label: "Email delivered"
 	},
 	mail_opened: {
-		icon: V,
+		icon: U,
 		tone: "neutral",
 		label: "Email opened"
 	},
 	mail_clicked: {
-		icon: V,
+		icon: U,
 		tone: "neutral",
 		label: "Email clicked"
 	},
 	mail_bounced: {
-		icon: H,
+		icon: W,
 		tone: "destructive",
 		label: "Email bounced"
 	},
 	mail_failed: {
-		icon: H,
+		icon: W,
 		tone: "destructive",
 		label: "Email failed"
 	},
 	comment_created: {
-		icon: W,
+		icon: K,
 		tone: "neutral",
 		label: "Comment posted"
 	},
 	comment_deleted: {
-		icon: W,
+		icon: K,
 		tone: "destructive",
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: P,
+		icon: re,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: M,
+		icon: P,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: q,
+		icon: Y,
 		tone: "success",
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: ne,
+		icon: z,
 		tone: "neutral",
 		label: "Favorited"
 	},
 	ordered: {
-		icon: J,
+		icon: X,
 		tone: "neutral",
 		label: "Order placed"
 	},
 	published: {
-		icon: X,
+		icon: Z,
 		tone: "success",
 		label: "Published"
 	},
 	flagged: {
-		icon: L,
+		icon: R,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: R,
+		icon: B,
 		tone: "neutral",
 		label: "Linked"
 	},
 	failed: {
-		icon: j,
+		icon: N,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: j,
+		icon: N,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function de(e, t) {
-	return t[e] ?? $;
+function ge(e, t) {
+	return t[e] ?? me;
 }
 //#endregion
 //#region src/components/features/activities/activities.strings.ts
-var fe = {
+var _e = {
 	title: "Activity",
 	empty: "No activity yet.",
 	loading: "Loading activity…",
+	error: "Activity could not be loaded.",
+	retry: "Try again",
 	today: "Today",
 	yesterday: "Yesterday",
 	undated: "Undated",
@@ -184,7 +188,6 @@ var fe = {
 	showChanges: "Show details",
 	hideChanges: "Hide details",
 	actionsLabel: "Activity actions",
-	moreLabel: "more",
 	sources: {
 		comment: "Comment",
 		mail: "Mail",
@@ -194,32 +197,59 @@ var fe = {
 	},
 	events: {}
 };
-function pe(e, t) {
+function ve(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
 	});
 }
 //#endregion
+//#region src/components/features/activities/relative-time.ts
+function ye(e, t) {
+	let n = pe(e);
+	return $(n) ? ue(n, {
+		addSuffix: !0,
+		...t ? { locale: t } : {}
+	}) : e;
+}
+var be = () => () => {};
+function xe() {
+	return O(be, () => !0, () => !1);
+}
+function Se(e) {
+	return new Date(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate(), 12);
+}
+function Ce(e, t) {
+	let n = new Date(e);
+	return $(n) ? Q(Se(n), "PP", t ? { locale: t } : void 0) : e;
+}
+function we(e, t) {
+	let n = new Date(e);
+	if (!$(n)) return e;
+	let r = (e) => String(e).padStart(2, "0");
+	return `${Ce(e, t)}, ${r(n.getUTCHours())}:${r(n.getUTCMinutes())} UTC`;
+}
+//#endregion
 //#region src/components/features/activities/hooks/use-activity-feed.ts
-function me(e, t, n) {
+function Te(e, t, n, r = !0) {
 	if (!e) return t.undated;
-	let r = new Date(e);
-	if (!Q(r)) return t.undated;
-	if (se(r)) return t.today;
-	if (ce(r)) return t.yesterday;
+	let i = new Date(e);
+	if (!$(i)) return t.undated;
+	if (!r) return Ce(e, n);
+	if (de(i)) return t.today;
+	if (fe(i)) return t.yesterday;
 	try {
-		return new Intl.DateTimeFormat(n?.code ?? "en-US", { dateStyle: "long" }).format(r);
+		return new Intl.DateTimeFormat(n?.code ?? "en-US", { dateStyle: "long" }).format(i);
 	} catch {
 		try {
-			return Z(r, "PP", n ? { locale: n } : void 0);
+			return Q(i, "PP", n ? { locale: n } : void 0);
 		} catch {
 			return e;
 		}
 	}
 }
-function he({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
-	let [l, u] = E({}), d = i !== void 0, f = w(() => {
+function Ee({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
+	let [l, u] = D({}), d = i !== void 0, f = xe(), p = T(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.map((e) => {
 			let n = [
@@ -233,13 +263,13 @@ function he({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), p = w(() => {
-		if (!t) return f.length > 0 ? [{
+	}, [e]), m = T(() => {
+		if (!t) return p.length > 0 ? [{
 			label: "",
-			items: f
+			items: p
 		}] : [];
-		let e = [], n = "__init__", r = [], i = (e) => c ? c(e, s) : me(e, s, o);
-		for (let t of f) {
+		let e = [], n = "__init__", r = [], i = (e) => c ? c(e, s) : Te(e, s, o, f);
+		for (let t of p) {
 			let a = i(t.activity.createdAt ?? null);
 			a === n ? r.push(t) : (r.length > 0 && e.push({
 				label: n,
@@ -251,17 +281,18 @@ function he({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 			items: r
 		}), e;
 	}, [
-		f,
+		p,
 		t,
 		o,
 		s,
-		c
-	]), m = w(() => {
+		c,
+		f
+	]), h = T(() => {
 		let e = new Set(r ?? []);
-		for (let t of f) t.activity.defaultExpanded === !0 && e.add(t.activity.id);
+		for (let t of p) t.activity.defaultExpanded === !0 && e.add(t.activity.id);
 		return e;
-	}, [f, r]), h = w(() => new Set(i ?? []), [i]), g = S((e, t) => {
-		let r = d ? Array.from(h) : f.filter((e) => l[e.activity.id] ?? (m.has(e.activity.id) || n)).map((e) => e.activity.id), i = new Set(r);
+	}, [p, r]), g = T(() => new Set(i ?? []), [i]), _ = C((e, t) => {
+		let r = d ? Array.from(g) : p.filter((e) => l[e.activity.id] ?? (h.has(e.activity.id) || n)).map((e) => e.activity.id), i = new Set(r);
 		t ? i.add(e) : i.delete(e);
 		let o = Array.from(i);
 		d || u((n) => ({
@@ -269,76 +300,76 @@ function he({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 			[e]: t
 		})), a?.(o);
 	}, [
+		g,
 		h,
-		m,
 		n,
 		l,
 		d,
-		f,
+		p,
 		a
-	]), _ = S((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
+	]), v = C((e) => d ? g.has(e) : l[e] ?? (h.has(e) || n), [
+		g,
 		h,
-		m,
 		n,
 		l,
 		d
-	]), v = S((e) => {
-		g(e, !_(e));
-	}, [_, g]), y = S(() => {
+	]), y = C((e) => {
+		_(e, !v(e));
+	}, [v, _]), ee = C(() => {
 		let e = {};
-		for (let t of f) e[t.activity.id] = !0;
-		d || u(e), a?.(f.map((e) => e.activity.id));
+		for (let t of p) e[t.activity.id] = !0;
+		d || u(e), a?.(p.map((e) => e.activity.id));
 	}, [
 		d,
-		f,
+		p,
 		a
-	]), b = S(() => {
+	]), te = C(() => {
 		let e = {};
-		for (let t of f) e[t.activity.id] = !1;
+		for (let t of p) e[t.activity.id] = !1;
 		d || u(e), a?.([]);
 	}, [
 		d,
-		f,
+		p,
 		a
 	]);
 	return {
-		groups: p,
-		total: f.length,
-		isExpanded: _,
-		toggleExpanded: v,
-		setExpanded: g,
-		expandAll: y,
-		collapseAll: b
+		groups: m,
+		total: p.length,
+		isExpanded: v,
+		toggleExpanded: y,
+		setExpanded: _,
+		expandAll: ee,
+		collapseAll: te
 	};
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-resources.ts
-var ge = Object.freeze({});
-function _e(e, t) {
+var De = Object.freeze({});
+function Oe(e, t) {
 	return e === t || e.label === t.label && e.href === t.href && e.icon === t.icon && e.tone === t.tone && e.note === t.note && e.badge?.label === t.badge?.label && e.badge?.tone === t.badge?.tone && e.tags?.length === t.tags?.length && (e.tags?.every((e, n) => e === t.tags?.[n]) ?? !0);
 }
-function ve(e, t) {
+function ke(e, t) {
 	if (e === t) return !0;
 	let n = Object.keys(e);
-	return n.length === Object.keys(t).length && n.every((n) => Object.hasOwn(t, n) && _e(e[n], t[n]));
+	return n.length === Object.keys(t).length && n.every((n) => Object.hasOwn(t, n) && Oe(e[n], t[n]));
 }
-function ye({ resources: e, onResourcesChange: t } = {}) {
-	let n = e ?? ge, [r, i] = E(n), a = T(n), o = T(r), s = T(t);
-	C(() => {
+function Ae({ resources: e, onResourcesChange: t } = {}) {
+	let n = e ?? De, [r, i] = D(n), a = E(n), o = E(r), s = E(t);
+	w(() => {
 		s.current = t;
 	}, [t]);
-	let c = S((e, t = !0) => {
+	let c = C((e, t = !0) => {
 		o.current = e, i(e), t && s.current?.(e);
 	}, []);
-	C(() => {
-		ve(a.current, n) || (a.current = n, c(n, !1));
+	w(() => {
+		ke(a.current, n) || (a.current = n, c(n, !1));
 	}, [c, n]);
-	let l = S((e, t) => {
+	let l = C((e, t) => {
 		c({
 			...o.current,
 			[e]: t
 		});
-	}, [c]), u = S((e, t) => {
+	}, [c]), u = C((e, t) => {
 		let n = o.current;
 		Object.hasOwn(n, e) && c({
 			...n,
@@ -347,17 +378,17 @@ function ye({ resources: e, onResourcesChange: t } = {}) {
 				...t
 			}
 		});
-	}, [c]), d = S((e) => {
+	}, [c]), d = C((e) => {
 		let t = o.current;
 		if (!Object.hasOwn(t, e)) return;
 		let n = { ...t };
 		delete n[e], c(n);
-	}, [c]), f = S((e) => c(e), [c]), p = S(() => {
+	}, [c]), f = C((e) => c(e), [c]), p = C(() => {
 		c(a.current);
 	}, [c]);
 	return {
 		registry: r,
-		get: S((e) => {
+		get: C((e) => {
 			let t = typeof e == "string" ? e : e.key;
 			return Object.hasOwn(r, t) ? r[t] : void 0;
 		}, [r]),
@@ -370,11 +401,11 @@ function ye({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function be(e) {
+function je(e) {
 	if (e === "destructive") return "destructive";
 	if (e === "primary" || e === "secondary") return e;
 }
-function xe({ activity: e, actions: t, onAction: n, label: r }) {
+function Me({ activity: e, actions: t, onAction: n, label: r }) {
 	if (t.length === 0) return null;
 	let i = t.map((t) => ({
 		id: t.id,
@@ -382,12 +413,12 @@ function xe({ activity: e, actions: t, onAction: n, label: r }) {
 		label: t.label,
 		href: t.href,
 		disabled: t.disabled,
-		tone: be(t.tone),
+		tone: je(t.tone),
 		onClick: () => {
 			t.onClick?.(e), n?.(t.id, e);
 		}
 	}));
-	return /* @__PURE__ */ O(f, {
+	return /* @__PURE__ */ A(h, {
 		actions: i,
 		srText: r,
 		align: "end",
@@ -400,65 +431,65 @@ function xe({ activity: e, actions: t, onAction: n, label: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-changes.tsx
-function Se({ change: e }) {
+function Ne({ change: e }) {
 	let t = e.old !== null && e.old !== void 0, n = e.new !== null && e.new !== void 0;
-	return !t && !n ? /* @__PURE__ */ O(i, {
+	return !t && !n ? /* @__PURE__ */ A(r, {
 		type: "inherit",
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ k(i, {
+	}) : /* @__PURE__ */ j(r, {
 		type: "inherit",
 		tag: "span",
 		className: "inline-flex flex-wrap items-baseline gap-space-xs",
 		children: [
-			!!t && /* @__PURE__ */ O(i, {
+			!!t && /* @__PURE__ */ A(r, {
 				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: u.removed,
+				className: d.removed,
 				children: e.old
 			}),
-			t && n && /* @__PURE__ */ O(i, {
+			t && n && /* @__PURE__ */ A(r, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				children: "→"
 			}),
-			!!n && /* @__PURE__ */ O(i, {
+			!!n && /* @__PURE__ */ A(r, {
 				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: u.added,
+				className: d.added,
 				children: e.new
 			})
 		]
 	});
 }
-function Ce({ changes: e, className: t }) {
-	return e.length === 0 ? null : /* @__PURE__ */ O("div", {
+function Pe({ changes: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ A("div", {
 		className: n("activity-changes--component", "rounded-radius border border-border/60 bg-muted/30 p-surface-xs", t),
-		children: /* @__PURE__ */ O(c, {
+		children: /* @__PURE__ */ A(l, {
 			gap: "sm",
-			children: e.map((e) => /* @__PURE__ */ k("div", {
+			children: e.map((e) => /* @__PURE__ */ j("div", {
 				className: "flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ O(i, {
+				children: [/* @__PURE__ */ A(r, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "shrink-0",
 					children: e.label
-				}), /* @__PURE__ */ O(Se, { change: e })]
+				}), /* @__PURE__ */ A(Ne, { change: e })]
 			}, `${e.key}-${e.label}`))
 		})
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-date-label.tsx
-function we({ label: e, first: t, className: r }) {
-	return e === "" ? null : /* @__PURE__ */ O(c, {
+function Fe({ label: e, first: t, className: i }) {
+	return e === "" ? null : /* @__PURE__ */ A(l, {
 		gap: "none",
-		className: n("activity-date-label--component", !t && "mt-space-md", r),
-		children: /* @__PURE__ */ O(i, {
+		className: n("activity-date-label--component", !t && "mt-space-md", i),
+		children: /* @__PURE__ */ A(r, {
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
@@ -468,11 +499,11 @@ function we({ label: e, first: t, className: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function Te({ title: e, hint: t, className: r }) {
-	return /* @__PURE__ */ O(g, {
+function Ie({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ A(y, {
 		title: e,
 		description: t ?? !1,
-		media: /* @__PURE__ */ O(A, {
+		media: /* @__PURE__ */ A(M, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -482,30 +513,30 @@ function Te({ title: e, hint: t, className: r }) {
 	});
 }
 //#endregion
-//#region src/components/features/activities/partials/tone-tokens.ts
-var Ee = (e) => ({
-	bg: l[e].tint,
-	fg: l[e].ink,
-	dot: l[e].solid,
-	line: l[e].line,
-	chipBg: l[e].tint,
-	chipFg: l[e].ink
-}), De = {
+//#region src/components/features/activities/partials/row-layers.ts
+var Le = "relative z-10", Re = (e) => ({
+	bg: u[e].tint,
+	fg: u[e].ink,
+	dot: u[e].solid,
+	line: u[e].line,
+	chipBg: u[e].tint,
+	chipFg: u[e].ink
+}), ze = {
 	bg: "bg-muted",
 	fg: "text-muted-foreground",
 	dot: "bg-muted-foreground",
 	line: "bg-border",
 	chipBg: "bg-muted",
 	chipFg: "text-muted-foreground"
-}, Oe = {
-	primary: Ee("primary"),
-	success: Ee("success"),
-	warning: Ee("warning"),
-	destructive: Ee("destructive"),
-	info: Ee("info"),
-	neutral: De,
-	secondary: De
-}, ke = {
+}, Be = {
+	primary: Re("primary"),
+	success: Re("success"),
+	warning: Re("warning"),
+	destructive: Re("destructive"),
+	info: Re("info"),
+	neutral: ze,
+	secondary: ze
+}, Ve = {
 	primary: "primary",
 	success: "success",
 	warning: "warning",
@@ -516,10 +547,10 @@ var Ee = (e) => ({
 };
 //#endregion
 //#region src/components/features/activities/partials/activity-resource-tag.tsx
-function Ae({ resource: e, config: t, fallbackText: a, onClick: o }) {
-	let s = t?.tone ?? "neutral", c = Oe[s], l = t?.icon ?? F, u = t?.label ?? a ?? e.label ?? e.key, d = typeof o == "function", f = /* @__PURE__ */ k(D, { children: [
-		/* @__PURE__ */ O(l, { className: n("size-icon-sm shrink-0", c.fg) }),
-		/* @__PURE__ */ O(i, {
+function He({ resource: e, config: t, fallbackText: i, onClick: a }) {
+	let o = t?.tone ?? "neutral", c = Be[o], l = t?.icon ?? I, u = t?.label ?? i ?? e.label ?? e.key, d = typeof a == "function", f = /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A(l, { className: n("size-icon-sm shrink-0", c.fg) }),
+		/* @__PURE__ */ A(r, {
 			type: "inherit",
 			tag: "span",
 			weight: "medium",
@@ -527,36 +558,36 @@ function Ae({ resource: e, config: t, fallbackText: a, onClick: o }) {
 			className: c.chipFg,
 			children: u
 		}),
-		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ O(i, {
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ A(r, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
 			className: "border-l border-border pl-space-sm",
 			children: t.tags.join(" · ")
 		}),
-		!!t?.badge && /* @__PURE__ */ O(h, {
+		!!t?.badge && /* @__PURE__ */ A(v, {
 			inline: !0,
 			size: "sm",
-			tone: ke[t.badge.tone ?? "neutral"],
+			tone: Ve[t.badge.tone ?? "neutral"],
 			className: "ml-space-2xs",
 			children: t.badge.label
 		})
 	] });
-	return d ? /* @__PURE__ */ O(r, {
+	return d ? /* @__PURE__ */ A(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
 		onClick: (e) => {
-			e.stopPropagation(), o?.();
+			e.stopPropagation(), a?.();
 		},
-		className: n("activity-resource-tag--component gap-space-xs align-baseline", c.chipBg),
+		className: n("activity-resource-tag--component gap-space-xs align-baseline", Le, c.chipBg),
 		title: t?.note,
 		children: f
-	}) : /* @__PURE__ */ O(h, {
+	}) : /* @__PURE__ */ A(v, {
 		inline: !0,
 		size: "sm",
-		tone: s === "primary" ? "neutral" : ke[s],
+		tone: o === "primary" ? "neutral" : Ve[o],
 		className: "activity-resource-tag--component",
 		title: t?.note,
 		children: f
@@ -564,46 +595,47 @@ function Ae({ resource: e, config: t, fallbackText: a, onClick: o }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-headline.tsx
-function je({ actorId: e, text: t, href: n, activity: s, youLabel: c, currentUserId: l, onActorClick: u }) {
-	let d = l !== void 0 && e !== void 0 && l === e ? c : t, f = s.actor ?? {
+function Ue({ actorId: e, text: t, href: n, activity: o, youLabel: c, currentUserId: l, onActorClick: u }) {
+	let d = l !== void 0 && e !== void 0 && l === e ? c : t, f = o.actor ?? {
 		id: e,
 		name: t
 	};
-	return n ? /* @__PURE__ */ O(o, {
+	return n ? /* @__PURE__ */ A(a, {
 		href: n,
 		size: "inherit",
 		weight: "semibold",
+		className: Le,
 		onClick: (e) => {
-			u && (e.preventDefault(), e.stopPropagation(), u(f, s));
+			u && (e.preventDefault(), e.stopPropagation(), u(f, o));
 		},
 		children: d
-	}) : u ? /* @__PURE__ */ O(r, {
+	}) : u ? /* @__PURE__ */ A(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
 		onClick: (e) => {
-			e.stopPropagation(), u(f, s);
+			e.stopPropagation(), u(f, o);
 		},
-		className: `h-auto min-h-0 rounded-radius px-0 py-0 text-foreground ${a} hover:decoration-transparent`,
-		children: /* @__PURE__ */ O(i, {
+		className: `${Le} h-auto min-h-0 rounded-radius px-0 py-0 text-foreground ${i} hover:decoration-transparent`,
+		children: /* @__PURE__ */ A(r, {
 			type: "inherit",
 			tag: "span",
 			weight: "semibold",
 			children: d
 		})
-	}) : /* @__PURE__ */ O(i, {
+	}) : /* @__PURE__ */ A(r, {
 		type: "inherit",
 		tag: "span",
 		weight: "semibold",
 		children: d
 	});
 }
-function Me(e, t) {
+function We(e, t) {
 	return e.map((e, n) => {
-		let r = `seg-${n}-${e.type}`;
+		let i = `seg-${n}-${e.type}`;
 		switch (e.type) {
-			case "actor": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(je, {
+			case "actor": return /* @__PURE__ */ j(S, { children: [/* @__PURE__ */ A(Ue, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -611,98 +643,98 @@ function Me(e, t) {
 				youLabel: t.youLabel,
 				currentUserId: t.currentUserId,
 				onActorClick: t.onActorClick
-			}), " "] }, r);
+			}), " "] }, i);
 			case "field":
-			case "value": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+			case "value": return /* @__PURE__ */ j(S, { children: [/* @__PURE__ */ A(r, {
 				type: "inherit",
 				tag: "span",
 				weight: "semibold",
 				children: e.content ?? e.text
-			}), " "] }, r);
-			case "status": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(h, {
+			}), " "] }, i);
+			case "status": return /* @__PURE__ */ j(S, { children: [/* @__PURE__ */ A(v, {
 				inline: !0,
 				size: "sm",
-				tone: ke[e.tone ?? "neutral"],
+				tone: Ve[e.tone ?? "neutral"],
 				children: e.content ?? e.text
-			}), " "] }, r);
+			}), " "] }, i);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
-				return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(Ae, {
+				return /* @__PURE__ */ j(S, { children: [/* @__PURE__ */ A(He, {
 					resource: e.resource,
 					config: n,
 					fallbackText: e.text,
 					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
-				}), " "] }, r);
+				}), " "] }, i);
 			}
-			default: return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+			default: return /* @__PURE__ */ j(S, { children: [/* @__PURE__ */ A(r, {
 				type: "inherit",
 				tag: "span",
 				children: e.content ?? e.text
-			}), " "] }, r);
+			}), " "] }, i);
 		}
 	});
 }
-function Ne(e) {
-	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
-	if (!r || !n.includes(r)) return /* @__PURE__ */ O(i, {
+function Ge(e) {
+	let { activity: t } = e, n = t.headline ?? e.eventLabel ?? t.event, i = t.actor?.name;
+	if (!i || !n.includes(i)) return /* @__PURE__ */ A(r, {
 		type: "inherit",
 		tag: "span",
 		children: n
 	});
-	let [a, ...o] = n.split(r);
-	return /* @__PURE__ */ k(D, { children: [
-		!!a && /* @__PURE__ */ O(i, {
+	let [a, ...o] = n.split(i);
+	return /* @__PURE__ */ j(k, { children: [
+		!!a && /* @__PURE__ */ A(r, {
 			type: "inherit",
 			tag: "span",
 			children: a
 		}),
-		/* @__PURE__ */ O(je, {
+		/* @__PURE__ */ A(Ue, {
 			actorId: t.actor?.id,
-			text: r,
+			text: i,
 			href: t.actor?.href,
 			activity: t,
 			youLabel: e.youLabel,
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ O(i, {
+		o.length > 0 && /* @__PURE__ */ A(r, {
 			type: "inherit",
 			tag: "span",
-			children: o.join(r)
+			children: o.join(i)
 		})
 	] });
 }
-function Pe(e) {
+function Ke(e) {
 	let t = e.activity.segments;
-	return t && t.length > 0 ? /* @__PURE__ */ O("span", {
+	return t && t.length > 0 ? /* @__PURE__ */ A("span", {
 		className: "activity-headline--component leading-snug [&>span]:leading-snug",
-		children: Me(t, e)
-	}) : /* @__PURE__ */ O("span", {
+		children: We(t, e)
+	}) : /* @__PURE__ */ A("span", {
 		className: "activity-headline--component leading-snug",
-		children: Ne(e)
+		children: Ge(e)
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-marker.tsx
-function Fe({ icon: e, tone: t, density: r, last: i, className: a }) {
-	let o = Oe[t], s = Oe.neutral, c = r === "compact" ? /* @__PURE__ */ O("span", {
+function qe({ icon: e, tone: t, density: r, last: i, className: a }) {
+	let o = Be[t], s = Be.neutral, c = r === "compact" ? /* @__PURE__ */ A("span", {
 		"aria-hidden": !0,
-		className: n(d.marker, o.dot)
-	}) : r === "rich" ? /* @__PURE__ */ O(m, {
+		className: n(f.marker, o.dot)
+	}) : r === "rich" ? /* @__PURE__ */ A(_, {
 		icon: e,
 		size: "sm",
 		tone: "neutral",
 		bordered: !0
-	}) : /* @__PURE__ */ O("span", {
+	}) : /* @__PURE__ */ A("span", {
 		className: n("flex size-icon-lg shrink-0 items-center justify-center rounded-full", s.bg, s.fg),
-		children: /* @__PURE__ */ O(e, { className: "size-icon-sm" })
+		children: /* @__PURE__ */ A(e, { className: "size-icon-sm" })
 	});
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ j("div", {
 		className: n("activity-marker--component flex flex-col items-center gap-space-xs", a),
-		children: [/* @__PURE__ */ O("span", {
+		children: [/* @__PURE__ */ A("span", {
 			className: "activity-marker--glyph flex min-h-icon-lg shrink-0 items-center justify-center",
 			children: c
-		}), !i && /* @__PURE__ */ O("span", {
+		}), !i && /* @__PURE__ */ A("span", {
 			"aria-hidden": !0,
 			className: n("w-px flex-1", s.line)
 		})]
@@ -710,303 +742,318 @@ function Fe({ icon: e, tone: t, density: r, last: i, className: a }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-row.tsx
-function Ie({ metadata: e }) {
-	return /* @__PURE__ */ O(s, {
+function Je({ metadata: e }) {
+	return /* @__PURE__ */ A(c, {
 		columns: {
 			base: 1,
 			sm: 2
 		},
 		gap: "md",
 		className: "activity-row--metadata",
-		children: e.map((e) => /* @__PURE__ */ k(c, {
+		children: e.map((e, t) => /* @__PURE__ */ j(l, {
 			gap: "dense",
 			className: "min-w-0",
-			children: [/* @__PURE__ */ O(i, {
+			children: [/* @__PURE__ */ A(r, {
 				tag: "div",
 				size: "xs",
 				type: "discrete",
 				weight: "medium",
 				lineHeight: "snug",
 				children: e.label
-			}), /* @__PURE__ */ O(i, {
+			}), /* @__PURE__ */ A(r, {
 				type: "inherit",
 				tag: "div",
 				lineHeight: "snug",
 				className: "min-w-0 break-words",
 				children: e.value
 			})]
-		}, e.label))
+		}, `${e.label}-${t}`))
 	});
 }
-function Le(e) {
+function Ye(e) {
 	return e != null && e !== !1;
 }
-function Re({ activity: e, density: t, detailsCollapsible: n, customDetails: r, actions: i }) {
+function Xe({ activity: e, density: t, detailsCollapsible: n, customDetails: r, actions: i }) {
 	if (t !== "rich") return {
 		disclosure: !1,
 		menu: !1
 	};
 	let a = (e.changes?.length ?? 0) > 0, o = (e.metadata?.length ?? 0) > 0;
 	return {
-		disclosure: (o || a || Le(e.details) || Le(r)) && (n ?? (o || a)),
+		disclosure: (o || a || Ye(e.details) || Ye(r)) && (n ?? (o || a)),
 		menu: i.some((e) => e.presentation !== "inline")
 	};
 }
-var ze = "activity-row--trailing-slot size-action-sm shrink-0";
-function Be(e) {
-	let { activity: t, density: a, itemSpacing: o, eventConfig: s, tone: l, last: u, expanded: d, onExpandedChange: f, detailsCollapsible: m, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, actionsLabel: S, currentUserId: C, actions: w, onActivityClick: T, onActorClick: E, onResourceClick: D, onAction: A, getResourceConfig: j, headlineOverride: M, markerOverride: N, customDetails: P, rowClassName: F, markerClassName: I, contentClassName: L, detailsClassName: ne, reserveDisclosure: R = !1, reserveMenu: z = !1 } = e, B = t.iconOverride ?? s.icon, V = (t.changes?.length ?? 0) > 0, H = t.metadata ?? [], U = H.length > 0, W = (t.resources?.length ?? 0) > 0, G = t.details !== void 0 && t.details !== null && t.details !== !1, K = P != null && P !== !1, q = U || V || G || K, J = t.description !== void 0 && t.description !== null && t.description !== "", Y = a !== "compact", X = a === "rich", re = m ?? (U || V), ie = X && q && (!re || d), ae = X && (!(q && re) || d), Z = w.filter((e) => e.presentation === "inline"), oe = w.filter((e) => e.presentation !== "inline"), se = Re({
-		activity: t,
+var Ze = "activity-row--trailing-slot size-action-sm shrink-0";
+function Qe(e) {
+	let { activity: i, density: a, itemSpacing: c, eventConfig: u, tone: d, last: f, expanded: p, onExpandedChange: m, detailsCollapsible: h, relativeTime: _, absoluteTime: y, sourceLabel: ee, eventLabel: te, strings: b, currentUserId: x, actions: S, onActivityClick: C, onActorClick: w, onResourceClick: T, onAction: E, getResourceConfig: D, headlineOverride: O, markerOverride: k, customDetails: M, rowClassName: N, markerClassName: P, contentClassName: F, detailsClassName: re, reserveDisclosure: I = !1, reserveMenu: L = !1 } = e, R = t(_e, b), z = i.iconOverride ?? u.icon, B = (i.changes?.length ?? 0) > 0, V = i.metadata ?? [], H = V.length > 0, U = (i.resources?.length ?? 0) > 0, W = i.details !== void 0 && i.details !== null && i.details !== !1, G = M != null && M !== !1, K = H || B || W || G, q = i.description !== void 0 && i.description !== null && i.description !== "", J = a !== "compact", Y = a === "rich", X = h ?? (H || B), oe = Y && K && (!X || p), Z = Y && (!(K && X) || p), se = S.filter((e) => e.presentation === "inline"), ce = S.filter((e) => e.presentation !== "inline"), le = Xe({
+		activity: i,
 		density: a,
-		detailsCollapsible: m,
-		customDetails: P,
-		actions: w
-	}), Q = t.sourceContent ?? v, ce = M ?? /* @__PURE__ */ O(Pe, {
-		activity: t,
-		currentUserId: C,
-		youLabel: y,
-		onActorClick: E,
-		onResourceClick: D,
-		getResourceConfig: j
-	}), le = N ?? /* @__PURE__ */ O(Fe, {
-		icon: B,
-		tone: l,
+		detailsCollapsible: h,
+		customDetails: M,
+		actions: S
+	}), Q = i.sourceContent ?? ee, ue = O ?? /* @__PURE__ */ A(Ke, {
+		activity: i,
+		currentUserId: x,
+		youLabel: R.you,
+		onActorClick: w,
+		onResourceClick: T,
+		getResourceConfig: D,
+		eventLabel: te
+	}), de = k ?? /* @__PURE__ */ A(qe, {
+		icon: z,
+		tone: d,
 		density: a,
-		last: u,
-		className: I
-	}), $ = typeof T == "function", ue = V || W || oe.length > 0 || Z.length > 0 || typeof E == "function" || typeof D == "function", de = $ && !ue, fe = a === "rich" ? "gap-space-md py-space-xs" : a === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", pe = u ? "" : o === "compact" ? "pb-space-sm" : o === "relaxed" ? "pb-space-xl" : "pb-space-md";
-	return /* @__PURE__ */ k("div", {
-		className: n("activity-row--component relative flex", fe, $ && `cursor-pointer rounded-radius ${p.rowHover}`, F),
-		onClick: $ ? () => T?.(t) : void 0,
-		role: de ? "button" : void 0,
-		tabIndex: de ? 0 : void 0,
-		onKeyDown: de ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T?.(t));
-		} : void 0,
-		children: [le, /* @__PURE__ */ k("div", {
-			className: n("activity-row--content min-w-0 flex-1", pe, L),
-			children: [
-				/* @__PURE__ */ k(c, {
-					gap: "dense",
-					children: [/* @__PURE__ */ k("div", {
-						className: "activity-row--summary grid min-w-0 grid-cols-1 items-start gap-x-space-lg gap-y-space-sm sm:grid-cols-[minmax(0,1fr)_max-content]",
-						children: [/* @__PURE__ */ O(c, {
-							gap: "dense",
-							className: "min-w-0",
-							children: /* @__PURE__ */ k("div", {
-								className: "activity-row--headline flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-xs",
-								children: [/* @__PURE__ */ O(i, {
-									type: "inherit",
-									tag: "span",
-									size: "inherit",
-									lineHeight: "snug",
-									className: "min-w-0 break-words [overflow-wrap:anywhere]",
-									children: ce
-								}), Q != null && Q !== "" && typeof Q != "boolean" && /* @__PURE__ */ O(h, {
-									inline: !0,
-									size: "sm",
-									tone: "secondary",
-									children: Q
-								})]
-							})
-						}), /* @__PURE__ */ k(c, {
-							direction: "horizontal",
-							gap: "xs",
-							justify: {
-								base: "between",
-								sm: "end"
-							},
-							wrap: !1,
-							className: "activity-row--trailing w-full shrink-0 justify-self-start sm:w-auto sm:justify-self-end",
-							children: [
-								!!g && /* @__PURE__ */ O(i, {
-									size: "xs",
-									type: "secondary",
-									lineHeight: "snug",
-									className: "whitespace-nowrap tabular-nums",
-									title: _ ?? void 0,
-									children: g
-								}),
-								se.disclosure ? /* @__PURE__ */ O(r, {
-									type: "button",
-									size: "sm",
-									iconOnly: !0,
-									tone: "secondary",
-									buttonStyle: "ghost",
-									className: "size-action-sm text-muted-foreground",
-									onClick: (e) => {
-										e.stopPropagation(), f(!d);
-									},
-									title: d ? x : b,
-									"aria-label": d ? x : b,
-									"aria-expanded": d,
-									children: O(d ? ee : te, { className: "size-icon-sm" })
-								}) : R && X ? /* @__PURE__ */ O("span", {
-									"aria-hidden": "true",
-									className: ze
-								}) : null,
-								se.menu ? /* @__PURE__ */ O(xe, {
-									activity: t,
-									actions: oe,
-									onAction: A,
-									label: S
-								}) : z && X ? /* @__PURE__ */ O("span", {
-									"aria-hidden": "true",
-									className: ze
-								}) : null
-							]
-						})]
-					}), !!Y && J && /* @__PURE__ */ O(i, {
-						tag: "div",
-						type: "secondary",
-						lineHeight: "relaxed",
-						className: "max-w-3xl",
-						children: t.description
-					})]
-				}),
-				ae && W && t.resources && /* @__PURE__ */ O(c, {
-					direction: "horizontal",
-					gap: "xs",
-					className: "mt-space-sm",
-					children: t.resources.map((e) => {
-						let n = j?.(e);
-						return /* @__PURE__ */ O(Ae, {
-							resource: e,
-							config: n,
-							onClick: D ? () => D(e, n, t) : void 0
-						}, e.key);
-					})
-				}),
-				ie && /* @__PURE__ */ O("div", {
-					className: "mt-space-sm",
-					children: /* @__PURE__ */ O("div", {
-						className: n("activity-row--details", ne),
-						children: /* @__PURE__ */ k(c, {
-							gap: "md",
-							children: [
-								U && /* @__PURE__ */ O(Ie, { metadata: H }),
-								V && t.changes && /* @__PURE__ */ O(Ce, {
-									changes: t.changes,
-									className: "border-0 bg-transparent p-0"
-								}),
-								G && /* @__PURE__ */ O("div", {
-									className: "activity-row--details-body",
-									children: t.details
-								}),
-								K && /* @__PURE__ */ O("div", {
-									className: "activity-row--details-custom",
-									children: P
+		last: f,
+		className: P
+	}), $ = typeof C == "function", fe = ne(), pe = q && typeof i.description != "string", me = a === "rich" ? "gap-space-md py-space-xs" : a === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", he = f ? "" : c === "compact" ? "pb-space-sm" : c === "relaxed" ? "pb-space-xl" : "pb-space-md";
+	return /* @__PURE__ */ j("div", {
+		className: n("activity-row--component relative flex", me, $ && `cursor-pointer rounded-radius ${g.rowHover}`, N),
+		children: [
+			$ && /* @__PURE__ */ A("button", {
+				type: "button",
+				"aria-labelledby": fe,
+				onClick: () => C?.(i),
+				className: n("activity-row--open absolute inset-0 z-0 cursor-pointer rounded-radius focus-visible:outline-none", g.nativeButtonReset, o.inset)
+			}),
+			de,
+			/* @__PURE__ */ j("div", {
+				className: n("activity-row--content min-w-0 flex-1", he, F),
+				children: [
+					/* @__PURE__ */ j(l, {
+						gap: "dense",
+						children: [/* @__PURE__ */ j("div", {
+							className: "activity-row--summary grid min-w-0 grid-cols-1 items-start gap-x-space-lg gap-y-space-sm sm:grid-cols-[minmax(0,1fr)_max-content]",
+							children: [/* @__PURE__ */ A(l, {
+								gap: "dense",
+								className: "min-w-0",
+								children: /* @__PURE__ */ j("div", {
+									className: "activity-row--headline flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-xs",
+									children: [/* @__PURE__ */ A(r, {
+										type: "inherit",
+										tag: "span",
+										size: "inherit",
+										lineHeight: "snug",
+										id: fe,
+										className: n("min-w-0 break-words [overflow-wrap:anywhere]", O != null && "relative z-10"),
+										children: ue
+									}), Q != null && Q !== "" && typeof Q != "boolean" && /* @__PURE__ */ A(v, {
+										inline: !0,
+										size: "sm",
+										tone: "secondary",
+										children: Q
+									})]
 								})
-							]
+							}), /* @__PURE__ */ j(l, {
+								direction: "horizontal",
+								gap: "xs",
+								justify: {
+									base: "between",
+									sm: "end"
+								},
+								wrap: !1,
+								className: n("activity-row--trailing w-full shrink-0 justify-self-start sm:w-auto sm:justify-self-end", Le),
+								children: [
+									!!_ && /* @__PURE__ */ A(r, {
+										size: "xs",
+										type: "secondary",
+										lineHeight: "snug",
+										className: "whitespace-nowrap tabular-nums",
+										title: y ?? void 0,
+										children: _
+									}),
+									le.disclosure ? /* @__PURE__ */ A(s, {
+										type: "button",
+										size: "sm",
+										iconOnly: !0,
+										tone: "secondary",
+										buttonStyle: "ghost",
+										className: "size-action-sm text-muted-foreground",
+										onClick: (e) => {
+											e.stopPropagation(), m(!p);
+										},
+										title: p ? R.hideChanges : R.showChanges,
+										"aria-label": p ? R.hideChanges : R.showChanges,
+										"aria-expanded": p,
+										children: A(p ? ie : ae, { className: "size-icon-sm" })
+									}) : I && Y ? /* @__PURE__ */ A("span", {
+										"aria-hidden": "true",
+										className: Ze
+									}) : null,
+									le.menu ? /* @__PURE__ */ A(Me, {
+										activity: i,
+										actions: ce,
+										onAction: E,
+										label: R.actionsLabel
+									}) : L && Y ? /* @__PURE__ */ A("span", {
+										"aria-hidden": "true",
+										className: Ze
+									}) : null
+								]
+							})]
+						}), !!J && q && /* @__PURE__ */ A(r, {
+							tag: "div",
+							type: "secondary",
+							lineHeight: "relaxed",
+							className: n("max-w-3xl", pe && "relative z-10"),
+							children: i.description
+						})]
+					}),
+					Z && U && i.resources && /* @__PURE__ */ A(l, {
+						direction: "horizontal",
+						gap: "xs",
+						className: "mt-space-sm",
+						children: i.resources.map((e) => {
+							let t = D?.(e);
+							return /* @__PURE__ */ A(He, {
+								resource: e,
+								config: t,
+								onClick: T ? () => T(e, t, i) : void 0
+							}, e.key);
+						})
+					}),
+					oe && /* @__PURE__ */ A("div", {
+						className: n("mt-space-sm", "relative z-10"),
+						children: /* @__PURE__ */ A("div", {
+							className: n("activity-row--details", re),
+							children: /* @__PURE__ */ j(l, {
+								gap: "md",
+								children: [
+									H && /* @__PURE__ */ A(Je, { metadata: V }),
+									B && i.changes && /* @__PURE__ */ A(Pe, {
+										changes: i.changes,
+										className: "border-0 bg-transparent p-0"
+									}),
+									W && /* @__PURE__ */ A("div", {
+										className: "activity-row--details-body",
+										children: i.details
+									}),
+									G && /* @__PURE__ */ A("div", {
+										className: "activity-row--details-custom",
+										children: M
+									})
+								]
+							})
+						})
+					}),
+					Z && se.length > 0 && /* @__PURE__ */ A(l, {
+						direction: "horizontal",
+						gap: "xs",
+						className: n("activity-row--inline-actions mt-space-sm", "relative z-10"),
+						children: se.map((e) => {
+							let t = e.icon;
+							return /* @__PURE__ */ A(s, {
+								...e.href ? { href: e.href } : { type: "button" },
+								size: "sm",
+								tone: e.tone === "destructive" ? "destructive" : "secondary",
+								buttonStyle: "outline",
+								icon: t,
+								disabled: e.disabled,
+								className: "h-auto min-h-action-sm px-control-sm py-space-xs",
+								onClick: () => {
+									E?.(e.id, i), e.onClick?.(i);
+								},
+								children: e.label
+							}, e.id);
 						})
 					})
-				}),
-				ae && Z.length > 0 && /* @__PURE__ */ O(c, {
-					direction: "horizontal",
-					gap: "xs",
-					className: "activity-row--inline-actions mt-space-sm",
-					children: Z.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ O(r, {
-							type: "button",
-							size: "sm",
-							tone: e.tone === "destructive" ? "destructive" : "secondary",
-							buttonStyle: "outline",
-							icon: n,
-							disabled: e.disabled,
-							className: "h-auto min-h-action-sm px-control-sm py-space-xs",
-							onClick: (n) => {
-								n.stopPropagation(), A?.(e.id, t), e.onClick?.(t);
-							},
-							children: e.label
-						}, e.id);
-					})
-				})
-			]
-		})]
+				]
+			})
+		]
 	});
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function Ve(e, t) {
+function $e(e, t) {
 	try {
 		let n = new Date(e);
-		return Q(n) ? Z(n, "PP p", t ? { locale: t } : void 0) : e;
+		return $(n) ? Q(n, "PP p", t ? { locale: t } : void 0) : e;
 	} catch {
 		return e;
 	}
 }
-function He(e, t) {
+function et(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Ue(e, t) {
+function tt(e, t) {
 	return e.toneOverride ?? t;
 }
-function We(r) {
-	let { activities: a = [], density: o = "default", itemSpacing: s = "relaxed", groupByDate: l = !0, expandedByDefault: u = !1, detailsCollapsible: d, defaultExpandedIds: f, expandedIds: p, onExpandedIdsChange: m, currentUserId: h, loading: g = !1, eventConfig: _, strings: v, slots: y, rowClassNames: b, className: x, locale: S, formatRelativeTime: C, formatAbsoluteTime: T, formatDateGroupLabel: E, getEventLabel: D, getSourceLabel: A, actionsForActivity: j, onActivityClick: M, onActorClick: N, onResourceClick: P, onAction: ee, onActivityExpandedChange: te, resources: F, onResourcesChange: I } = r, L = t(fe, v), ne = w(() => ({
-		...ue,
-		..._
-	}), [_]), R = ye({
-		resources: F,
-		onResourcesChange: I
-	}), z = e(), B = S ?? z.locale, V = he({
-		activities: a,
-		groupByDate: l,
-		expandedByDefault: u,
-		defaultExpandedIds: f,
-		expandedIds: p,
-		onExpandedIdsChange: m,
+function nt(r) {
+	let { activities: i = [], density: a = "default", itemSpacing: o = "relaxed", groupByDate: s = !0, expandedByDefault: c = !1, detailsCollapsible: u, defaultExpandedIds: d, expandedIds: f, onExpandedIdsChange: h, currentUserId: g, loading: _ = !1, error: v, onRetry: y, eventConfig: ee, strings: te, slots: b, rowClassNames: x, className: S, locale: C, formatRelativeTime: w, formatAbsoluteTime: ne, formatDateGroupLabel: E, getEventLabel: D, getSourceLabel: O, actionsForActivity: k, onActivityClick: M, onActorClick: N, onResourceClick: P, onAction: F, onActivityExpandedChange: re, resources: ie, onResourcesChange: ae } = r, I = t(_e, te), L = T(() => ({
+		...he,
+		...ee
+	}), [ee]), R = Ae({
+		resources: ie,
+		onResourcesChange: ae
+	}), z = e(), B = C ?? z.locale, V = Ee({
+		activities: i,
+		groupByDate: s,
+		expandedByDefault: c,
+		defaultExpandedIds: d,
+		expandedIds: f,
+		onExpandedIdsChange: h,
 		locale: B,
-		strings: L,
+		strings: I,
 		formatDateGroupLabel: E
-	}), H = C ?? z.formatRelativeTime ?? ((e) => e), U = T ?? ((e) => Ve(e, B)), W = null;
-	g ? W = /* @__PURE__ */ O("div", {
-		className: "px-space-md py-space-xl",
-		children: y?.loading ?? /* @__PURE__ */ O(i, {
-			type: "secondary",
-			align: "center",
-			children: L.loading
-		})
-	}) : a.length === 0 && (W = /* @__PURE__ */ O("div", {
+	}), H = xe(), U = w ?? z.formatRelativeTime ?? ((e) => H ? ye(e, B) : we(e, B)), W = ne ?? ((e) => H ? $e(e, B) : we(e, B)), G = null, K = v != null && v !== !1;
+	if (_) G = /* @__PURE__ */ A("div", {
+		className: "activities-feed--loading px-space-md py-space-xl",
+		children: b?.loading ?? /* @__PURE__ */ A(p, { label: I.loading })
+	});
+	else if (K) {
+		let e = v instanceof Error ? v.message : v === !0 ? void 0 : v;
+		G = /* @__PURE__ */ A("div", {
+			className: "activities-feed--error px-space-md py-space-md",
+			children: b?.error ?? /* @__PURE__ */ A(m, {
+				variant: "inline",
+				title: I.error,
+				description: e || void 0,
+				onRetry: y,
+				retryLabel: I.retry
+			})
+		});
+	} else i.length === 0 && (G = /* @__PURE__ */ A("div", {
 		className: "px-space-md py-space-md",
-		children: y?.empty ?? /* @__PURE__ */ O(Te, { title: L.empty })
+		children: b?.empty ?? /* @__PURE__ */ A(Ie, { title: I.empty })
 	}));
-	let G = W === null ? V.groups : [], K = G.reduce((e, t) => e + t.items.length, 0), q = 0, J = G.map((e) => ({
+	let q = G === null ? V.groups : [], J = q.reduce((e, t) => e + t.items.length, 0), Y = 0, X = q.map((e) => ({
 		group: e,
 		rows: e.items.map((e, t) => {
-			let n = e.activity, r = t === 0, i = ++q === K, a = de(n.event, ne), c = Ue(n, a.tone), l = n.timestamp ?? (n.createdAt ? H(n.createdAt) : null), u = n.createdAt ? U(n.createdAt) : null, f = n.source ? A?.(n.source) ?? L.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = j?.(n) ?? [], h = {
-				density: o,
+			let n = e.activity, r = t === 0, i = ++Y === J, s = ge(n.event, L), c = tt(n, s.tone), l = n.timestamp ?? (n.createdAt ? U(n.createdAt) : null), d = n.createdAt ? W(n.createdAt) : null, f = n.source ? O?.(n.source) ?? I.sources[n.source] ?? s.sourceLabel ?? null : s.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = k?.(n) ?? [], h = D?.(n.event) ?? I.events[n.event] ?? L[n.event]?.label ?? n.event, g = {
+				density: a,
 				isLast: i,
 				isFirstInGroup: r,
 				activity: n,
-				eventConfig: a,
+				eventConfig: s,
 				tone: c,
 				relativeTime: l,
-				absoluteTime: u,
+				absoluteTime: d,
 				sourceLabel: p,
 				expanded: V.isExpanded(n.id),
-				itemSpacing: s,
+				itemSpacing: o,
 				setExpanded: (e) => V.setExpanded(n.id, e),
 				toggleExpanded: () => V.toggleExpanded(n.id)
-			}, g = y?.renderDetails?.(n, h), _ = y?.renderRow?.(n, h), v = n.collapsible ?? d;
+			}, _ = b?.renderDetails?.(n, g), v = b?.renderRow?.(n, g), y = n.collapsible ?? u;
 			return {
 				keyed: e,
 				activity: n,
-				eventCfg: a,
+				eventCfg: s,
 				tone: c,
 				isLast: i,
 				relativeTime: l,
-				absoluteTime: u,
+				absoluteTime: d,
 				sourceLabel: p,
+				eventLabel: h,
 				actions: m,
-				ctx: h,
-				customDetails: g,
-				customRow: _,
-				rowDetailsCollapsible: v,
-				trailing: _ === void 0 ? Re({
+				ctx: g,
+				customDetails: _,
+				customRow: v,
+				rowDetailsCollapsible: y,
+				trailing: v === void 0 ? Xe({
 					activity: n,
-					density: o,
-					detailsCollapsible: v,
-					customDetails: g,
+					density: a,
+					detailsCollapsible: y,
+					customDetails: _,
 					actions: m
 				}) : {
 					disclosure: !1,
@@ -1014,104 +1061,114 @@ function We(r) {
 				}
 			};
 		})
-	})), Y = J.some(({ rows: e }) => e.some((e) => e.trailing.disclosure)), X = J.some(({ rows: e }) => e.some((e) => e.trailing.menu));
-	return /* @__PURE__ */ k(c, {
+	})), oe = X.some(({ rows: e }) => e.some((e) => e.trailing.disclosure)), Z = X.some(({ rows: e }) => e.some((e) => e.trailing.menu));
+	return /* @__PURE__ */ j(l, {
 		gap: "xl",
-		className: n("activities-feed--component", x),
+		className: n("activities-feed--component", S),
 		children: [
-			!!y?.header && /* @__PURE__ */ O("div", { children: y.header }),
-			W ?? /* @__PURE__ */ O("div", {
+			!!b?.header && /* @__PURE__ */ A("div", { children: b.header }),
+			G ?? /* @__PURE__ */ A("div", {
 				className: "flex flex-col",
-				children: J.map(({ group: e, rows: t }, r) => {
+				children: X.map(({ group: e, rows: t }, r) => {
 					let i = r === 0;
-					return /* @__PURE__ */ k("div", {
+					return /* @__PURE__ */ j("div", {
 						className: n(i ? "" : "mt-1"),
-						children: [y?.renderDateLabel ? y.renderDateLabel(e.label, i) : /* @__PURE__ */ O(we, {
+						children: [b?.renderDateLabel ? b.renderDateLabel(e.label, i) : /* @__PURE__ */ A(Fe, {
 							label: e.label,
 							first: i
-						}), /* @__PURE__ */ O("div", {
-							className: n("flex flex-col", !!e.label && "mt-space-md"),
+						}), /* @__PURE__ */ A("div", {
+							role: "list",
+							"aria-label": e.label || void 0,
+							className: n("activities-feed--list flex flex-col", !!e.label && "mt-space-md"),
 							children: t.map((e) => {
 								let { keyed: t, activity: n, ctx: r } = e;
-								if (e.customRow !== void 0) return /* @__PURE__ */ O("div", { children: e.customRow }, t.key);
-								let i = y?.renderHeadline?.(n, r), a = y?.renderMarker?.(n, r);
-								return /* @__PURE__ */ O(Be, {
-									activity: n,
-									density: o,
-									itemSpacing: s,
-									eventConfig: e.eventCfg,
-									tone: e.tone,
-									last: e.isLast,
-									expanded: r.expanded,
-									onExpandedChange: (e) => {
-										V.setExpanded(n.id, e), te?.(n, e);
-									},
-									detailsCollapsible: e.rowDetailsCollapsible,
-									relativeTime: e.relativeTime,
-									absoluteTime: e.absoluteTime,
-									sourceLabel: e.sourceLabel,
-									youLabel: L.you,
-									showChangesLabel: L.showChanges,
-									hideChangesLabel: L.hideChanges,
-									moreLabel: L.moreLabel,
-									actionsLabel: L.actionsLabel,
-									currentUserId: h,
-									actions: e.actions,
-									onActivityClick: M,
-									onActorClick: N,
-									onResourceClick: P,
-									onAction: ee,
-									getResourceConfig: (e) => R.get(e),
-									headlineOverride: i,
-									markerOverride: a,
-									customDetails: e.customDetails,
-									rowClassName: He(b?.row, n),
-									markerClassName: He(b?.marker, n),
-									contentClassName: He(b?.content, n),
-									detailsClassName: He(b?.details, n),
-									reserveDisclosure: Y,
-									reserveMenu: X
+								if (e.customRow !== void 0) return /* @__PURE__ */ A("div", {
+									role: "listitem",
+									children: e.customRow
+								}, t.key);
+								let i = b?.renderHeadline?.(n, r), s = b?.renderMarker?.(n, r);
+								return /* @__PURE__ */ A("div", {
+									role: "listitem",
+									children: /* @__PURE__ */ A(Qe, {
+										activity: n,
+										density: a,
+										itemSpacing: o,
+										eventConfig: e.eventCfg,
+										tone: e.tone,
+										last: e.isLast,
+										expanded: r.expanded,
+										onExpandedChange: (e) => {
+											V.setExpanded(n.id, e), re?.(n, e);
+										},
+										detailsCollapsible: e.rowDetailsCollapsible,
+										relativeTime: e.relativeTime,
+										absoluteTime: e.absoluteTime,
+										sourceLabel: e.sourceLabel,
+										eventLabel: e.eventLabel,
+										strings: I,
+										currentUserId: g,
+										actions: e.actions,
+										onActivityClick: M,
+										onActorClick: N,
+										onResourceClick: P,
+										onAction: F,
+										getResourceConfig: (e) => R.get(e),
+										headlineOverride: i,
+										markerOverride: s,
+										customDetails: e.customDetails,
+										rowClassName: et(x?.row, n),
+										markerClassName: et(x?.marker, n),
+										contentClassName: et(x?.content, n),
+										detailsClassName: et(x?.details, n),
+										reserveDisclosure: oe,
+										reserveMenu: Z
+									})
 								}, t.key);
 							})
 						})]
 					}, `${e.label}-${r}`);
 				})
 			}),
-			!!y?.footer && /* @__PURE__ */ O("div", { children: y.footer })
+			!!b?.footer && /* @__PURE__ */ A("div", { children: b.footer })
 		]
 	});
 }
-We.displayName = "ActivityFeed";
+nt.displayName = "ActivityFeed";
 //#endregion
 //#region src/components/features/activities/activity-log.tsx
-function Ge(e, t) {
+function rt(e, t) {
 	let n = [...e];
 	return n.sort((e, n) => {
-		let r = e.timestamp ? new Date(e.timestamp).getTime() : 0, i = n.timestamp ? new Date(n.timestamp).getTime() : 0;
+		let r = it(e.timestamp), i = it(n.timestamp);
 		return t === "asc" ? r - i : i - r;
 	}), n;
 }
-function Ke(e) {
+function it(e) {
+	let t = e ? new Date(e).getTime() : 0;
+	return Number.isNaN(t) ? 0 : t;
+}
+var at = {};
+function ot(e) {
 	return e ?? "secondary";
 }
-function qe(e) {
+function st(e) {
 	if (e) return typeof e == "string" ? { name: e } : e;
 }
-function Je(e) {
+function ct(e) {
 	return e != null && typeof e != "boolean";
 }
-function Ye(e) {
+function lt(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? { text: String(e) } : {
 		text: "",
 		content: e
 	};
 }
-function Xe(e, t) {
+function ut(e, t) {
 	if (e && t && t.kind !== "comment") return typeof e == "function" ? e(t) : e;
 }
-function Ze(e, t) {
-	let n = qe(e.actor), r = Je(e.status), i = r ? e.status : e.target, a = Je(i), o = [];
-	if (e.action || a || !Je(e.headline)) {
+function dt(e, t) {
+	let n = st(e.actor), r = ct(e.status), i = r ? e.status : e.target, a = ct(i), o = [];
+	if (e.action || a || !ct(e.headline)) {
 		if (n && o.push({
 			type: "actor",
 			text: n.name,
@@ -1120,7 +1177,7 @@ function Ze(e, t) {
 			type: "text",
 			text: e.action
 		}), a) {
-			let t = Ye(i);
+			let t = lt(i);
 			o.push(r ? {
 				type: "status",
 				...t,
@@ -1132,9 +1189,9 @@ function Ze(e, t) {
 		}
 	} else typeof e.headline != "string" && o.push({
 		type: "text",
-		...Ye(e.headline)
+		...lt(e.headline)
 	});
-	let s = e.descriptionHtml ? /* @__PURE__ */ O(b, {
+	let s = e.descriptionHtml ? /* @__PURE__ */ A(x, {
 		html: e.descriptionHtml,
 		mentions: e.mentions,
 		resources: t
@@ -1148,7 +1205,7 @@ function Ze(e, t) {
 		createdAt: e.timestamp,
 		timestamp: void 0,
 		iconOverride: e.icon,
-		toneOverride: Ke(e.tone),
+		toneOverride: ot(e.tone),
 		headline: typeof e.headline == "string" ? e.headline : void 0,
 		description: s,
 		metadata: e.metadata,
@@ -1160,180 +1217,177 @@ function Ze(e, t) {
 		segments: o
 	};
 }
-function Qe(r) {
-	let { entries: a, order: o = "desc", itemSpacing: s = "relaxed", resources: l, onResourceSearch: u, canModerate: d, onCommentDelete: f, onCommentReact: p, onCommentReply: m, onCommentPinToggle: h, strings: g, activityStrings: b, renderers: x, renderEventDetails: C, eventDetailsCollapsible: T = !0, defaultExpandedIds: E, expandedIds: D, onExpandedIdsChange: A, onEventExpandedChange: j, onEventAction: M, classNames: N, composer: P, bare: ee = !1, title: te, getMediaUrl: F, getMediaName: I, getStatusLabel: L, formatRelativeTime: ne, className: R } = r, z = t(fe, b), B = e(), V = S((e) => {
-		let t = ne ?? B.formatRelativeTime;
-		if (t) return t(e);
-		let n = le(e);
-		if (!Q(n)) return e;
-		let r = B.locale;
-		return oe(n, {
-			addSuffix: !0,
-			...r ? { locale: r } : {}
-		});
+function ft(i) {
+	let { entries: a, order: o = "desc", itemSpacing: s = "relaxed", resources: c, onResourceSearch: u, canModerate: d, onCommentDelete: f, onCommentReact: p, onCommentReply: m, onCommentPinToggle: h, strings: g, activityStrings: _, renderers: v, renderEventDetails: y, eventDetailsCollapsible: x = !0, defaultExpandedIds: S, expandedIds: w, onExpandedIdsChange: ne, onEventExpandedChange: E, onEventAction: D, classNames: O, composer: k, loading: M, error: N, onRetry: P, slots: F, title: re, getMediaUrl: ie, getMediaName: ae, getStatusLabel: I, formatRelativeTime: L, className: R } = i, z = t(_e, _), B = e(), V = C((e) => {
+		let t = L ?? B.formatRelativeTime;
+		return t ? t(e) : ye(e, B.locale);
 	}, [
 		B.formatRelativeTime,
 		B.locale,
-		ne
-	]), H = y({
-		onSubmit: P?.onSubmit,
-		onAfterMutate: P?.onAfterMutate,
-		onError: P?.onError
-	}), W = w(() => Ge(a, o), [a, o]), G = w(() => W.map((e) => e.kind === "comment" ? {
+		L
+	]), H = b({
+		onSubmit: k?.onSubmit,
+		onAfterMutate: k?.onAfterMutate,
+		onError: k?.onError
+	}), U = T(() => rt(a, o), [a, o]), W = T(() => U.map((e) => e.kind === "comment" ? {
 		id: e.id,
 		event: "comment",
 		source: "comment",
 		createdAt: e.timestamp,
 		data: e
-	} : Ze(e, l)), [l, W]), K = w(() => ({
-		row: (e) => Xe(N?.eventRow, e.data),
-		marker: (e) => Xe(N?.eventMarker, e.data),
-		content: (e) => Xe(N?.eventContent, e.data),
-		details: (e) => Xe(N?.eventDetails, e.data)
-	}), [N]), q = P?.enabled ? /* @__PURE__ */ O("div", {
+	} : dt(e, c)), [c, U]), K = T(() => ({
+		row: (e) => ut(O?.eventRow, e.data),
+		marker: (e) => ut(O?.eventMarker, e.data),
+		content: (e) => ut(O?.eventContent, e.data),
+		details: (e) => ut(O?.eventDetails, e.data)
+	}), [O]), q = k?.enabled ? /* @__PURE__ */ A("div", {
 		className: "activity-log--composer",
-		children: /* @__PURE__ */ O(_, {
-			context: P.context,
+		children: /* @__PURE__ */ A(ee, {
+			context: k.context,
 			canComment: !0,
 			submitting: H.isSubmitting,
 			errors: H.formErrors,
 			resetKey: H.resetKey,
 			onSubmit: H.submit,
-			resources: l,
+			resources: c,
 			onResourceSearch: u,
 			strings: g,
-			placeholder: P.placeholder,
-			autoFocus: P.autoFocus,
-			inlineSubmit: P.inlineSubmit ?? !1
+			placeholder: k.placeholder,
+			autoFocus: k.autoFocus,
+			inlineSubmit: k.inlineSubmit ?? !1
 		})
-	}) : null, J = P?.position ?? "top", Y = /* @__PURE__ */ O(We, {
-		activities: G,
+	}) : null, J = k?.position ?? "top", Y = (e) => {
+		let t = e.data;
+		if (!t || t.kind === "comment") return [];
+		let n = t;
+		return (n.actions ?? []).map((e) => ({
+			id: e.id,
+			label: e.label,
+			icon: e.icon,
+			href: e.href,
+			disabled: e.disabled,
+			tone: e.tone,
+			presentation: e.presentation,
+			onClick: () => e.onSelect?.(n)
+		}));
+	}, X = {
+		header: J === "top" ? q : void 0,
+		footer: J === "bottom" ? q : void 0,
+		empty: F?.empty,
+		loading: F?.loading,
+		error: F?.error,
+		renderRow: (e, t) => {
+			let r = e.data;
+			if (!r) return;
+			let i = v?.[r.kind];
+			if (i) return i(r, {
+				resources: c,
+				accessors: {
+					getMediaUrl: ie,
+					getMediaName: ae,
+					getStatusLabel: I,
+					formatRelativeTime: V
+				},
+				strings: g
+			});
+			if (r.kind !== "comment") return;
+			let a = r;
+			return /* @__PURE__ */ j(l, {
+				direction: "horizontal",
+				gap: "md",
+				align: "stretch",
+				wrap: !1,
+				className: n("activity-log--comment-row relative py-space-xs", !t.isLast && (t.itemSpacing === "compact" ? "pb-space-sm" : t.itemSpacing === "relaxed" ? "pb-space-xl" : "pb-space-md")),
+				"data-event-id": a.id,
+				children: [/* @__PURE__ */ A(qe, {
+					icon: G,
+					tone: "neutral",
+					density: t.density,
+					last: t.isLast
+				}), /* @__PURE__ */ A("div", {
+					className: "activity-log--comment min-w-0 flex-1",
+					children: /* @__PURE__ */ A(te, {
+						comment: a.comment,
+						canModerate: d,
+						onDelete: f,
+						onPinToggle: h,
+						onReact: p,
+						onReply: m,
+						strings: g,
+						resources: c,
+						getMediaUrl: ie,
+						getMediaName: ae,
+						getStatusLabel: I,
+						formatRelativeTime: V
+					})
+				})]
+			});
+		},
+		renderDetails: (e, t) => {
+			let n = e.data;
+			return !n || n.kind === "comment" ? null : y?.(n, {
+				expanded: t.expanded,
+				setExpanded: t.setExpanded,
+				relativeTime: t.relativeTime,
+				isLast: t.isLast,
+				resources: c
+			});
+		}
+	}, oe = /* @__PURE__ */ A(nt, {
+		activities: W,
 		density: "rich",
 		itemSpacing: s,
 		groupByDate: !0,
-		resources: {},
-		strings: b,
-		detailsCollapsible: T,
-		defaultExpandedIds: E,
-		expandedIds: D,
-		onExpandedIdsChange: A,
-		formatRelativeTime: V,
+		resources: at,
+		loading: M,
+		error: N,
+		onRetry: P,
+		strings: _,
+		detailsCollapsible: x,
+		defaultExpandedIds: S,
+		expandedIds: w,
+		onExpandedIdsChange: ne,
+		formatRelativeTime: L,
 		getSourceLabel: (e) => z.sources[e] ?? e,
-		actionsForActivity: (e) => {
-			let t = e.data;
-			if (!t || t.kind === "comment") return [];
-			let n = t;
-			return (n.actions ?? []).map((e) => ({
-				id: e.id,
-				label: e.label,
-				icon: e.icon,
-				href: e.href,
-				disabled: e.disabled,
-				tone: e.tone,
-				presentation: e.presentation,
-				onClick: () => e.onSelect?.(n)
-			}));
-		},
+		actionsForActivity: Y,
 		rowClassNames: K,
 		onAction: (e, t) => {
 			let n = t.data;
-			n && n.kind !== "comment" && M?.(e, n);
+			n && n.kind !== "comment" && D?.(e, n);
 		},
 		onActivityExpandedChange: (e, t) => {
 			let n = e.data;
-			n && n.kind !== "comment" && j?.(n, t);
+			n && n.kind !== "comment" && E?.(n, t);
 		},
-		slots: {
-			header: J === "top" ? q : void 0,
-			footer: J === "bottom" ? q : void 0,
-			renderRow: (e, t) => {
-				let r = e.data;
-				if (!r) return;
-				let i = x?.[r.kind];
-				if (i) return i(r, {
-					resources: l,
-					accessors: {
-						getMediaUrl: F,
-						getMediaName: I,
-						getStatusLabel: L,
-						formatRelativeTime: V
-					},
-					strings: g
-				});
-				if (r.kind !== "comment") return;
-				let a = r;
-				return /* @__PURE__ */ k(c, {
-					direction: "horizontal",
-					gap: "md",
-					align: "stretch",
-					wrap: !1,
-					className: n("activity-log--comment-row relative py-space-xs", !t.isLast && (t.itemSpacing === "compact" ? "pb-space-sm" : t.itemSpacing === "relaxed" ? "pb-space-xl" : "pb-space-md")),
-					"data-event-id": a.id,
-					children: [/* @__PURE__ */ O(Fe, {
-						icon: U,
-						tone: "neutral",
-						density: t.density,
-						last: t.isLast
-					}), /* @__PURE__ */ O("div", {
-						className: "activity-log--comment min-w-0 flex-1",
-						children: /* @__PURE__ */ O(v, {
-							comment: a.comment,
-							canModerate: d,
-							onDelete: f,
-							onPinToggle: h,
-							onReact: p,
-							onReply: m,
-							strings: g,
-							resources: l,
-							getMediaUrl: F,
-							getMediaName: I,
-							getStatusLabel: L,
-							formatRelativeTime: V
-						})
-					})]
-				});
-			},
-			renderDetails: (e, t) => {
-				let n = e.data;
-				return !n || n.kind === "comment" ? null : C?.(n, {
-					expanded: t.expanded,
-					setExpanded: t.setExpanded,
-					relativeTime: t.relativeTime,
-					isLast: t.isLast,
-					resources: l
-				});
-			}
-		},
-		className: n("activity-log--component", N?.list, ee && R)
-	});
-	if (ee) return Y;
-	let X = te ?? z.title, re = typeof X == "string" ? X : void 0;
-	return /* @__PURE__ */ k(c, {
-		render: /* @__PURE__ */ O("section", {}),
+		slots: X,
+		className: n("activity-log--component", O?.list)
+	}), Z = re ?? z.title, se = typeof Z == "string" ? Z : void 0;
+	return /* @__PURE__ */ j(l, {
+		render: /* @__PURE__ */ A("section", {}),
 		gap: "lg",
 		"data-component": "activity-log",
 		"data-slot": "activity-log",
 		className: n("activity-log--component", R),
-		"aria-label": re,
-		children: [!!X && /* @__PURE__ */ O(i, {
+		"aria-label": se,
+		children: [!!Z && /* @__PURE__ */ A(r, {
 			type: "inherit",
 			weight: "semibold",
-			children: X
-		}), Y]
+			children: Z
+		}), oe]
 	});
 }
-Qe.displayName = "ActivityLog";
+ft.displayName = "ActivityLog";
 //#endregion
 //#region src/components/features/activities/activity-event-adapter.ts
-function $e(e) {
+function pt(e) {
 	if (typeof e == "object" && e && "kind" in e) {
 		let t = e.kind;
 		if (typeof t == "string") return t;
 	}
 	return "event";
 }
-function et(e, t) {
-	let n = t.kind?.(e) ?? $e(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
+function mt(e, t) {
+	let n = t.kind?.(e) ?? pt(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
 	if (n === "comment" && a) return {
 		id: r,
 		kind: "comment",
@@ -1363,10 +1417,10 @@ function et(e, t) {
 		data: t.data?.(e) ?? e
 	};
 }
-function tt(e) {
-	return (t) => et(t, e);
+function ht(e) {
+	return (t) => mt(t, e);
 }
 //#endregion
-export { xe as ActivityActionsMenu, Ce as ActivityChanges, we as ActivityDateLabel, Te as ActivityEmptyState, We as ActivityFeed, Pe as ActivityHeadline, Qe as ActivityLog, Fe as ActivityMarker, Ae as ActivityResourceTag, Be as ActivityRow, tt as createActivityEventAdapter, fe as defaultActivitiesStrings, ue as defaultActivityEventConfig, $ as defaultEventConfig, pe as interpolateActivityString, de as resolveEventConfig, et as toActivityLogEntry, he as useActivityFeed, ye as useActivityResources };
+export { Me as ActivityActionsMenu, Pe as ActivityChanges, Fe as ActivityDateLabel, Ie as ActivityEmptyState, nt as ActivityFeed, Ke as ActivityHeadline, ft as ActivityLog, qe as ActivityMarker, He as ActivityResourceTag, Qe as ActivityRow, ht as createActivityEventAdapter, _e as defaultActivitiesStrings, he as defaultActivityEventConfig, me as defaultEventConfig, ve as interpolateActivityString, ge as resolveEventConfig, mt as toActivityLogEntry, Ee as useActivityFeed, Ae as useActivityResources };
 
 //# sourceMappingURL=activities.js.map