@qtalo/qt-ui-library 0.1.24 → 0.1.26

package/dist/index.js

@@ -326,13 +326,13 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 function createDOMPurify() {
 	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal(), t = (e) => createDOMPurify(e);
 	if (t.version = "3.3.1", t.removed = [], !e || !e.document || e.document.nodeType !== NODE_TYPE.document || !e.Element) return t.isSupported = !1, t;
-	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: f, DOMParser: p, trustedTypes: h } = e, Zo = c.prototype, g = lookupGetter(Zo, "cloneNode"), O = lookupGetter(Zo, "remove"), Qo = lookupGetter(Zo, "nextSibling"), $o = lookupGetter(Zo, "childNodes"), es = lookupGetter(Zo, "parentNode");
+	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: f, DOMParser: p, trustedTypes: h } = e, g = c.prototype, O = lookupGetter(g, "cloneNode"), A = lookupGetter(g, "remove"), Zo = lookupGetter(g, "nextSibling"), Qo = lookupGetter(g, "childNodes"), $o = lookupGetter(g, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let A, R = "", { implementation: ts, createNodeIterator: ns, createDocumentFragment: rs, getElementsByTagName: is } = n, { importNode: as } = r, B = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof es == "function" && ts && ts.createHTMLDocument !== void 0;
+	let R, B = "", { implementation: es, createNodeIterator: ts, createDocumentFragment: ns, getElementsByTagName: rs } = n, { importNode: is } = r, as = _createHooksMap();
+	t.isSupported = typeof entries == "function" && typeof $o == "function" && es && es.createHTMLDocument !== void 0;
 	let { MUSTACHE_EXPR: os, ERB_EXPR: ss, TMPLIT_EXPR: cs, DATA_ATTR: ls, ARIA_ATTR: us, IS_SCRIPT_OR_DATA: ds, ATTR_WHITESPACE: fs, CUSTOM_ELEMENT: ps } = EXPRESSIONS, { IS_ALLOWED_URI: ms } = EXPRESSIONS, V = null, hs = addToSet({}, [
 		...html$1,
 		...svg$1,
@@ -452,8 +452,8 @@ function createDOMPurify() {
 			]), V.table && (addToSet(V, ["tbody"]), delete vs.tbody), e.TRUSTED_TYPES_POLICY) {
 				if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
 				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-				A = e.TRUSTED_TYPES_POLICY, R = A.createHTML("");
-			} else A === void 0 && (A = _createTrustedTypesPolicy(h, i)), A !== null && typeof R == "string" && (R = A.createHTML(""));
+				R = e.TRUSTED_TYPES_POLICY, B = R.createHTML("");
+			} else R === void 0 && (R = _createTrustedTypesPolicy(h, i)), R !== null && typeof B == "string" && (B = R.createHTML(""));
 			freeze && freeze(e), nc = e;
 		}
 	}, oc = addToSet({}, [
@@ -461,7 +461,7 @@ function createDOMPurify() {
 		...svgFilters,
 		...svgDisallowed
 	]), sc = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), cc = function(e) {
-		let t = es(e);
+		let t = $o(e);
 		(!t || !t.tagName) && (t = {
 			namespaceURI: qs,
 			tagName: "template"
@@ -471,9 +471,9 @@ function createDOMPurify() {
 	}, lc = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			es(e).removeChild(e);
+			$o(e).removeChild(e);
 		} catch {
-			O(e);
+			A(e);
 		}
 	}, uc = function(e, n) {
 		try {
@@ -501,20 +501,20 @@ function createDOMPurify() {
 			r = t && t[0];
 		}
 		ec === "application/xhtml+xml" && qs === Ks && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = A ? A.createHTML(e) : e;
+		let i = R ? R.createHTML(e) : e;
 		if (qs === Ks) try {
 			t = new p().parseFromString(i, ec);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = ts.createDocument(qs, "template", null);
+			t = es.createDocument(qs, "template", null);
 			try {
-				t.documentElement.innerHTML = Js ? R : i;
+				t.documentElement.innerHTML = Js ? B : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), qs === Ks ? is.call(t, Ds ? "html" : "body")[0] : Ds ? t.documentElement : a;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), qs === Ks ? rs.call(t, Ds ? "html" : "body")[0] : Ds ? t.documentElement : a;
 	}, fc = function(e) {
-		return ns.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+		return ts.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
 	}, pc = function(e) {
 		return e instanceof f && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof u) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
 	}, mc = function(e) {
@@ -527,21 +527,21 @@ function createDOMPurify() {
 	}
 	let gc = function(e) {
 		let n = null;
-		if (hc(B.beforeSanitizeElements, e, null), pc(e)) return lc(e), !0;
+		if (hc(as.beforeSanitizeElements, e, null), pc(e)) return lc(e), !0;
 		let r = Y(e.nodeName);
-		if (hc(B.uponSanitizeElement, e, {
+		if (hc(as.uponSanitizeElement, e, {
 			tagName: r,
 			allowedTags: V
 		}), Es && e.hasChildNodes() && !mc(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || Es && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return lc(e), !0;
 		if (!(bs.tagCheck instanceof Function && bs.tagCheck(r)) && (!V[r] || vs[r])) {
 			if (!vs[r] && vc(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
 			if (Fs && !Rs[r]) {
-				let t = es(e) || e.parentNode, n = $o(e) || e.childNodes;
+				let t = $o(e) || e.parentNode, n = Qo(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
 					for (let i = r - 1; i >= 0; --i) {
-						let r = g(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Qo(e));
+						let r = O(n[i], !0);
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Zo(e));
 					}
 				}
 			}
@@ -553,7 +553,7 @@ function createDOMPurify() {
 			cs
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), hc(B.afterSanitizeElements, e, null), !1);
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), hc(as.afterSanitizeElements, e, null), !1);
 	}, _c = function(e, t, r) {
 		if (Ns && (t === "id" || t === "name") && (r in n || r in rc)) return !1;
 		if (!(Ss && !ys[t] && regExpTest(ls, t)) && !(xs && regExpTest(us, t)) && !(bs.attributeCheck instanceof Function && bs.attributeCheck(t, e))) {
@@ -565,7 +565,7 @@ function createDOMPurify() {
 	}, vc = function(e) {
 		return e !== "annotation-xml" && stringMatch(e, ps);
 	}, yc = function(e) {
-		hc(B.beforeSanitizeAttributes, e, null);
+		hc(as.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
 		if (!n || pc(e)) return;
 		let r = {
@@ -577,7 +577,7 @@ function createDOMPurify() {
 		}, i = n.length;
 		for (; i--;) {
 			let { name: a, namespaceURI: o, value: s } = n[i], c = Y(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, hc(B.uponSanitizeAttribute, e, r), u = r.attrValue, Ps && (c === "id" || c === "name") && (uc(a, e), u = "user-content-" + u), Es && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, hc(as.uponSanitizeAttribute, e, r), u = r.attrValue, Ps && (c === "id" || c === "name") && (uc(a, e), u = "user-content-" + u), Es && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
 				uc(a, e);
 				continue;
 			}
@@ -606,12 +606,12 @@ function createDOMPurify() {
 				uc(a, e);
 				continue;
 			}
-			if (A && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
+			if (R && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
 				case "TrustedHTML":
-					u = A.createHTML(u);
+					u = R.createHTML(u);
 					break;
 				case "TrustedScriptURL":
-					u = A.createScriptURL(u);
+					u = R.createScriptURL(u);
 					break;
 			}
 			if (u !== l) try {
@@ -620,11 +620,11 @@ function createDOMPurify() {
 				uc(a, e);
 			}
 		}
-		hc(B.afterSanitizeAttributes, e, null);
+		hc(as.afterSanitizeAttributes, e, null);
 	}, bc = function e(t) {
 		let n = null, r = fc(t);
-		for (hc(B.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) hc(B.uponSanitizeShadowNode, n, null), gc(n), yc(n), n.content instanceof a && e(n.content);
-		hc(B.afterSanitizeShadowDOM, t, null);
+		for (hc(as.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) hc(as.uponSanitizeShadowNode, n, null), gc(n), yc(n), n.content instanceof a && e(n.content);
+		hc(as.afterSanitizeShadowDOM, t, null);
 	};
 	return t.sanitize = function(e) {
 		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, o = null, c = null, l = null;
@@ -639,17 +639,17 @@ function createDOMPurify() {
 			}
 		} else if (e instanceof s) i = dc("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
 		else {
-			if (!As && !Ts && !Ds && e.indexOf("<") === -1) return A && Ms ? A.createHTML(e) : e;
-			if (i = dc(e), !i) return As ? null : Ms ? R : "";
+			if (!As && !Ts && !Ds && e.indexOf("<") === -1) return R && Ms ? R.createHTML(e) : e;
+			if (i = dc(e), !i) return As ? null : Ms ? B : "";
 		}
 		i && ks && lc(i.firstChild);
 		let u = fc(Is ? e : i);
 		for (; c = u.nextNode();) gc(c), yc(c), c.content instanceof a && bc(c.content);
 		if (Is) return e;
 		if (As) {
-			if (js) for (l = rs.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+			if (js) for (l = ns.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (gs.shadowroot || gs.shadowrootmode) && (l = as.call(r, l, !0)), l;
+			return (gs.shadowroot || gs.shadowrootmode) && (l = is.call(r, l, !0)), l;
 		}
 		let f = Ds ? i.outerHTML : i.innerHTML;
 		return Ds && V["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, i.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + f), Ts && arrayForEach([
@@ -658,7 +658,7 @@ function createDOMPurify() {
 			cs
 		], (e) => {
 			f = stringReplace(f, e, " ");
-		}), A && Ms ? A.createHTML(f) : f;
+		}), R && Ms ? R.createHTML(f) : f;
 	}, t.setConfig = function() {
 		ac(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Os = !0;
 	}, t.clearConfig = function() {
@@ -666,17 +666,17 @@ function createDOMPurify() {
 	}, t.isValidAttribute = function(e, t, n) {
 		return nc || ac({}), _c(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(B[e], t);
+		typeof t == "function" && arrayPush(as[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(B[e], t);
-			return n === -1 ? void 0 : arraySplice(B[e], n, 1)[0];
+			let n = arrayLastIndexOf(as[e], t);
+			return n === -1 ? void 0 : arraySplice(as[e], n, 1)[0];
 		}
-		return arrayPop(B[e]);
+		return arrayPop(as[e]);
 	}, t.removeHooks = function(e) {
-		B[e] = [];
+		as[e] = [];
 	}, t.removeAllHooks = function() {
-		B = _createHooksMap();
+		as = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify();
@@ -21328,11 +21328,11 @@ function Button({ className: e, children: t, ...n }) {
 	});
 }
 function Checkbox({ checked: e, defaultChecked: t, icon: n, indeterminate: r, indeterminateIcon: i, onChange: a, disabled: o, children: s, className: c }) {
-	let u = useRef(null), [f, p] = useState(t ?? !1), g = e ?? f;
+	let u = useRef(null), [f, p] = useState(t ?? !1), O = e ?? f;
 	useEffect(() => {
 		u.current && (u.current.indeterminate = !!r);
 	}, [r]);
-	function O(t) {
+	function A(t) {
 		let n = t.target.checked;
 		e === void 0 && p(n), a?.(n);
 	}
@@ -21344,17 +21344,17 @@ function Checkbox({ checked: e, defaultChecked: t, icon: n, indeterminate: r, in
 				type: "checkbox",
 				className: cn("p-0 absolute h-px w-px overflow-hidden whitespace-nowrap", "[clip-path:inset(50%)]", "border-0"),
 				disabled: o,
-				onChange: O,
+				onChange: A,
 				...e === void 0 ? { defaultChecked: t } : { checked: e }
 			}),
 			/* @__PURE__ */ jsx("span", {
 				role: "checkbox",
-				"aria-checked": r ? "mixed" : g,
+				"aria-checked": r ? "mixed" : O,
 				tabIndex: -1,
-				"data-state": r ? "indeterminate" : g ? "checked" : "unchecked",
+				"data-state": r ? "indeterminate" : O ? "checked" : "unchecked",
 				className: "checkbox-box inline-flex items-center justify-center",
 				children: /* @__PURE__ */ jsx("span", {
-					className: cn("checkbox-icon", !(g || r) && "opacity-0"),
+					className: cn("checkbox-icon", !(O || r) && "opacity-0"),
 					children: r ? i ?? "—" : n ?? "✓"
 				})
 			}),
@@ -21372,18 +21372,18 @@ function useDropdown() {
 	return e;
 }
 function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bottom", offsetX: i = 0, offsetY: a = 0, disabled: o = !1, openOnHover: c = !0, open: u, onOpenChange: p }) {
-	let g = u !== void 0, [O, A] = useState(!1), R = g ? u : O, ts = useCallback((e) => {
-		e !== R && (g || A(e), p?.(e));
+	let O = u !== void 0, [A, R] = useState(!1), B = O ? u : A, es = useCallback((e) => {
+		e !== B && (O || R(e), p?.(e));
 	}, [
-		R,
-		g,
+		B,
+		O,
 		p
-	]), ns = useRef(null), rs = useRef(null), is = useRef(null), [as, B] = useState(null), os = useCallback(() => {
-		if (!ns.current || !rs.current) return;
-		let e = ns.current.getBoundingClientRect(), t = rs.current.getBoundingClientRect(), o = e.left;
+	]), ts = useRef(null), ns = useRef(null), rs = useRef(null), [is, as] = useState(null), os = useCallback(() => {
+		if (!ts.current || !ns.current) return;
+		let e = ts.current.getBoundingClientRect(), t = ns.current.getBoundingClientRect(), o = e.left;
 		n === "end" ? o = e.right - t.width : n === "center" && (o = e.left + (e.width - t.width) / 2), o += i;
 		let s;
-		s = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => B({
+		s = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => as({
 			top: s,
 			left: o
 		}));
@@ -21394,52 +21394,52 @@ function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bott
 		a
 	]);
 	useLayoutEffect(() => {
-		R && os();
-	}, [R, os]), useEffect(() => {
-		if (!R) return;
+		B && os();
+	}, [B, os]), useEffect(() => {
+		if (!B) return;
 		let e = () => os();
 		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [R, os]);
+	}, [B, os]);
 	let ss = useCallback(() => {
-		is.current &&= (clearTimeout(is.current), null), ts(!0);
-	}, [ts]), cs = useCallback(() => {
-		is.current = window.setTimeout(() => {
-			ts(!1);
+		rs.current &&= (clearTimeout(rs.current), null), es(!0);
+	}, [es]), cs = useCallback(() => {
+		rs.current = window.setTimeout(() => {
+			es(!1);
 		}, 120);
-	}, [ts]);
+	}, [es]);
 	return useEffect(() => {
 		function e(e) {
 			let t = e.target;
-			ns.current?.contains(t) || rs.current?.contains(t) || ts(!1);
+			ts.current?.contains(t) || ns.current?.contains(t) || es(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [ts]), useEffect(() => () => {
-		is.current && clearTimeout(is.current);
+	}, [es]), useEffect(() => () => {
+		rs.current && clearTimeout(rs.current);
 	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
 		value: {
-			close: () => ts(!1),
+			close: () => es(!1),
 			open: ss
 		},
 		children: [/* @__PURE__ */ jsx("div", {
-			ref: ns,
+			ref: ts,
 			className: "inline-flex",
 			onMouseEnter: c ? ss : void 0,
 			onMouseLeave: c ? cs : void 0,
-			onClick: () => ts(!R),
+			onClick: () => es(!B),
 			"aria-haspopup": "menu",
-			"aria-expanded": R,
+			"aria-expanded": B,
 			children: e
-		}), R && !o && createPortal(/* @__PURE__ */ jsx("div", {
-			ref: rs,
+		}), B && !o && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: ns,
 			onMouseEnter: c ? ss : void 0,
 			onMouseLeave: c ? cs : void 0,
 			style: {
 				position: "fixed",
-				top: as?.top ?? 0,
-				left: as?.left ?? 0,
-				visibility: as ? "visible" : "hidden",
+				top: is?.top ?? 0,
+				left: is?.left ?? 0,
+				visibility: is ? "visible" : "hidden",
 				zIndex: 1e3
 			},
 			children: t
@@ -21452,7 +21452,7 @@ function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1,
 		let t = e.target.value;
 		f || u(t), o?.(t);
 	}
-	function g(e) {
+	function O(e) {
 		s?.(e);
 	}
 	return /* @__PURE__ */ jsx("input", {
@@ -21463,7 +21463,7 @@ function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1,
 		"aria-disabled": r || void 0,
 		"aria-invalid": i || void 0,
 		onChange: h,
-		onKeyDown: g,
+		onKeyDown: O,
 		className: cn("bg-transparent outline-none", r && "pointer-events-none", c)
 	});
 }
@@ -21501,17 +21501,17 @@ function getVerticalAlign(e, t, n) {
 	return n === "start" ? e.top : n === "end" ? e.bottom - t.height : e.top + e.height / 2 - t.height / 2;
 }
 function Tooltip({ children: e, content: t, position: n = "top", delay: r = 120, className: i }) {
-	let a = useRef(null), o = useRef(null), s = useRef(null), [c, u] = useState(!1), [p, g] = useState(null), A = () => {
+	let a = useRef(null), o = useRef(null), s = useRef(null), [c, u] = useState(!1), [p, O] = useState(null), R = () => {
 		s.current &&= (clearTimeout(s.current), null), s.current = window.setTimeout(() => {
 			u(!0);
 		}, r);
-	}, R = () => {
+	}, B = () => {
 		s.current &&= (clearTimeout(s.current), null), u(!1);
 	};
 	return useLayoutEffect(() => {
 		if (!c || !a.current || !o.current) return;
 		let e = a.current.getBoundingClientRect(), t = o.current.getBoundingClientRect(), [r, i] = n.split("-"), s = i ?? "center", l = 0, u = 0;
-		r === "top" || r === "bottom" ? (l = r === "top" ? e.top - t.height - 4 : e.bottom + 4, u = getHorizontalAlign(e, t, s)) : (u = r === "left" ? e.left - t.width - 4 : e.right + 4, l = getVerticalAlign(e, t, s)), g((e) => e && e.top === l && e.left === u ? e : {
+		r === "top" || r === "bottom" ? (l = r === "top" ? e.top - t.height - 4 : e.bottom + 4, u = getHorizontalAlign(e, t, s)) : (u = r === "left" ? e.left - t.width - 4 : e.right + 4, l = getVerticalAlign(e, t, s)), O((e) => e && e.top === l && e.left === u ? e : {
 			top: l,
 			left: u
 		});
@@ -21520,10 +21520,10 @@ function Tooltip({ children: e, content: t, position: n = "top", delay: r = 120,
 	}, []), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		ref: a,
 		className: "inline-flex",
-		onMouseEnter: A,
-		onMouseLeave: R,
-		onFocus: A,
-		onBlur: R,
+		onMouseEnter: R,
+		onMouseLeave: B,
+		onFocus: R,
+		onBlur: B,
 		children: e
 	}), c && createPortal(/* @__PURE__ */ jsx("div", {
 		ref: o,
@@ -22986,10 +22986,8 @@ function findActiveStep(e, t, n) {
 	return null;
 }
 function OnboardingEngine({ steps: e, context: t, storageKey: n, isEnabled: r = !0, children: i }) {
-	let a = n ?? "onboarding_dismissed", [o, c] = useState(() => readDismissedFromStorage(a));
-	useLayoutEffect(() => {
-		c(readDismissedFromStorage(a));
-	}, [a]), useEffect(() => {
+	let a = n ?? "onboarding_dismissed", [o, c] = useState(() => readDismissedFromStorage(a)), [u, f] = useState(a);
+	a !== u && (f(a), c(readDismissedFromStorage(a))), useEffect(() => {
 		if (!(typeof window > "u")) try {
 			localStorage.setItem(a, JSON.stringify([...o]));
 		} catch {}
@@ -23000,41 +22998,41 @@ function OnboardingEngine({ steps: e, context: t, storageKey: n, isEnabled: r =
 			c((e) => e.size === r.size && [...e].every((e) => r.has(e)) ? e : r);
 		});
 	}, [e, a]);
-	let u = useMemo(() => r ? findActiveStep(e, o, t) : null, [
+	let h = useMemo(() => r ? findActiveStep(e, o, t) : null, [
 		r,
 		e,
 		o,
 		t
-	]), h = u?.step ?? null, g = u?.index ?? null, $o = useCallback((e) => {
+	]), O = h?.step ?? null, Qo = h?.index ?? null, $o = useCallback((e) => {
 		c((t) => {
 			if (t.has(e)) return t;
 			let n = new Set(t);
 			return n.add(e), n;
 		});
-	}, []), es = useCallback(() => {
+	}, []), R = useCallback(() => {
 		c((n) => {
 			let r = findActiveStep(e, n, t);
 			if (r == null || n.has(r.step.id)) return n;
 			let i = new Set(n);
 			return i.add(r.step.id), i;
 		});
-	}, [e, t]), A = useCallback(() => {
+	}, [e, t]), B = useCallback(() => {
 		c(new Set(e.map((e) => e.id)));
 	}, [e]);
 	return /* @__PURE__ */ jsx(Fragment$1, { children: i({
 		context: t,
-		currentStep: h,
-		currentStepIndex: g,
+		currentStep: O,
+		currentStepIndex: Qo,
 		dismissedStepIds: o,
 		actions: useMemo(() => ({
-			dismissCurrentStep: es,
+			dismissCurrentStep: R,
 			dismissStep: $o,
-			skipAll: A,
-			close: A
+			skipAll: B,
+			close: B
 		}), [
-			es,
+			R,
 			$o,
-			A
+			B
 		])
 	}) });
 }
@@ -23206,7 +23204,7 @@ function useToastTimers(e, t) {
 				isPaused: !0
 			});
 		}), a.current &&= (clearInterval(a.current), null);
-	}, []), g = useCallback(() => {
+	}, []), O = useCallback(() => {
 		o.current && (o.current = !1, i.current.forEach((t, n) => {
 			if (t.isPaused && t.remainingTime > 0) {
 				let r = e.find((e) => e.id === n);
@@ -23217,7 +23215,7 @@ function useToastTimers(e, t) {
 		e,
 		u,
 		f
-	]), O = useCallback((e) => {
+	]), A = useCallback((e) => {
 		i.current.delete(e), r((t) => {
 			let n = new Map(t);
 			return n.delete(e), n;
@@ -23238,22 +23236,22 @@ function useToastTimers(e, t) {
 	}, []), {
 		remainingTimes: n,
 		pauseAll: p,
-		resumeAll: g,
-		cleanupTimer: O
+		resumeAll: O,
+		cleanupTimer: A
 	};
 }
 function Toaster() {
 	let [e, t] = useState([]), [n, r] = useState([]), i = useRef(/* @__PURE__ */ new Set()), a = useRef(/* @__PURE__ */ new Map()), o = useRef([]), { remainingTimes: c, pauseAll: u, resumeAll: f, cleanupTimer: p } = useToastTimers(e, a);
 	useEffect(() => toastStore.subscribe(t), []);
-	let A = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), R = useCallback((e) => {
+	let R = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), B = useCallback((e) => {
 		e.callbacks?.onOpen?.();
-	}, []), ts = useCallback((e, t) => {
+	}, []), es = useCallback((e, t) => {
 		t === "manual" ? e.callbacks?.onClose?.() : (t === "timeout" || t === "replaced") && e.callbacks?.onAutoClose?.(), e.callbacks?.onDismiss?.(t);
 	}, []);
 	useEffect(() => {
 		let t = new Set(e.map((e) => e.id)), n = new Map(e.map((e) => [e.id, e])), s = i.current;
 		o.current.filter((e) => !t.has(e.id) && e.animationState !== "exiting").forEach((e) => {
-			ts(e, a.current.get(e.id) ?? toastStore.consumePendingDismissReason(e.id) ?? "timeout"), a.current.delete(e.id);
+			es(e, a.current.get(e.id) ?? toastStore.consumePendingDismissReason(e.id) ?? "timeout"), a.current.delete(e.id);
 		}), r((r) => {
 			let i = r.map((e) => {
 				let t = n.get(e.id);
@@ -23262,7 +23260,7 @@ function Toaster() {
 					content: t.content,
 					duration: t.duration
 				} : e;
-			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (R(e), {
+			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (B(e), {
 				...e,
 				animationState: "entering"
 			})), ...i];
@@ -23270,20 +23268,20 @@ function Toaster() {
 		}), i.current = t;
 	}, [
 		e,
-		R,
-		ts
+		B,
+		es
 	]);
-	let ns = useCallback((e) => {
+	let ts = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return o.current = n, n;
 		}), p(e), toastStore.cleanup(e);
-	}, [p]), rs = useCallback((e) => {
+	}, [p]), ns = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
-	if (!A) return null;
-	let is = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(is).map(([e, t]) => {
+	if (!R) return null;
+	let rs = groupByPosition(n);
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(rs).map(([e, t]) => {
 		let n = t.filter((e) => e.singleSlot), r = t.filter((e) => !e.singleSlot), i = n.length > 0 ? /* @__PURE__ */ jsx("div", {
 			className: cn("isolate inline-grid max-w-[min(100vw,100%)] grid-cols-1 grid-rows-1", SINGLE_SLOT_PLACE[e]),
 			children: n.map((e, t) => /* @__PURE__ */ jsx("div", {
@@ -23292,8 +23290,8 @@ function Toaster() {
 				children: /* @__PURE__ */ jsx(ToastWrapper, {
 					toast: e,
 					remainingTime: c.get(e.id) ?? e.duration,
-					onExitComplete: ns,
-					onClose: rs,
+					onExitComplete: ts,
+					onClose: ns,
 					onHoverStart: u,
 					onHoverEnd: f
 				})
@@ -23301,8 +23299,8 @@ function Toaster() {
 		}) : null, a = r.map((e) => /* @__PURE__ */ jsx(ToastWrapper, {
 			toast: e,
 			remainingTime: c.get(e.id) ?? e.duration,
-			onExitComplete: ns,
-			onClose: rs,
+			onExitComplete: ts,
+			onClose: ns,
 			onHoverStart: u,
 			onHoverEnd: f
 		}, e.id));
@@ -23517,10 +23515,10 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 	let s = e > 0, c = s && t === e, l = s && t > 0 && t < e, u = c ? `All (${e})` : l ? `${t}/${e} selected` : `Select all (${e})`, [f, p] = useState(i ?? "normal"), h = () => {
 		n(!c);
 	};
-	function g(e) {
+	function O(e) {
 		p(e), a?.(e);
 	}
-	let es = {
+	let $o = {
 		fire: [{
 			id: "fire",
 			tooltip: "Mark as fire",
@@ -23572,7 +23570,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			}),
 			onClick: r.read.off
 		}]
-	}, A = [{
+	}, R = [{
 		value: "normal",
 		tooltip: "Normal density",
 		icon: /* @__PURE__ */ jsx(NormalDensityIcon, { size: 20 })
@@ -23601,7 +23599,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center divide-x divide-neutral-400-variant-1",
-				children: t > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(es).map(([e, t]) => /* @__PURE__ */ jsx("div", {
+				children: t > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries($o).map(([e, t]) => /* @__PURE__ */ jsx("div", {
 					className: "gap-2 px-1 flex items-center",
 					children: t.map((e) => /* @__PURE__ */ jsx(InfoTooltip, {
 						content: e.tooltip,
@@ -23616,13 +23614,13 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "gap-2 flex items-center",
-				children: A.map(({ value: e, tooltip: t, icon: n }) => {
+				children: R.map(({ value: e, tooltip: t, icon: n }) => {
 					let r = f === e;
 					return /* @__PURE__ */ jsx(InfoTooltip, {
 						content: t,
 						children: /* @__PURE__ */ jsx(IconButton, {
 							className: cn("h-7 w-7 p-0 text-neutral-900", r && "bg-white-variant-4"),
-							onClick: () => g(e),
+							onClick: () => O(e),
 							icon: n,
 							"aria-pressed": r
 						})
@@ -23873,20 +23871,20 @@ function ToggleControlPortal({ isPressed: e, isPortalHovered: t, portalPosition:
 		})
 	}), document.body);
 }
-function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary", orientation: i = "vertical", status: a = "active", alwaysShowCount: o = !1, showToggleControl: s = !1, pressed: c, defaultPressed: l = !1, onPressedChange: u, classNames: p, ...g }) {
-	let O = iconCountButtonStyles({
+function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary", orientation: i = "vertical", status: a = "active", alwaysShowCount: o = !1, showToggleControl: s = !1, pressed: c, defaultPressed: l = !1, onPressedChange: u, classNames: p, ...O }) {
+	let A = iconCountButtonStyles({
 		variant: r,
 		orientation: i,
 		status: a
-	}), es = useRef(null), [A, R] = useState(!1), [ts, ns] = useState(!1), [rs, is] = useState(l), [as, B] = useState(null), os = c ?? rs, ss = s && (A || ts || os), cs = typeof n == "number" && n > 0 && (o || a === "active");
+	}), $o = useRef(null), [R, B] = useState(!1), [es, ts] = useState(!1), [ns, rs] = useState(l), [is, as] = useState(null), os = c ?? ns, ss = s && (R || es || os), cs = typeof n == "number" && n > 0 && (o || a === "active");
 	function ls(e) {
-		c === void 0 && is(e), u?.(e);
+		c === void 0 && rs(e), u?.(e);
 	}
 	return useLayoutEffect(() => {
-		if (!ss || !es.current) return;
+		if (!ss || !$o.current) return;
 		function e() {
-			let e = es.current?.getBoundingClientRect();
-			e && B({
+			let e = $o.current?.getBoundingClientRect();
+			e && as({
 				top: e.top - 8,
 				left: e.right - 12
 			});
@@ -23895,29 +23893,29 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [ss]), /* @__PURE__ */ jsxs(Button, {
-		...g,
-		className: cn(O.root(), p?.root),
-		onMouseEnter: () => R(!0),
-		onMouseLeave: () => R(!1),
+		...O,
+		className: cn(A.root(), p?.root),
+		onMouseEnter: () => B(!0),
+		onMouseLeave: () => B(!1),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx("div", {
-				ref: es,
-				className: cn(O.bubble(), p?.bubble),
-				children: renderIcon(e, O.icon())
-			}), ss && as && typeof document < "u" && ToggleControlPortal({
+				ref: $o,
+				className: cn(A.bubble(), p?.bubble),
+				children: renderIcon(e, A.icon())
+			}), ss && is && typeof document < "u" && ToggleControlPortal({
 				isPressed: os,
-				isPortalHovered: ts,
-				portalPosition: as,
-				onMouseEnter: () => ns(!0),
-				onMouseLeave: () => ns(!1),
+				isPortalHovered: es,
+				portalPosition: is,
+				onMouseEnter: () => ts(!0),
+				onMouseLeave: () => ts(!1),
 				onToggle: () => ls(!os)
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: cn(O.label(), p?.label),
+			className: cn(A.label(), p?.label),
 			children: [/* @__PURE__ */ jsx("span", { children: t }), cs && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
-				className: cn(O.count(), p?.count),
+				className: cn(A.count(), p?.count),
 				children: [
 					"(",
 					formatCount(n),
@@ -23949,7 +23947,7 @@ function ActionMenu({ trigger: e, children: t, className: n, ...r }) {
 	});
 }
 function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelect: r, onRangeSelect: i }) {
-	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), f = useRef(n), [g, O] = useState(() => {
+	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), f = useRef(n), [O, A] = useState(() => {
 		let r = e === "single" ? t ?? o : n.startDate ?? n.endDate ?? o;
 		return {
 			year: r.getFullYear(),
@@ -23958,13 +23956,13 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 	});
 	useEffect(() => {
 		(e === "single" && t && (!u.current || t.getTime() !== u.current.getTime()) || e === "range" && (n.startDate?.getTime() !== f.current.startDate?.getTime() || n.endDate?.getTime() !== f.current.endDate?.getTime())) && queueMicrotask(() => {
-			if (e === "single" && t) O({
+			if (e === "single" && t) A({
 				year: t.getFullYear(),
 				month: t.getMonth()
 			});
 			else if (e === "range") {
 				let e = n.startDate ?? n.endDate;
-				e && O({
+				e && A({
 					year: e.getFullYear(),
 					month: e.getMonth()
 				});
@@ -23975,10 +23973,10 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 		t,
 		n
 	]);
-	let es = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.month]);
-	function A(t) {
+	let $o = useMemo(() => generateCalendarDays(O.year, O.month), [O.year, O.month]);
+	function R(t) {
 		let o = t.getMonth(), s = t.getFullYear();
-		if ((o !== g.month || s !== g.year) && O({
+		if ((o !== O.month || s !== O.year) && A({
 			year: s,
 			month: o
 		}), e === "single") r(t), a();
@@ -23993,8 +23991,8 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}), a());
 		}
 	}
-	function R() {
-		O((e) => e.month === 0 ? {
+	function B() {
+		A((e) => e.month === 0 ? {
 			year: e.year - 1,
 			month: 11
 		} : {
@@ -24002,8 +24000,8 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month - 1
 		});
 	}
-	function ts() {
-		O((e) => e.month === 11 ? {
+	function es() {
+		A((e) => e.month === 11 ? {
 			year: e.year + 1,
 			month: 0
 		} : {
@@ -24011,7 +24009,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month + 1
 		});
 	}
-	let ns = getWeekdays();
+	let ts = getWeekdays();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mt-1 rounded-lg p-2 shadow-lg w-fit border border-neutral-400 bg-white",
 		children: [
@@ -24023,16 +24021,16 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "left",
 							size: 20
 						}),
-						onClick: R,
+						onClick: B,
 						className: "hover:opacity-60",
 						"aria-label": "Previous month"
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "font-bold text-[10px] text-neutral-900",
 						children: [
-							getMonthName(g.month),
+							getMonthName(O.month),
 							" ",
-							g.year
+							O.year
 						]
 					}),
 					/* @__PURE__ */ jsx(IconButton, {
@@ -24040,7 +24038,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "right",
 							size: 20
 						}),
-						onClick: ts,
+						onClick: es,
 						className: "hover:opacity-60",
 						"aria-label": "Next month"
 					})
@@ -24048,20 +24046,20 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-2 grid grid-cols-7",
-				children: ns.map((e) => /* @__PURE__ */ jsx("div", {
+				children: ts.map((e) => /* @__PURE__ */ jsx("div", {
 					className: "p-0.5 font-bold flex items-center justify-center text-[9px] text-neutral-900",
 					children: e
 				}, e))
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "grid grid-cols-7",
-				children: es.map(({ day: r, date: i, isCurrentMonth: a }) => {
-					let o = isToday(i), l = e === "single" && t && isSameDay(i, t), { startDate: u, endDate: f } = n, p = u && isSameDay(i, u), h = f && isSameDay(i, f), Zo = u, g = s;
-					e === "range" && u && !f && s && !isDateBefore(s, u) ? (Zo = u, g = s) : (Zo = null, g = null);
-					let O = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, Zo, g)), $o = l || p || h;
+				children: $o.map(({ day: r, date: i, isCurrentMonth: a }) => {
+					let o = isToday(i), l = e === "single" && t && isSameDay(i, t), { startDate: u, endDate: f } = n, p = u && isSameDay(i, u), h = f && isSameDay(i, f), g = u, O = s;
+					e === "range" && u && !f && s && !isDateBefore(s, u) ? (g = u, O = s) : (g = null, O = null);
+					let A = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, g, O)), Qo = l || p || h;
 					return /* @__PURE__ */ jsx(Button, {
 						type: "button",
-						onClick: () => A(i),
+						onClick: () => R(i),
 						onMouseEnter: () => {
 							e === "range" && u && !f && !isDateBefore(i, u) && c(i);
 						},
@@ -24070,9 +24068,9 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 						},
 						className: "p-0.5",
 						"aria-label": `Select ${formatDate(i)}`,
-						"aria-selected": $o || void 0,
+						"aria-selected": Qo || void 0,
 						children: /* @__PURE__ */ jsx("div", {
-							className: cn("rounded flex h-[26px] w-[26px] items-center justify-center text-[9px] transition-colors", $o && "font-semibold bg-primary-500 text-white-variant-1 hover:bg-primary-500", O && !$o && "font-normal bg-primary-500/20 text-neutral-900 hover:bg-primary-500/30", o && !$o && !O && "font-bold border border-primary-500 bg-primary-500/15 hover:bg-primary-500 hover:text-white", !$o && !O && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
+							className: cn("rounded flex h-[26px] w-[26px] items-center justify-center text-[9px] transition-colors", Qo && "font-semibold bg-primary-500 text-white-variant-1 hover:bg-primary-500", A && !Qo && "font-normal bg-primary-500/20 text-neutral-900 hover:bg-primary-500/30", o && !Qo && !A && "font-bold border border-primary-500 bg-primary-500/15 hover:bg-primary-500 hover:text-white", !Qo && !A && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
 							children: r
 						})
 					}, `${i.getFullYear()}-${i.getMonth()}-${r}`);
@@ -24137,11 +24135,11 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 	function h(t) {
 		e === "single" && (u || s(t), r?.(t));
 	}
-	function g(t) {
+	function O(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
-	function $o() {
-		e === "single" ? h(null) : g({
+	function Qo() {
+		e === "single" ? h(null) : O({
 			startDate: null,
 			endDate: null
 		});
@@ -24151,7 +24149,7 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 			displayText: e === "single" ? formatDate(f) : formatDateRange(p.startDate, p.endDate),
 			disabled: i,
 			className: a,
-			onClear: $o
+			onClear: Qo
 		}),
 		disabled: i,
 		children: /* @__PURE__ */ jsx(CalendarPanel, {
@@ -24159,7 +24157,7 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 			selectedDate: f,
 			selectedRange: p,
 			onDateSelect: h,
-			onRangeSelect: g
+			onRangeSelect: O
 		})
 	}) });
 }
@@ -24365,18 +24363,18 @@ function EventActionsList({ actions: e, className: t }) {
 		}) })
 	});
 }
-function EventCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, timestampTooltip: o, workspace: s, read: c = !1, selected: l = !1, onSelect: u, checked: f = !1, onCheckedChange: p, statusBadges: h = {}, actions: Zo = {}, density: g = "normal", className: O, style: es, isPriority: A, isDone: R }) {
+function EventCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, timestampTooltip: o, workspace: s, read: c = !1, selected: l = !1, onSelect: u, checked: f = !1, onCheckedChange: p, statusBadges: h = {}, actions: g = {}, density: O = "normal", className: A, style: $o, isPriority: R, isDone: B }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
 		onPress: u,
 		className: cn(eventCardStyles({
-			tone: A ? "priority" : R ? "done" : "default",
+			tone: R ? "priority" : B ? "done" : "default",
 			state: l ? "selected" : c ? "read" : "unread",
-			density: g
-		}), O),
-		style: es,
+			density: O
+		}), A),
+		style: $o,
 		"data-service": t,
-		children: g === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
+		children: O === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
 			children: [
 				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(EventCheckbox, {
@@ -24412,7 +24410,7 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 				/* @__PURE__ */ jsxs(CardFooter, {
 					className: "mt-3 gap-1 grid grid-cols-[minmax(0,1fr)_auto] items-center",
 					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: h }), /* @__PURE__ */ jsx(EventActionsList, {
-						actions: Zo,
+						actions: g,
 						className: "col-start-2 justify-self-end"
 					})]
 				})
@@ -24431,7 +24429,7 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 					e,
 					/* @__PURE__ */ jsx(EventStatusesList, {
 						statusBadges: h,
-						density: g
+						density: O
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: cn("min-w-0 gap-2 text-sm font-bold flex items-center whitespace-nowrap text-neutral-900", c && "font-medium"),
@@ -24451,7 +24449,7 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 						]
 					}),
 					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-					/* @__PURE__ */ jsx(EventActionsList, { actions: Zo }),
+					/* @__PURE__ */ jsx(EventActionsList, { actions: g }),
 					/* @__PURE__ */ jsx(InfoTooltip, {
 						content: o,
 						children: /* @__PURE__ */ jsx("span", {
@@ -24618,7 +24616,8 @@ var eventSummaryCardStyles = tv({
 	variants: {
 		tone: {
 			default: "hover:bg-primary-light",
-			priority: "hover:bg-tertiary-500-variant-4"
+			priority: "hover:bg-tertiary-500-variant-4",
+			insight: "hover:bg-primary-light"
 		},
 		state: {
 			normal: "",
@@ -24634,7 +24633,7 @@ var eventSummaryCardStyles = tv({
 		{
 			tone: "default",
 			state: "selected",
-			class: "border-primary-500 bg-primary-light"
+			class: "border-neutral-600 bg-primary-light"
 		},
 		{
 			tone: "priority",
@@ -24645,6 +24644,16 @@ var eventSummaryCardStyles = tv({
 			tone: "priority",
 			state: "selected",
 			class: "border-tertiary-500-variant-2 bg-tertiary-500-variant-4"
+		},
+		{
+			tone: "insight",
+			state: "normal",
+			class: "border-primary-500/30"
+		},
+		{
+			tone: "insight",
+			state: "selected",
+			class: "border-primary-500 bg-primary-light"
 		}
 	]
 });
@@ -24685,11 +24694,11 @@ function EventSummaryFireButton({ active: e, onClick: t }) {
 	}) });
 }
 function EventSummaryCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, workspace: o, selected: s = !1, onSelect: c, actions: l, className: u }) {
-	let { fire: f, insight: p, link: h } = l, Zo = p?.label ?? null;
+	let { fire: f, insight: p, link: h } = l, g = p?.label ?? null;
 	return /* @__PURE__ */ jsxs(Pressable, {
 		onPress: c,
 		className: cn(eventSummaryCardStyles({
-			tone: f.active ? "priority" : "default",
+			tone: f.active ? "priority" : insightLabelVisible(g) ? "insight" : "default",
 			state: s ? "selected" : "normal"
 		}), EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, u),
 		"data-service": t,
@@ -24713,8 +24722,8 @@ function EventSummaryCard({ icon: e, service: t, sender: n, title: r, content: i
 						className: "text-xs leading-tight font-semibold tracking-wide flex-1 text-right whitespace-nowrap text-neutral-800",
 						children: a
 					}),
-					insightLabelVisible(Zo) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: Zo }),
-					/* @__PURE__ */ jsx(EventSummaryFireButton, {
+					insightLabelVisible(g) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: g }),
+					f.onClick && /* @__PURE__ */ jsx(EventSummaryFireButton, {
 						active: f.active,
 						onClick: f.onClick
 					})
@@ -24972,7 +24981,7 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 	useEffect(() => {
 		e.length > 0 && !f.current && (f.current = !0, u.current?.scrollIntoView({ behavior: "smooth" }));
 	}, [e]);
-	let p = o, Zo = useCallback((t) => {
+	let p = o, g = useCallback((t) => {
 		if (!c.current) return;
 		let n = Array.from(c.current.querySelectorAll("[data-group-id][class*=\"scroll-mt\"]")).filter((t) => {
 			let n = t.getAttribute("data-group-id");
@@ -24998,10 +25007,10 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 			children: [e.map((e) => {
 				let t = e.isPriority ? p-- : 0, n = t ? () => {
 					let e = t + 1;
-					e <= o && Zo(e);
+					e <= o && g(e);
 				} : void 0, r = t ? () => {
 					let e = t - 1;
-					e >= 1 && Zo(e);
+					e >= 1 && g(e);
 				} : void 0;
 				return /* @__PURE__ */ jsx(MessageGroup, {
 					group: {
@@ -25071,13 +25080,13 @@ function EventDetailContentTicketDetails({ issue: e, notification: t, project: n
 		]
 	})] });
 }
-function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText: n, followUpTitle: r, followUpSubtitle: i, issue: a, notification: o, project: s, task: c, dueDate: l, startDate: u, assignees: f, reporter: p, team: h, location: Zo, related: g }, className: O }) {
+function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText: n, followUpTitle: r, followUpSubtitle: i, issue: a, notification: o, project: s, task: c, dueDate: l, startDate: u, assignees: f, reporter: p, team: h, location: g, related: O }, className: A }) {
 	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
 		followUpTitle: r,
 		followUpSubtitle: i,
-		className: O,
+		className: A,
 		children: [
 			/* @__PURE__ */ jsx(EventDetailContentTicketDetails, {
 				issue: a,
@@ -25089,8 +25098,8 @@ function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText:
 				assignees: f,
 				reporter: p,
 				team: h,
-				location: Zo,
-				related: g
+				location: g,
+				related: O
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "px-4 text-sm font-bold text-neutral-900",
@@ -25608,16 +25617,16 @@ function OnboardingCard({ stepLabel: e, title: t, description: n, titleAccessory
 				children: [i, a]
 			})
 		]
-	}), Zo = wrapArrow(/* @__PURE__ */ jsx(OnboardingCardArrow, {
+	}), g = wrapArrow(/* @__PURE__ */ jsx(OnboardingCardArrow, {
 		layout: o,
 		placement: s
-	}), c, l), g = s === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [Zo, h] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [h, Zo] });
+	}), c, l), O = s === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [g, h] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [h, g] });
 	return o === "horizontal" ? /* @__PURE__ */ jsx("div", {
 		className: cn("flex items-center", u),
-		children: g
+		children: O
 	}) : /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-col items-center", u),
-		children: g
+		children: O
 	});
 }
 var subscribeNoop = () => () => {}, getClientSnapshot = () => !0, getServerSnapshot = () => !1, PRIMARY_BTN = "rounded-lg bg-white px-4 py-1.5 text-xs font-semibold text-primary-500 transition-opacity hover:opacity-90", GHOST_BTN = "text-xs font-semibold text-white/70 transition-colors hover:text-white";
@@ -25665,7 +25674,7 @@ function OnboardingPortal({ currentStep: e, currentStepIndex: t, actions: n, ste
 	let p = e.layout === "vertical" && o.mode === "vertical" ? {
 		marginLeft: o.arrowMarginLeft,
 		...e.arrowWrapperStyle
-	} : e.arrowWrapperStyle, O = /* @__PURE__ */ jsx(OnboardingCard, {
+	} : e.arrowWrapperStyle, A = /* @__PURE__ */ jsx(OnboardingCard, {
 		stepLabel: e.stepLabel ?? (t == null ? void 0 : `${t + 1} / ${r.length}`),
 		title: e.title,
 		description: e.description,
@@ -25704,7 +25713,7 @@ function OnboardingPortal({ currentStep: e, currentStepIndex: t, actions: n, ste
 				left: o.left
 			}
 		},
-		children: O
+		children: A
 	}), document.body);
 }
 function Onboarding({ steps: e, context: t, storageKey: n, onFinish: r, isEnabled: i = !0 }) {
@@ -25725,7 +25734,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 	function h(e) {
 		u || l(e), r?.(e);
 	}
-	function g() {
+	function O() {
 		u || l(""), r?.(""), a?.();
 	}
 	return /* @__PURE__ */ jsxs("fieldset", {
@@ -25751,7 +25760,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 					size: 16,
 					className: "text-neutral-700"
 				}),
-				onClick: g,
+				onClick: O,
 				"aria-label": "Clear search",
 				className: "rounded p-0 transition-opacity hover:opacity-70"
 			})