@qtalo/qt-ui-library 0.1.25 → 0.1.27

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, g = c.prototype, O = lookupGetter(g, "cloneNode"), A = lookupGetter(g, "remove"), Zo = lookupGetter(g, "nextSibling"), Qo = lookupGetter(g, "childNodes"), $o = lookupGetter(g, "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, Zo = c.prototype, g = lookupGetter(Zo, "cloneNode"), O = lookupGetter(Zo, "remove"), Qo = lookupGetter(Zo, "nextSibling"), $o = lookupGetter(Zo, "childNodes"), es = lookupGetter(Zo, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	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 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 { 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.");
-				R = e.TRUSTED_TYPES_POLICY, B = R.createHTML("");
-			} else R === void 0 && (R = _createTrustedTypesPolicy(h, i)), R !== null && typeof B == "string" && (B = R.createHTML(""));
+				A = e.TRUSTED_TYPES_POLICY, R = A.createHTML("");
+			} else A === void 0 && (A = _createTrustedTypesPolicy(h, i)), A !== null && typeof R == "string" && (R = A.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 = $o(e);
+		let t = es(e);
 		(!t || !t.tagName) && (t = {
 			namespaceURI: qs,
 			tagName: "template"
@@ -471,9 +471,9 @@ function createDOMPurify() {
 	}, lc = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			$o(e).removeChild(e);
+			es(e).removeChild(e);
 		} catch {
-			A(e);
+			O(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 = R ? R.createHTML(e) : e;
+		let i = A ? A.createHTML(e) : e;
 		if (qs === Ks) try {
 			t = new p().parseFromString(i, ec);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = es.createDocument(qs, "template", null);
+			t = ts.createDocument(qs, "template", null);
 			try {
-				t.documentElement.innerHTML = Js ? B : i;
+				t.documentElement.innerHTML = Js ? R : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		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;
+		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;
 	}, fc = function(e) {
-		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);
+		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);
 	}, 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(as.beforeSanitizeElements, e, null), pc(e)) return lc(e), !0;
+		if (hc(B.beforeSanitizeElements, e, null), pc(e)) return lc(e), !0;
 		let r = Y(e.nodeName);
-		if (hc(as.uponSanitizeElement, e, {
+		if (hc(B.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 = $o(e) || e.parentNode, n = Qo(e) || e.childNodes;
+				let t = es(e) || e.parentNode, n = $o(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
 					for (let i = r - 1; i >= 0; --i) {
-						let r = O(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Zo(e));
+						let r = g(n[i], !0);
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Qo(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(as.afterSanitizeElements, e, null), !1);
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), hc(B.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(as.beforeSanitizeAttributes, e, null);
+		hc(B.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(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)) {
+			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)) {
 				uc(a, e);
 				continue;
 			}
@@ -606,12 +606,12 @@ function createDOMPurify() {
 				uc(a, e);
 				continue;
 			}
-			if (R && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
+			if (A && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
 				case "TrustedHTML":
-					u = R.createHTML(u);
+					u = A.createHTML(u);
 					break;
 				case "TrustedScriptURL":
-					u = R.createScriptURL(u);
+					u = A.createScriptURL(u);
 					break;
 			}
 			if (u !== l) try {
@@ -620,11 +620,11 @@ function createDOMPurify() {
 				uc(a, e);
 			}
 		}
-		hc(as.afterSanitizeAttributes, e, null);
+		hc(B.afterSanitizeAttributes, e, null);
 	}, bc = function e(t) {
 		let n = null, r = fc(t);
-		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);
+		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);
 	};
 	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 R && Ms ? R.createHTML(e) : e;
-			if (i = dc(e), !i) return As ? null : Ms ? B : "";
+			if (!As && !Ts && !Ds && e.indexOf("<") === -1) return A && Ms ? A.createHTML(e) : e;
+			if (i = dc(e), !i) return As ? null : Ms ? R : "";
 		}
 		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 = ns.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+			if (js) for (l = rs.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (gs.shadowroot || gs.shadowrootmode) && (l = is.call(r, l, !0)), l;
+			return (gs.shadowroot || gs.shadowrootmode) && (l = as.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, " ");
-		}), R && Ms ? R.createHTML(f) : f;
+		}), A && Ms ? A.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(as[e], t);
+		typeof t == "function" && arrayPush(B[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(as[e], t);
-			return n === -1 ? void 0 : arraySplice(as[e], n, 1)[0];
+			let n = arrayLastIndexOf(B[e], t);
+			return n === -1 ? void 0 : arraySplice(B[e], n, 1)[0];
 		}
-		return arrayPop(as[e]);
+		return arrayPop(B[e]);
 	}, t.removeHooks = function(e) {
-		as[e] = [];
+		B[e] = [];
 	}, t.removeAllHooks = function() {
-		as = _createHooksMap();
+		B = _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), O = e ?? f;
+	let u = useRef(null), [f, p] = useState(t ?? !1), g = e ?? f;
 	useEffect(() => {
 		u.current && (u.current.indeterminate = !!r);
 	}, [r]);
-	function A(t) {
+	function O(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: A,
+				onChange: O,
 				...e === void 0 ? { defaultChecked: t } : { checked: e }
 			}),
 			/* @__PURE__ */ jsx("span", {
 				role: "checkbox",
-				"aria-checked": r ? "mixed" : O,
+				"aria-checked": r ? "mixed" : g,
 				tabIndex: -1,
-				"data-state": r ? "indeterminate" : O ? "checked" : "unchecked",
+				"data-state": r ? "indeterminate" : g ? "checked" : "unchecked",
 				className: "checkbox-box inline-flex items-center justify-center",
 				children: /* @__PURE__ */ jsx("span", {
-					className: cn("checkbox-icon", !(O || r) && "opacity-0"),
+					className: cn("checkbox-icon", !(g || 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 O = u !== void 0, [A, R] = useState(!1), B = O ? u : A, es = useCallback((e) => {
-		e !== B && (O || R(e), p?.(e));
+	let g = u !== void 0, [O, A] = useState(!1), R = g ? u : O, ts = useCallback((e) => {
+		e !== R && (g || A(e), p?.(e));
 	}, [
-		B,
-		O,
+		R,
+		g,
 		p
-	]), 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;
+	]), 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;
 		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(() => as({
+		s = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => B({
 			top: s,
 			left: o
 		}));
@@ -21394,52 +21394,52 @@ function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bott
 		a
 	]);
 	useLayoutEffect(() => {
-		B && os();
-	}, [B, os]), useEffect(() => {
-		if (!B) return;
+		R && os();
+	}, [R, os]), useEffect(() => {
+		if (!R) return;
 		let e = () => os();
 		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [B, os]);
+	}, [R, os]);
 	let ss = useCallback(() => {
-		rs.current &&= (clearTimeout(rs.current), null), es(!0);
-	}, [es]), cs = useCallback(() => {
-		rs.current = window.setTimeout(() => {
-			es(!1);
+		is.current &&= (clearTimeout(is.current), null), ts(!0);
+	}, [ts]), cs = useCallback(() => {
+		is.current = window.setTimeout(() => {
+			ts(!1);
 		}, 120);
-	}, [es]);
+	}, [ts]);
 	return useEffect(() => {
 		function e(e) {
 			let t = e.target;
-			ts.current?.contains(t) || ns.current?.contains(t) || es(!1);
+			ns.current?.contains(t) || rs.current?.contains(t) || ts(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [es]), useEffect(() => () => {
-		rs.current && clearTimeout(rs.current);
+	}, [ts]), useEffect(() => () => {
+		is.current && clearTimeout(is.current);
 	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
 		value: {
-			close: () => es(!1),
+			close: () => ts(!1),
 			open: ss
 		},
 		children: [/* @__PURE__ */ jsx("div", {
-			ref: ts,
+			ref: ns,
 			className: "inline-flex",
 			onMouseEnter: c ? ss : void 0,
 			onMouseLeave: c ? cs : void 0,
-			onClick: () => es(!B),
+			onClick: () => ts(!R),
 			"aria-haspopup": "menu",
-			"aria-expanded": B,
+			"aria-expanded": R,
 			children: e
-		}), B && !o && createPortal(/* @__PURE__ */ jsx("div", {
-			ref: ns,
+		}), R && !o && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: rs,
 			onMouseEnter: c ? ss : void 0,
 			onMouseLeave: c ? cs : void 0,
 			style: {
 				position: "fixed",
-				top: is?.top ?? 0,
-				left: is?.left ?? 0,
-				visibility: is ? "visible" : "hidden",
+				top: as?.top ?? 0,
+				left: as?.left ?? 0,
+				visibility: as ? "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 O(e) {
+	function g(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: O,
+		onKeyDown: g,
 		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, O] = useState(null), R = () => {
+	let a = useRef(null), o = useRef(null), s = useRef(null), [c, u] = useState(!1), [p, g] = useState(null), A = () => {
 		s.current &&= (clearTimeout(s.current), null), s.current = window.setTimeout(() => {
 			u(!0);
 		}, r);
-	}, B = () => {
+	}, R = () => {
 		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)), O((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)), g((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: R,
-		onMouseLeave: B,
-		onFocus: R,
-		onBlur: B,
+		onMouseEnter: A,
+		onMouseLeave: R,
+		onFocus: A,
+		onBlur: R,
 		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,18 +22998,18 @@ 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, O = u?.index ?? null, Qo = useCallback((e) => {
+	]), g = h?.step ?? null, $o = h?.index ?? null, es = useCallback((e) => {
 		c((t) => {
 			if (t.has(e)) return t;
 			let n = new Set(t);
 			return n.add(e), n;
 		});
-	}, []), $o = useCallback(() => {
+	}, []), A = useCallback(() => {
 		c((n) => {
 			let r = findActiveStep(e, n, t);
 			if (r == null || n.has(r.step.id)) return n;
@@ -23023,17 +23021,17 @@ function OnboardingEngine({ steps: e, context: t, storageKey: n, isEnabled: r =
 	}, [e]);
 	return /* @__PURE__ */ jsx(Fragment$1, { children: i({
 		context: t,
-		currentStep: h,
-		currentStepIndex: O,
+		currentStep: g,
+		currentStepIndex: $o,
 		dismissedStepIds: o,
 		actions: useMemo(() => ({
-			dismissCurrentStep: $o,
-			dismissStep: Qo,
+			dismissCurrentStep: A,
+			dismissStep: es,
 			skipAll: R,
 			close: R
 		}), [
-			$o,
-			Qo,
+			A,
+			es,
 			R
 		])
 	}) });
@@ -23206,7 +23204,7 @@ function useToastTimers(e, t) {
 				isPaused: !0
 			});
 		}), a.current &&= (clearInterval(a.current), null);
-	}, []), O = useCallback(() => {
+	}, []), g = 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
-	]), A = useCallback((e) => {
+	]), O = 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: O,
-		cleanupTimer: A
+		resumeAll: g,
+		cleanupTimer: O
 	};
 }
 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 R = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), B = useCallback((e) => {
+	let A = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), R = useCallback((e) => {
 		e.callbacks?.onOpen?.();
-	}, []), es = useCallback((e, t) => {
+	}, []), ts = 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) => {
-			es(e, a.current.get(e.id) ?? toastStore.consumePendingDismissReason(e.id) ?? "timeout"), a.current.delete(e.id);
+			ts(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) => (B(e), {
+			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (R(e), {
 				...e,
 				animationState: "entering"
 			})), ...i];
@@ -23270,20 +23268,20 @@ function Toaster() {
 		}), i.current = t;
 	}, [
 		e,
-		B,
-		es
+		R,
+		ts
 	]);
-	let ts = useCallback((e) => {
+	let ns = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return o.current = n, n;
 		}), p(e), toastStore.cleanup(e);
-	}, [p]), ns = useCallback((e) => {
+	}, [p]), rs = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
-	if (!R) return null;
-	let rs = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(rs).map(([e, t]) => {
+	if (!A) return null;
+	let is = groupByPosition(n);
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(is).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: ts,
-					onClose: ns,
+					onExitComplete: ns,
+					onClose: rs,
 					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: ts,
-			onClose: ns,
+			onExitComplete: ns,
+			onClose: rs,
 			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 O(e) {
+	function g(e) {
 		p(e), a?.(e);
 	}
-	let $o = {
+	let es = {
 		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
 		}]
-	}, R = [{
+	}, A = [{
 		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($o).map(([e, t]) => /* @__PURE__ */ jsx("div", {
+				children: t > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(es).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: R.map(({ value: e, tooltip: t, icon: n }) => {
+				children: A.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: () => O(e),
+							onClick: () => g(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, ...O }) {
-	let A = 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, ...g }) {
+	let O = iconCountButtonStyles({
 		variant: r,
 		orientation: i,
 		status: a
-	}), $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");
+	}), 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");
 	function ls(e) {
-		c === void 0 && rs(e), u?.(e);
+		c === void 0 && is(e), u?.(e);
 	}
 	return useLayoutEffect(() => {
-		if (!ss || !$o.current) return;
+		if (!ss || !es.current) return;
 		function e() {
-			let e = $o.current?.getBoundingClientRect();
-			e && as({
+			let e = es.current?.getBoundingClientRect();
+			e && B({
 				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, {
-		...O,
-		className: cn(A.root(), p?.root),
-		onMouseEnter: () => B(!0),
-		onMouseLeave: () => B(!1),
+		...g,
+		className: cn(O.root(), p?.root),
+		onMouseEnter: () => R(!0),
+		onMouseLeave: () => R(!1),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx("div", {
-				ref: $o,
-				className: cn(A.bubble(), p?.bubble),
-				children: renderIcon(e, A.icon())
-			}), ss && is && typeof document < "u" && ToggleControlPortal({
+				ref: es,
+				className: cn(O.bubble(), p?.bubble),
+				children: renderIcon(e, O.icon())
+			}), ss && as && typeof document < "u" && ToggleControlPortal({
 				isPressed: os,
-				isPortalHovered: es,
-				portalPosition: is,
-				onMouseEnter: () => ts(!0),
-				onMouseLeave: () => ts(!1),
+				isPortalHovered: ts,
+				portalPosition: as,
+				onMouseEnter: () => ns(!0),
+				onMouseLeave: () => ns(!1),
 				onToggle: () => ls(!os)
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: cn(A.label(), p?.label),
+			className: cn(O.label(), p?.label),
 			children: [/* @__PURE__ */ jsx("span", { children: t }), cs && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
-				className: cn(A.count(), p?.count),
+				className: cn(O.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), [O, A] = useState(() => {
+	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), f = useRef(n), [g, O] = 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) A({
+			if (e === "single" && t) O({
 				year: t.getFullYear(),
 				month: t.getMonth()
 			});
 			else if (e === "range") {
 				let e = n.startDate ?? n.endDate;
-				e && A({
+				e && O({
 					year: e.getFullYear(),
 					month: e.getMonth()
 				});
@@ -23975,10 +23973,10 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 		t,
 		n
 	]);
-	let $o = useMemo(() => generateCalendarDays(O.year, O.month), [O.year, O.month]);
-	function R(t) {
+	let es = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.month]);
+	function A(t) {
 		let o = t.getMonth(), s = t.getFullYear();
-		if ((o !== O.month || s !== O.year) && A({
+		if ((o !== g.month || s !== g.year) && O({
 			year: s,
 			month: o
 		}), e === "single") r(t), a();
@@ -23993,8 +23991,8 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}), a());
 		}
 	}
-	function B() {
-		A((e) => e.month === 0 ? {
+	function R() {
+		O((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 es() {
-		A((e) => e.month === 11 ? {
+	function ts() {
+		O((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 ts = getWeekdays();
+	let ns = 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: B,
+						onClick: R,
 						className: "hover:opacity-60",
 						"aria-label": "Previous month"
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "font-bold text-[10px] text-neutral-900",
 						children: [
-							getMonthName(O.month),
+							getMonthName(g.month),
 							" ",
-							O.year
+							g.year
 						]
 					}),
 					/* @__PURE__ */ jsx(IconButton, {
@@ -24040,7 +24038,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "right",
 							size: 20
 						}),
-						onClick: es,
+						onClick: ts,
 						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: ts.map((e) => /* @__PURE__ */ jsx("div", {
+				children: ns.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: $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;
+				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;
 					return /* @__PURE__ */ jsx(Button, {
 						type: "button",
-						onClick: () => R(i),
+						onClick: () => A(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": Qo || void 0,
+						"aria-selected": $o || void 0,
 						children: /* @__PURE__ */ jsx("div", {
-							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")),
+							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")),
 							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 O(t) {
+	function g(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
-	function Qo() {
-		e === "single" ? h(null) : O({
+	function $o() {
+		e === "single" ? h(null) : g({
 			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: Qo
+			onClear: $o
 		}),
 		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: O
+			onRangeSelect: g
 		})
 	}) });
 }
@@ -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: g = {}, density: O = "normal", className: A, style: $o, isPriority: R, isDone: B }) {
+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 }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
 		onPress: u,
 		className: cn(eventCardStyles({
-			tone: R ? "priority" : B ? "done" : "default",
+			tone: A ? "priority" : R ? "done" : "default",
 			state: l ? "selected" : c ? "read" : "unread",
-			density: O
-		}), A),
-		style: $o,
+			density: g
+		}), O),
+		style: es,
 		"data-service": t,
-		children: O === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
+		children: g === "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: g,
+						actions: Zo,
 						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: O
+						density: g
 					}),
 					/* @__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: g }),
+					/* @__PURE__ */ jsx(EventActionsList, { actions: Zo }),
 					/* @__PURE__ */ jsx(InfoTooltip, {
 						content: o,
 						children: /* @__PURE__ */ jsx("span", {
@@ -24696,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, g = p?.label ?? null;
+	let { fire: f, insight: p, link: h } = l, Zo = p?.label ?? null;
 	return /* @__PURE__ */ jsxs(Pressable, {
 		onPress: c,
 		className: cn(eventSummaryCardStyles({
-			tone: f.active ? "priority" : insightLabelVisible(g) ? "insight" : "default",
+			tone: f.active ? "priority" : insightLabelVisible(Zo) ? "insight" : "default",
 			state: s ? "selected" : "normal"
 		}), EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, u),
 		"data-service": t,
@@ -24724,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(g) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: g }),
-					/* @__PURE__ */ jsx(EventSummaryFireButton, {
+					insightLabelVisible(Zo) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: Zo }),
+					f.onClick && /* @__PURE__ */ jsx(EventSummaryFireButton, {
 						active: f.active,
 						onClick: f.onClick
 					})
@@ -24886,41 +24884,43 @@ function MessageItem({ message: e, isPriority: t = !1 }) {
 		})
 	});
 }
-function PriorityNavigation({ priorityIndex: e, priorityTotal: t, onPreviousPriority: n, onNextPriority: r }) {
-	if (!e || !t || t <= 1) return null;
-	let i = e > 1, a = e < t;
-	return !a && !i ? null : /* @__PURE__ */ jsx("div", {
+function PriorityNavigation({ mode: e = "fire", priorityIndex: t, priorityTotal: n, onPreviousPriority: r, onNextPriority: i }) {
+	if (!t || !n || n <= 1) return null;
+	let a = t > 1, o = t < n;
+	if (!o && !a) return null;
+	let s = e === "fire" ? "Fire" : "Insight", c = e === "fire" ? "border-tertiary-500 text-tertiary-500 hover:bg-tertiary-50" : "border-primary-500 text-primary-500 hover:bg-primary-light";
+	return /* @__PURE__ */ jsx("div", {
 		className: "mb-3 px-2 flex justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "gap-4 flex w-full items-center justify-center",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex flex-1 justify-end",
-					children: a && /* @__PURE__ */ jsxs(Button, {
-						className: "gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border border-tertiary-500 bg-white text-tertiary-500 transition-colors hover:bg-tertiary-50",
-						"aria-label": "Previous Fire",
-						onClick: n,
+					children: o && /* @__PURE__ */ jsxs(Button, {
+						className: cn("gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border bg-white transition-colors", c),
+						"aria-label": `Previous ${s}`,
+						onClick: r,
 						children: [/* @__PURE__ */ jsx(ArrowIcon, {
 							direction: "left",
 							size: 14
-						}), /* @__PURE__ */ jsx("span", { children: "Previous Fire" })]
+						}), /* @__PURE__ */ jsxs("span", { children: ["Previous ", s] })]
 					})
 				}),
 				/* @__PURE__ */ jsxs("span", {
 					className: "text-xs font-medium text-neutral-700",
 					children: [
-						e,
+						t,
 						" / ",
-						t
+						n
 					]
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "flex-1",
-					children: i && /* @__PURE__ */ jsxs(Button, {
-						className: "gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border border-tertiary-500 bg-white text-tertiary-500 transition-colors hover:bg-tertiary-50",
-						"aria-label": "Next Fire",
-						onClick: r,
-						children: [/* @__PURE__ */ jsx("span", { children: "Next Fire" }), /* @__PURE__ */ jsx(ArrowIcon, {
+					children: a && /* @__PURE__ */ jsxs(Button, {
+						className: cn("gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border bg-white transition-colors", c),
+						"aria-label": `Next ${s}`,
+						onClick: i,
+						children: [/* @__PURE__ */ jsxs("span", { children: ["Next ", s] }), /* @__PURE__ */ jsx(ArrowIcon, {
 							direction: "right",
 							size: 14
 						})]
@@ -24930,34 +24930,40 @@ function PriorityNavigation({ priorityIndex: e, priorityTotal: t, onPreviousPrio
 		})
 	});
 }
-function PriorityGroupHeader({ title: e, onMarkAsNotFireClick: t }) {
+function PriorityGroupHeader({ title: e, mode: t, onMarkAsNotFireClick: n }) {
 	return e ? /* @__PURE__ */ jsx("div", {
 		className: "pb-3 border-b border-neutral-200",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "gap-2 flex items-center",
-			children: [/* @__PURE__ */ jsx(EventSummaryFireButton, {
+			children: [t === "fire" && n != null ? /* @__PURE__ */ jsx(EventSummaryFireButton, {
 				active: !0,
-				onClick: t
+				onClick: n
+			}) : /* @__PURE__ */ jsx(InsightFillIcon, {
+				size: 16,
+				className: "shrink-0 text-primary-500"
 			}), /* @__PURE__ */ jsx("h4", {
-				className: "text-tertiary-700 text-xs font-semibold tracking-wide uppercase",
+				className: cn("text-xs font-semibold tracking-wide uppercase", t === "fire" ? "text-tertiary-700" : "text-primary-600"),
 				children: e
 			})]
 		})
 	}) : null;
 }
 function PriorityGroup({ group: e, children: t, onPreviousPriority: n, onNextPriority: r, onMarkAsNotFireClick: i }) {
-	return e.isPriority ? /* @__PURE__ */ jsxs("div", {
+	let a = e.isPriority ? "fire" : e.isInsight ? "insight" : null;
+	return a ? /* @__PURE__ */ jsxs("div", {
 		className: "relative scroll-mt-[180px]",
 		"data-group-id": e.id,
 		children: [/* @__PURE__ */ jsx(PriorityNavigation, {
+			mode: a,
 			priorityIndex: e.priorityIndex,
 			priorityTotal: e.totalPriorityGroups,
 			onPreviousPriority: n,
 			onNextPriority: r
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "gap-4 rounded-r-lg p-4 relative flex flex-col border-l-[3px] border-tertiary-500 bg-tertiary-50-alpha-50",
+			className: cn("gap-4 rounded-r-lg p-4 relative flex flex-col border-l-[3px]", a === "fire" ? "border-tertiary-500 bg-tertiary-50-alpha-50" : "border-primary-500 bg-primary-light"),
 			children: [/* @__PURE__ */ jsx(PriorityGroupHeader, {
-				title: e.priorityText,
+				title: a === "fire" ? e.priorityText : e.insightText,
+				mode: a,
 				onMarkAsNotFireClick: i
 			}), t]
 		})]
@@ -24979,24 +24985,40 @@ function MessageGroup({ group: e, onPreviousPriority: t, onNextPriority: n }) {
 	});
 }
 function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityText: n, followUpTitle: r, followUpSubtitle: i }, className: a }) {
-	let o = e.filter((e) => e.isPriority).length, c = useRef(null), u = useRef(null), f = useRef(!1);
+	let o = e.filter((e) => e.isPriority).length, c = e.filter((e) => !e.isPriority && e.isInsight).length, u = useRef(null), f = useRef(null), p = useRef(!1);
 	useEffect(() => {
-		e.length > 0 && !f.current && (f.current = !0, u.current?.scrollIntoView({ behavior: "smooth" }));
+		if (e.length === 0 || p.current) return;
+		p.current = !0;
+		let t = [...e].reverse().find((e) => e.isPriority), n = [...e].reverse().find((e) => !e.isPriority && e.isInsight), r = t ?? n;
+		if (r && u.current) {
+			let e = u.current.querySelector(`[data-group-id="${r.id}"]`);
+			if (e) {
+				e.scrollIntoView({
+					behavior: "smooth",
+					block: "start"
+				});
+				return;
+			}
+		}
+		f.current?.scrollIntoView({ behavior: "smooth" });
 	}, [e]);
-	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");
-			return n ? e.find((e) => e.id === n)?.isPriority : !1;
+	let Zo = o, g = c, O = useCallback((t, n) => {
+		if (!u.current) return;
+		let r = Array.from(u.current.querySelectorAll("[data-group-id][class*=\"scroll-mt\"]")), i = n === "fire" ? o : c, a = r.filter((t) => {
+			let r = t.getAttribute("data-group-id");
+			if (!r) return !1;
+			let i = e.find((e) => e.id === r);
+			return i ? n === "fire" ? i.isPriority : !i.isPriority && i.isInsight : !1;
 		});
-		if (t >= 1 && t <= o && n.length === o) {
-			let e = n[o - t];
-			e && e.scrollIntoView({
-				behavior: "smooth",
-				block: "start"
-			});
-		}
-	}, [e, o]);
+		t >= 1 && t <= i && a.length === i && a[i - t]?.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	}, [
+		e,
+		o,
+		c
+	]);
 	return /* @__PURE__ */ jsx(EventDetailContentHeader, {
 		summary: t,
 		priorityText: n,
@@ -25004,27 +25026,27 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 		followUpSubtitle: i,
 		className: a,
 		children: /* @__PURE__ */ jsxs("div", {
-			ref: c,
+			ref: u,
 			className: "gap-4 flex flex-col",
 			children: [e.map((e) => {
-				let t = e.isPriority ? p-- : 0, n = t ? () => {
-					let e = t + 1;
-					e <= o && g(e);
-				} : void 0, r = t ? () => {
-					let e = t - 1;
-					e >= 1 && g(e);
+				let t = e.isPriority ? "fire" : e.isInsight ? "insight" : null, n = e.isPriority ? Zo-- : e.isInsight ? g-- : 0, r = e.isPriority ? o : e.isInsight ? c : 0, i = n && t ? () => {
+					let e = n + 1;
+					e <= r && O(e, t);
+				} : void 0, a = n && t ? () => {
+					let e = n - 1;
+					e >= 1 && O(e, t);
 				} : void 0;
 				return /* @__PURE__ */ jsx(MessageGroup, {
 					group: {
 						...e,
-						priorityIndex: t,
-						totalPriorityGroups: o
+						priorityIndex: n,
+						totalPriorityGroups: r
 					},
-					onPreviousPriority: n,
-					onNextPriority: r
+					onPreviousPriority: i,
+					onNextPriority: a
 				}, e.id);
 			}), /* @__PURE__ */ jsx("div", {
-				ref: u,
+				ref: f,
 				"aria-hidden": "true"
 			})]
 		})
@@ -25082,13 +25104,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: g, related: O }, className: A }) {
+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 }) {
 	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
 		followUpTitle: r,
 		followUpSubtitle: i,
-		className: A,
+		className: O,
 		children: [
 			/* @__PURE__ */ jsx(EventDetailContentTicketDetails, {
 				issue: a,
@@ -25100,8 +25122,8 @@ function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText:
 				assignees: f,
 				reporter: p,
 				team: h,
-				location: g,
-				related: O
+				location: Zo,
+				related: g
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "px-4 text-sm font-bold text-neutral-900",
@@ -25619,16 +25641,16 @@ function OnboardingCard({ stepLabel: e, title: t, description: n, titleAccessory
 				children: [i, a]
 			})
 		]
-	}), g = wrapArrow(/* @__PURE__ */ jsx(OnboardingCardArrow, {
+	}), Zo = wrapArrow(/* @__PURE__ */ jsx(OnboardingCardArrow, {
 		layout: o,
 		placement: s
-	}), c, l), O = s === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [g, h] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [h, g] });
+	}), c, l), g = s === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [Zo, h] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [h, Zo] });
 	return o === "horizontal" ? /* @__PURE__ */ jsx("div", {
 		className: cn("flex items-center", u),
-		children: O
+		children: g
 	}) : /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-col items-center", u),
-		children: O
+		children: g
 	});
 }
 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";
@@ -25676,7 +25698,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, A = /* @__PURE__ */ jsx(OnboardingCard, {
+	} : e.arrowWrapperStyle, O = /* @__PURE__ */ jsx(OnboardingCard, {
 		stepLabel: e.stepLabel ?? (t == null ? void 0 : `${t + 1} / ${r.length}`),
 		title: e.title,
 		description: e.description,
@@ -25715,7 +25737,7 @@ function OnboardingPortal({ currentStep: e, currentStepIndex: t, actions: n, ste
 				left: o.left
 			}
 		},
-		children: A
+		children: O
 	}), document.body);
 }
 function Onboarding({ steps: e, context: t, storageKey: n, onFinish: r, isEnabled: i = !0 }) {
@@ -25736,7 +25758,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 	function h(e) {
 		u || l(e), r?.(e);
 	}
-	function O() {
+	function g() {
 		u || l(""), r?.(""), a?.();
 	}
 	return /* @__PURE__ */ jsxs("fieldset", {
@@ -25762,7 +25784,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 					size: 16,
 					className: "text-neutral-700"
 				}),
-				onClick: O,
+				onClick: g,
 				"aria-label": "Clear search",
 				className: "rounded p-0 transition-opacity hover:opacity-70"
 			})