@qtalo/qt-ui-library 0.1.30 → 0.2.0

package/dist/index.js

@@ -326,25 +326,25 @@ 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, g = c.prototype, O = lookupGetter(g, "cloneNode"), A = lookupGetter(g, "remove"), Ws = lookupGetter(g, "nextSibling"), Gs = lookupGetter(g, "childNodes"), Ks = lookupGetter(g, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let R, B = "", { implementation: V, createNodeIterator: es, createDocumentFragment: ts, getElementsByTagName: ns } = n, { importNode: rs } = r, is = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof $o == "function" && V && V.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: as, ERB_EXPR: os, TMPLIT_EXPR: ss, DATA_ATTR: cs, ARIA_ATTR: ls, IS_SCRIPT_OR_DATA: us, ATTR_WHITESPACE: ds, CUSTOM_ELEMENT: fs } = EXPRESSIONS, { IS_ALLOWED_URI: ps } = EXPRESSIONS, ms = null, hs = addToSet({}, [
+	let R, B = "", { implementation: V, createNodeIterator: qs, createDocumentFragment: Js, getElementsByTagName: Ys } = n, { importNode: Xs } = r, H = _createHooksMap();
+	t.isSupported = typeof entries == "function" && typeof Ks == "function" && V && V.createHTMLDocument !== void 0;
+	let { MUSTACHE_EXPR: Zs, ERB_EXPR: Qs, TMPLIT_EXPR: $s, DATA_ATTR: ec, ARIA_ATTR: tc, IS_SCRIPT_OR_DATA: nc, ATTR_WHITESPACE: rc, CUSTOM_ELEMENT: ic } = EXPRESSIONS, { IS_ALLOWED_URI: ac } = EXPRESSIONS, oc = null, sc = addToSet({}, [
 		...html$1,
 		...svg$1,
 		...svgFilters,
 		...mathMl$1,
 		...text
-	]), gs = null, _s = addToSet({}, [
+	]), cc = null, lc = addToSet({}, [
 		...html,
 		...svg,
 		...mathMl,
 		...xml
-	]), H = Object.seal(create(null, {
+	]), Y = Object.seal(create(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -363,7 +363,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), vs = null, ys = null, bs = Object.seal(create(null, {
+	})), uc = null, dc = null, fc = Object.seal(create(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -376,7 +376,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), xs = !0, Ss = !0, Cs = !1, ws = !0, Ts = !1, Es = !0, Ds = !1, Os = !1, ks = !1, As = !1, js = !1, Ms = !1, Ns = !0, Ps = !1, Fs = !0, Is = !1, Ls = {}, Rs = null, zs = addToSet({}, [
+	})), pc = !0, mc = !0, hc = !1, gc = !0, _c = !1, vc = !0, yc = !1, bc = !1, xc = !1, Sc = !1, Cc = !1, wc = !1, Tc = !0, Ec = !1, Dc = !0, Oc = !1, kc = {}, Ac = null, jc = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -402,14 +402,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), Bs = null, Vs = addToSet({}, [
+	]), Mc = null, Nc = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Hs = null, Us = addToSet({}, [
+	]), Pc = null, Fc = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -424,58 +424,58 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), Ws = "http://www.w3.org/1998/Math/MathML", Gs = "http://www.w3.org/2000/svg", Ks = "http://www.w3.org/1999/xhtml", qs = Ks, Js = !1, Ys = null, Xs = addToSet({}, [
-		Ws,
-		Gs,
-		Ks
-	], stringToString), Zs = addToSet({}, [
+	]), Ic = "http://www.w3.org/1998/Math/MathML", Lc = "http://www.w3.org/2000/svg", Rc = "http://www.w3.org/1999/xhtml", zc = Rc, Bc = !1, Vc = null, Hc = addToSet({}, [
+		Ic,
+		Lc,
+		Rc
+	], stringToString), Uc = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), Qs = addToSet({}, ["annotation-xml"]), $s = addToSet({}, [
+	]), Wc = addToSet({}, ["annotation-xml"]), Gc = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), ec = null, tc = ["application/xhtml+xml", "text/html"], Y = null, nc = null, rc = n.createElement("form"), ic = function(e) {
+	]), Kc = null, qc = ["application/xhtml+xml", "text/html"], Jc = null, Yc = null, Xc = n.createElement("form"), Zc = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, ac = function() {
+	}, Qc = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(nc && nc === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), ec = tc.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = ec === "application/xhtml+xml" ? stringToString : stringToLowerCase, ms = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : hs, gs = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : _s, Ys = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : Xs, Hs = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(Us), e.ADD_URI_SAFE_ATTR, Y) : Us, Bs = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(Vs), e.ADD_DATA_URI_TAGS, Y) : Vs, Rs = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : zs, vs = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), ys = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), Ls = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, xs = e.ALLOW_ARIA_ATTR !== !1, Ss = e.ALLOW_DATA_ATTR !== !1, Cs = e.ALLOW_UNKNOWN_PROTOCOLS || !1, ws = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Ts = e.SAFE_FOR_TEMPLATES || !1, Es = e.SAFE_FOR_XML !== !1, Ds = e.WHOLE_DOCUMENT || !1, As = e.RETURN_DOM || !1, js = e.RETURN_DOM_FRAGMENT || !1, Ms = e.RETURN_TRUSTED_TYPE || !1, ks = e.FORCE_BODY || !1, Ns = e.SANITIZE_DOM !== !1, Ps = e.SANITIZE_NAMED_PROPS || !1, Fs = e.KEEP_CONTENT !== !1, Is = e.IN_PLACE || !1, ps = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, qs = e.NAMESPACE || Ks, Zs = e.MATHML_TEXT_INTEGRATION_POINTS || Zs, Qs = e.HTML_INTEGRATION_POINTS || Qs, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && ic(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && ic(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (H.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (H.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), Ts && (Ss = !1), js && (As = !0), Ls && (ms = addToSet({}, text), gs = [], Ls.html === !0 && (addToSet(ms, html$1), addToSet(gs, html)), Ls.svg === !0 && (addToSet(ms, svg$1), addToSet(gs, svg), addToSet(gs, xml)), Ls.svgFilters === !0 && (addToSet(ms, svgFilters), addToSet(gs, svg), addToSet(gs, xml)), Ls.mathMl === !0 && (addToSet(ms, mathMl$1), addToSet(gs, mathMl), addToSet(gs, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? bs.tagCheck = e.ADD_TAGS : (ms === hs && (ms = clone(ms)), addToSet(ms, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? bs.attributeCheck = e.ADD_ATTR : (gs === _s && (gs = clone(gs)), addToSet(gs, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(Hs, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (Rs === zs && (Rs = clone(Rs)), addToSet(Rs, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (Rs === zs && (Rs = clone(Rs)), addToSet(Rs, e.ADD_FORBID_CONTENTS, Y)), Fs && (ms["#text"] = !0), Ds && addToSet(ms, [
+		if (!(Yc && Yc === e)) {
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), Kc = qc.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Jc = Kc === "application/xhtml+xml" ? stringToString : stringToLowerCase, oc = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Jc) : sc, cc = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Jc) : lc, Vc = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : Hc, Pc = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(Fc), e.ADD_URI_SAFE_ATTR, Jc) : Fc, Mc = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(Nc), e.ADD_DATA_URI_TAGS, Jc) : Nc, Ac = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Jc) : jc, uc = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Jc) : clone({}), dc = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Jc) : clone({}), kc = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, pc = e.ALLOW_ARIA_ATTR !== !1, mc = e.ALLOW_DATA_ATTR !== !1, hc = e.ALLOW_UNKNOWN_PROTOCOLS || !1, gc = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, _c = e.SAFE_FOR_TEMPLATES || !1, vc = e.SAFE_FOR_XML !== !1, yc = e.WHOLE_DOCUMENT || !1, Sc = e.RETURN_DOM || !1, Cc = e.RETURN_DOM_FRAGMENT || !1, wc = e.RETURN_TRUSTED_TYPE || !1, xc = e.FORCE_BODY || !1, Tc = e.SANITIZE_DOM !== !1, Ec = e.SANITIZE_NAMED_PROPS || !1, Dc = e.KEEP_CONTENT !== !1, Oc = e.IN_PLACE || !1, ac = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, zc = e.NAMESPACE || Rc, Uc = e.MATHML_TEXT_INTEGRATION_POINTS || Uc, Wc = e.HTML_INTEGRATION_POINTS || Wc, Y = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Zc(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (Y.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Zc(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (Y.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (Y.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), _c && (mc = !1), Cc && (Sc = !0), kc && (oc = addToSet({}, text), cc = [], kc.html === !0 && (addToSet(oc, html$1), addToSet(cc, html)), kc.svg === !0 && (addToSet(oc, svg$1), addToSet(cc, svg), addToSet(cc, xml)), kc.svgFilters === !0 && (addToSet(oc, svgFilters), addToSet(cc, svg), addToSet(cc, xml)), kc.mathMl === !0 && (addToSet(oc, mathMl$1), addToSet(cc, mathMl), addToSet(cc, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? fc.tagCheck = e.ADD_TAGS : (oc === sc && (oc = clone(oc)), addToSet(oc, e.ADD_TAGS, Jc))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? fc.attributeCheck = e.ADD_ATTR : (cc === lc && (cc = clone(cc)), addToSet(cc, e.ADD_ATTR, Jc))), e.ADD_URI_SAFE_ATTR && addToSet(Pc, e.ADD_URI_SAFE_ATTR, Jc), e.FORBID_CONTENTS && (Ac === jc && (Ac = clone(Ac)), addToSet(Ac, e.FORBID_CONTENTS, Jc)), e.ADD_FORBID_CONTENTS && (Ac === jc && (Ac = clone(Ac)), addToSet(Ac, e.ADD_FORBID_CONTENTS, Jc)), Dc && (oc["#text"] = !0), yc && addToSet(oc, [
 				"html",
 				"head",
 				"body"
-			]), ms.table && (addToSet(ms, ["tbody"]), delete vs.tbody), e.TRUSTED_TYPES_POLICY) {
+			]), oc.table && (addToSet(oc, ["tbody"]), delete uc.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(""));
-			freeze && freeze(e), nc = e;
+			freeze && freeze(e), Yc = e;
 		}
-	}, oc = addToSet({}, [
+	}, $c = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), sc = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), cc = function(e) {
-		let t = $o(e);
+	]), el = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), tl = function(e) {
+		let t = Ks(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: qs,
+			namespaceURI: zc,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return Ys[e.namespaceURI] ? e.namespaceURI === Gs ? t.namespaceURI === Ks ? n === "svg" : t.namespaceURI === Ws ? n === "svg" && (r === "annotation-xml" || Zs[r]) : !!oc[n] : e.namespaceURI === Ws ? t.namespaceURI === Ks ? n === "math" : t.namespaceURI === Gs ? n === "math" && Qs[r] : !!sc[n] : e.namespaceURI === Ks ? t.namespaceURI === Gs && !Qs[r] || t.namespaceURI === Ws && !Zs[r] ? !1 : !sc[n] && ($s[n] || !oc[n]) : !!(ec === "application/xhtml+xml" && Ys[e.namespaceURI]) : !1;
-	}, lc = function(e) {
+		return Vc[e.namespaceURI] ? e.namespaceURI === Lc ? t.namespaceURI === Rc ? n === "svg" : t.namespaceURI === Ic ? n === "svg" && (r === "annotation-xml" || Uc[r]) : !!$c[n] : e.namespaceURI === Ic ? t.namespaceURI === Rc ? n === "math" : t.namespaceURI === Lc ? n === "math" && Wc[r] : !!el[n] : e.namespaceURI === Rc ? t.namespaceURI === Lc && !Wc[r] || t.namespaceURI === Ic && !Uc[r] ? !1 : !el[n] && (Gc[n] || !$c[n]) : !!(Kc === "application/xhtml+xml" && Vc[e.namespaceURI]) : !1;
+	}, nl = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			$o(e).removeChild(e);
+			Ks(e).removeChild(e);
 		} catch {
 			A(e);
 		}
-	}, uc = function(e, n) {
+	}, rl = function(e, n) {
 		try {
 			arrayPush(t.removed, {
 				attribute: n.getAttributeNode(e),
@@ -487,123 +487,123 @@ function createDOMPurify() {
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (As || js) try {
-			lc(n);
+		if (n.removeAttribute(e), e === "is") if (Sc || Cc) try {
+			nl(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, dc = function(e) {
+	}, il = function(e) {
 		let t = null, r = null;
-		if (ks) e = "<remove></remove>" + e;
+		if (xc) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			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>");
+		Kc === "application/xhtml+xml" && zc === Rc && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
 		let i = R ? R.createHTML(e) : e;
-		if (qs === Ks) try {
-			t = new p().parseFromString(i, ec);
+		if (zc === Rc) try {
+			t = new p().parseFromString(i, Kc);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = V.createDocument(qs, "template", null);
+			t = V.createDocument(zc, "template", null);
 			try {
-				t.documentElement.innerHTML = Js ? B : i;
+				t.documentElement.innerHTML = Bc ? B : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), qs === Ks ? ns.call(t, Ds ? "html" : "body")[0] : Ds ? t.documentElement : a;
-	}, fc = function(e) {
-		return es.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 && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), zc === Rc ? Ys.call(t, yc ? "html" : "body")[0] : yc ? t.documentElement : a;
+	}, al = function(e) {
+		return qs.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+	}, ol = 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) {
+	}, sl = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
-	function hc(e, n, r) {
+	function cl(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, nc);
+			e.call(t, n, r, Yc);
 		});
 	}
-	let gc = function(e) {
+	let ll = function(e) {
 		let n = null;
-		if (hc(is.beforeSanitizeElements, e, null), pc(e)) return lc(e), !0;
-		let r = Y(e.nodeName);
-		if (hc(is.uponSanitizeElement, e, {
+		if (cl(H.beforeSanitizeElements, e, null), ol(e)) return nl(e), !0;
+		let r = Jc(e.nodeName);
+		if (cl(H.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: ms
-		}), 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)) && (!ms[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;
+			allowedTags: oc
+		}), vc && e.hasChildNodes() && !sl(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || vc && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return nl(e), !0;
+		if (!(fc.tagCheck instanceof Function && fc.tagCheck(r)) && (!oc[r] || uc[r])) {
+			if (!uc[r] && dl(r) && (Y.tagNameCheck instanceof RegExp && regExpTest(Y.tagNameCheck, r) || Y.tagNameCheck instanceof Function && Y.tagNameCheck(r))) return !1;
+			if (Dc && !Ac[r]) {
+				let t = Ks(e) || e.parentNode, n = Gs(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));
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Ws(e));
 					}
 				}
 			}
-			return lc(e), !0;
+			return nl(e), !0;
 		}
-		return e instanceof c && !cc(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (lc(e), !0) : (Ts && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
-			as,
-			os,
-			ss
+		return e instanceof c && !tl(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (nl(e), !0) : (_c && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+			Zs,
+			Qs,
+			$s
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), hc(is.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(cs, t)) && !(xs && regExpTest(ls, t)) && !(bs.attributeCheck instanceof Function && bs.attributeCheck(t, e))) {
-			if (!gs[t] || ys[t]) {
-				if (!(vc(e) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, e) || H.tagNameCheck instanceof Function && H.tagNameCheck(e)) && (H.attributeNameCheck instanceof RegExp && regExpTest(H.attributeNameCheck, t) || H.attributeNameCheck instanceof Function && H.attributeNameCheck(t, e)) || t === "is" && H.allowCustomizedBuiltInElements && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r)))) return !1;
-			} else if (!Hs[t] && !regExpTest(ps, stringReplace(r, ds, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && Bs[e]) && !(Cs && !regExpTest(us, stringReplace(r, ds, ""))) && r) return !1;
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), cl(H.afterSanitizeElements, e, null), !1);
+	}, ul = function(e, t, r) {
+		if (Tc && (t === "id" || t === "name") && (r in n || r in Xc)) return !1;
+		if (!(mc && !dc[t] && regExpTest(ec, t)) && !(pc && regExpTest(tc, t)) && !(fc.attributeCheck instanceof Function && fc.attributeCheck(t, e))) {
+			if (!cc[t] || dc[t]) {
+				if (!(dl(e) && (Y.tagNameCheck instanceof RegExp && regExpTest(Y.tagNameCheck, e) || Y.tagNameCheck instanceof Function && Y.tagNameCheck(e)) && (Y.attributeNameCheck instanceof RegExp && regExpTest(Y.attributeNameCheck, t) || Y.attributeNameCheck instanceof Function && Y.attributeNameCheck(t, e)) || t === "is" && Y.allowCustomizedBuiltInElements && (Y.tagNameCheck instanceof RegExp && regExpTest(Y.tagNameCheck, r) || Y.tagNameCheck instanceof Function && Y.tagNameCheck(r)))) return !1;
+			} else if (!Pc[t] && !regExpTest(ac, stringReplace(r, rc, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && Mc[e]) && !(hc && !regExpTest(nc, stringReplace(r, rc, ""))) && r) return !1;
 		}
 		return !0;
-	}, vc = function(e) {
-		return e !== "annotation-xml" && stringMatch(e, fs);
-	}, yc = function(e) {
-		hc(is.beforeSanitizeAttributes, e, null);
+	}, dl = function(e) {
+		return e !== "annotation-xml" && stringMatch(e, ic);
+	}, fl = function(e) {
+		cl(H.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
-		if (!n || pc(e)) return;
+		if (!n || ol(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: gs,
+			allowedAttributes: cc,
 			forceKeepAttr: void 0
 		}, 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(is.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);
+			let { name: a, namespaceURI: o, value: s } = n[i], c = Jc(a), l = s, u = a === "value" ? l : stringTrim(l);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, cl(H.uponSanitizeAttribute, e, r), u = r.attrValue, Ec && (c === "id" || c === "name") && (rl(a, e), u = "user-content-" + u), vc && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				rl(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				uc(a, e);
+				rl(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				uc(a, e);
+				rl(a, e);
 				continue;
 			}
-			if (!ws && regExpTest(/\/>/i, u)) {
-				uc(a, e);
+			if (!gc && regExpTest(/\/>/i, u)) {
+				rl(a, e);
 				continue;
 			}
-			Ts && arrayForEach([
-				as,
-				os,
-				ss
+			_c && arrayForEach([
+				Zs,
+				Qs,
+				$s
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
-			let f = Y(e.nodeName);
-			if (!_c(f, c, u)) {
-				uc(a, e);
+			let f = Jc(e.nodeName);
+			if (!ul(f, c, u)) {
+				rl(a, e);
 				continue;
 			}
 			if (R && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
@@ -615,68 +615,68 @@ function createDOMPurify() {
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), pc(e) ? lc(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), ol(e) ? nl(e) : arrayPop(t.removed);
 			} catch {
-				uc(a, e);
+				rl(a, e);
 			}
 		}
-		hc(is.afterSanitizeAttributes, e, null);
-	}, bc = function e(t) {
-		let n = null, r = fc(t);
-		for (hc(is.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) hc(is.uponSanitizeShadowNode, n, null), gc(n), yc(n), n.content instanceof a && e(n.content);
-		hc(is.afterSanitizeShadowDOM, t, null);
+		cl(H.afterSanitizeAttributes, e, null);
+	}, pl = function e(t) {
+		let n = null, r = al(t);
+		for (cl(H.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) cl(H.uponSanitizeShadowNode, n, null), ll(n), fl(n), n.content instanceof a && e(n.content);
+		cl(H.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;
-		if (Js = !e, Js && (e = "<!-->"), typeof e != "string" && !mc(e)) if (typeof e.toString == "function") {
+		if (Bc = !e, Bc && (e = "<!-->"), typeof e != "string" && !sl(e)) if (typeof e.toString == "function") {
 			if (e = e.toString(), typeof e != "string") throw typeErrorCreate("dirty is not a string, aborting");
 		} else throw typeErrorCreate("toString is not a function");
 		if (!t.isSupported) return e;
-		if (Os || ac(n), t.removed = [], typeof e == "string" && (Is = !1), Is) {
+		if (bc || Qc(n), t.removed = [], typeof e == "string" && (Oc = !1), Oc) {
 			if (e.nodeName) {
-				let t = Y(e.nodeName);
-				if (!ms[t] || vs[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+				let t = Jc(e.nodeName);
+				if (!oc[t] || uc[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} 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 (e instanceof s) i = il("<!---->"), 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 (!Sc && !_c && !yc && e.indexOf("<") === -1) return R && wc ? R.createHTML(e) : e;
+			if (i = il(e), !i) return Sc ? null : wc ? 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 = ts.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+		i && xc && nl(i.firstChild);
+		let u = al(Oc ? e : i);
+		for (; c = u.nextNode();) ll(c), fl(c), c.content instanceof a && pl(c.content);
+		if (Oc) return e;
+		if (Sc) {
+			if (Cc) for (l = Js.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (gs.shadowroot || gs.shadowrootmode) && (l = rs.call(r, l, !0)), l;
+			return (cc.shadowroot || cc.shadowrootmode) && (l = Xs.call(r, l, !0)), l;
 		}
-		let f = Ds ? i.outerHTML : i.innerHTML;
-		return Ds && ms["!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([
-			as,
-			os,
-			ss
+		let f = yc ? i.outerHTML : i.innerHTML;
+		return yc && oc["!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), _c && arrayForEach([
+			Zs,
+			Qs,
+			$s
 		], (e) => {
 			f = stringReplace(f, e, " ");
-		}), R && Ms ? R.createHTML(f) : f;
+		}), R && wc ? R.createHTML(f) : f;
 	}, t.setConfig = function() {
-		ac(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Os = !0;
+		Qc(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), bc = !0;
 	}, t.clearConfig = function() {
-		nc = null, Os = !1;
+		Yc = null, bc = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return nc || ac({}), _c(Y(e), Y(t), n);
+		return Yc || Qc({}), ul(Jc(e), Jc(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(is[e], t);
+		typeof t == "function" && arrayPush(H[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(is[e], t);
-			return n === -1 ? void 0 : arraySplice(is[e], n, 1)[0];
+			let n = arrayLastIndexOf(H[e], t);
+			return n === -1 ? void 0 : arraySplice(H[e], n, 1)[0];
 		}
-		return arrayPop(is[e]);
+		return arrayPop(H[e]);
 	}, t.removeHooks = function(e) {
-		is[e] = [];
+		H[e] = [];
 	}, t.removeAllHooks = function() {
-		is = _createHooksMap();
+		H = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify();
@@ -21378,12 +21378,12 @@ function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bott
 		B,
 		O,
 		p
-	]), es = useRef(null), ts = useRef(null), ns = useRef(null), [rs, is] = useState(null), as = useCallback(() => {
-		if (!es.current || !ts.current) return;
-		let e = es.current.getBoundingClientRect(), t = ts.current.getBoundingClientRect(), o = e.left;
+	]), qs = useRef(null), Js = useRef(null), Ys = useRef(null), [Xs, H] = useState(null), Zs = useCallback(() => {
+		if (!qs.current || !Js.current) return;
+		let e = qs.current.getBoundingClientRect(), t = Js.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(() => is({
+		s = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => H({
 			top: s,
 			left: o
 		}));
@@ -21394,52 +21394,52 @@ function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bott
 		a
 	]);
 	useLayoutEffect(() => {
-		B && as();
-	}, [B, as]), useEffect(() => {
+		B && Zs();
+	}, [B, Zs]), useEffect(() => {
 		if (!B) return;
-		let e = () => as();
+		let e = () => Zs();
 		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [B, as]);
-	let os = useCallback(() => {
-		ns.current &&= (clearTimeout(ns.current), null), V(!0);
-	}, [V]), ss = useCallback(() => {
-		ns.current = window.setTimeout(() => {
+	}, [B, Zs]);
+	let Qs = useCallback(() => {
+		Ys.current &&= (clearTimeout(Ys.current), null), V(!0);
+	}, [V]), $s = useCallback(() => {
+		Ys.current = window.setTimeout(() => {
 			V(!1);
 		}, 120);
 	}, [V]);
 	return useEffect(() => {
 		function e(e) {
 			let t = e.target;
-			es.current?.contains(t) || ts.current?.contains(t) || V(!1);
+			qs.current?.contains(t) || Js.current?.contains(t) || V(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [V]), useEffect(() => () => {
-		ns.current && clearTimeout(ns.current);
+		Ys.current && clearTimeout(Ys.current);
 	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
 		value: {
 			close: () => V(!1),
-			open: os
+			open: Qs
 		},
 		children: [/* @__PURE__ */ jsx("div", {
-			ref: es,
+			ref: qs,
 			className: "inline-flex",
-			onMouseEnter: c ? os : void 0,
-			onMouseLeave: c ? ss : void 0,
+			onMouseEnter: c ? Qs : void 0,
+			onMouseLeave: c ? $s : void 0,
 			onClick: () => V(!B),
 			"aria-haspopup": "menu",
 			"aria-expanded": B,
 			children: e
 		}), B && !o && createPortal(/* @__PURE__ */ jsx("div", {
-			ref: ts,
-			onMouseEnter: c ? os : void 0,
-			onMouseLeave: c ? ss : void 0,
+			ref: Js,
+			onMouseEnter: c ? Qs : void 0,
+			onMouseLeave: c ? $s : void 0,
 			style: {
 				position: "fixed",
-				top: rs?.top ?? 0,
-				left: rs?.left ?? 0,
-				visibility: rs ? "visible" : "hidden",
+				top: Xs?.top ?? 0,
+				left: Xs?.left ?? 0,
+				visibility: Xs ? "visible" : "hidden",
 				zIndex: 1e3
 			},
 			children: t
@@ -22353,6 +22353,17 @@ function TeamsIcon(e) {
 		})] })]
 	});
 }
+function CheckIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function CheckboxIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 16 16",
@@ -22391,6 +22402,17 @@ function CheckCircleIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function EyeFillIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function FireFillIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 20 20",
@@ -22413,6 +22435,17 @@ function FireIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function HomeFillIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function InsightFillIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsxs(Icon, {
 		viewBox: "0 0 20 20",
@@ -22492,6 +22525,17 @@ function NotFireIcon({ pathProps: e, ...t }) {
 		})]
 	});
 }
+function PatternIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function ReadIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 20 20",
@@ -22514,6 +22558,17 @@ function UnreadIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function WarningIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function AccountIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 24 24",
@@ -22525,6 +22580,25 @@ function AccountIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function AccountOutlineIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "8",
+			r: "4",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M4 20c0-4 4-6 8-6s8 2 8 6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			...e
+		})]
+	});
+}
 function AddCircleIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 24 24",
@@ -22568,6 +22642,47 @@ function ArrowIcon({ direction: e = "down", className: t, pathProps: n, ...r })
 		})
 	});
 }
+function BuildingIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5 21V4C5 3.45 5.196 2.979 5.588 2.587C5.98 2.195 6.45 1.999 7 1.999H13C13.55 1.999 14.021 2.195 14.413 2.587C14.805 2.979 15.001 3.45 15.001 4V21H19.001V10H17.001V8H19.001C19.55 8 20.021 8.196 20.413 8.588C20.805 8.98 21.001 9.45 21.001 10V21H23.001V23H1V21H3V4C3 3.45 3.196 2.979 3.588 2.587C3.98 2.195 4.45 1.999 5 1.999V21ZM7 8H9V6H7V8ZM7 12H9V10H7V12ZM7 16H9V14H7V16ZM11 8H13V6H11V8ZM11 12H13V10H11V12ZM11 16H13V14H11V16Z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
+function BuildingOutlineIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 24 24",
+		...t,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "4",
+				y: "3",
+				width: "16",
+				height: "18",
+				rx: "1",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9 21v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				...e
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8 7h.01M12 7h.01M16 7h.01M8 11h.01M12 11h.01M16 11h.01",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				...e
+			})
+		]
+	});
+}
 function CalendarIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 24 24",
@@ -22590,6 +22705,20 @@ function CheckSquareIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function CloseBoldIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 16 16",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M12 4L4 12M4 4L12 12",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			...e
+		})
+	});
+}
 function CloseIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 24 24",
@@ -23003,7 +23132,7 @@ function OnboardingEngine({ steps: e, context: t, storageKey: n, isEnabled: r =
 		e,
 		o,
 		t
-	]), O = h?.step ?? null, Qo = h?.index ?? null, $o = useCallback((e) => {
+	]), O = h?.step ?? null, Gs = h?.index ?? null, Ks = useCallback((e) => {
 		c((t) => {
 			if (t.has(e)) return t;
 			let n = new Set(t);
@@ -23022,16 +23151,16 @@ function OnboardingEngine({ steps: e, context: t, storageKey: n, isEnabled: r =
 	return /* @__PURE__ */ jsx(Fragment$1, { children: i({
 		context: t,
 		currentStep: O,
-		currentStepIndex: Qo,
+		currentStepIndex: Gs,
 		dismissedStepIds: o,
 		actions: useMemo(() => ({
 			dismissCurrentStep: R,
-			dismissStep: $o,
+			dismissStep: Ks,
 			skipAll: B,
 			close: B
 		}), [
 			R,
-			$o,
+			Ks,
 			B
 		])
 	}) });
@@ -23271,17 +23400,17 @@ function Toaster() {
 		B,
 		V
 	]);
-	let es = useCallback((e) => {
+	let qs = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return o.current = n, n;
 		}), p(e), toastStore.cleanup(e);
-	}, [p]), ts = useCallback((e) => {
+	}, [p]), Js = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
 	if (!R) return null;
-	let ns = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(ns).map(([e, t]) => {
+	let Ys = groupByPosition(n);
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(Ys).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", {
@@ -23290,8 +23419,8 @@ function Toaster() {
 				children: /* @__PURE__ */ jsx(ToastWrapper, {
 					toast: e,
 					remainingTime: c.get(e.id) ?? e.duration,
-					onExitComplete: es,
-					onClose: ts,
+					onExitComplete: qs,
+					onClose: Js,
 					onHoverStart: u,
 					onHoverEnd: f
 				})
@@ -23299,8 +23428,8 @@ function Toaster() {
 		}) : null, a = r.map((e) => /* @__PURE__ */ jsx(ToastWrapper, {
 			toast: e,
 			remainingTime: c.get(e.id) ?? e.duration,
-			onExitComplete: es,
-			onClose: ts,
+			onExitComplete: qs,
+			onClose: Js,
 			onHoverStart: u,
 			onHoverEnd: f
 		}, e.id));
@@ -23479,6 +23608,18 @@ function StatusBadge({ className: e, label: t, status: n, onAction: r, density:
 		onMouseLeave: s ? () => o(!1) : void 0
 	});
 }
+function BetaResizeHandle({ onPointerDown: e, onKeyDown: t, isResizing: n = !1, className: r }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		"aria-label": "Resize panel",
+		tabIndex: 0,
+		onPointerDown: e,
+		onKeyDown: t,
+		className: cn("flex w-2 shrink-0 cursor-col-resize items-center justify-center transition-colors max-md:hidden", n ? "bg-primary-500/20" : "bg-neutral-100 hover:bg-primary-500/20", r),
+		children: /* @__PURE__ */ jsx("div", { className: cn("h-8 w-px rounded-full transition-colors", n ? "bg-primary-500" : "bg-resize-handle-grip") })
+	});
+}
 function BulkActionsSkeleton({ className: e }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("gap-4 grid grid-cols-[minmax(0,1fr)_auto_auto] items-center", e),
@@ -23518,7 +23659,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 	function O(e) {
 		p(e), a?.(e);
 	}
-	let $o = {
+	let Ks = {
 		fire: [{
 			id: "fire",
 			tooltip: "Mark as fire",
@@ -23599,7 +23740,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(Ks).map(([e, t]) => /* @__PURE__ */ jsx("div", {
 					className: "gap-2 px-1 flex items-center",
 					children: t.map((e) => /* @__PURE__ */ jsx(InfoTooltip, {
 						content: e.tooltip,
@@ -23876,15 +24017,15 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 		variant: r,
 		orientation: i,
 		status: a
-	}), $o = useRef(null), [R, B] = useState(!1), [V, es] = useState(!1), [ts, ns] = useState(l), [rs, is] = useState(null), as = c ?? ts, os = s && (R || V || as), ss = typeof n == "number" && n > 0 && (o || a === "active");
-	function cs(e) {
-		c === void 0 && ns(e), u?.(e);
+	}), Ks = useRef(null), [R, B] = useState(!1), [V, qs] = useState(!1), [Js, Ys] = useState(l), [Xs, H] = useState(null), Zs = c ?? Js, Qs = s && (R || V || Zs), $s = typeof n == "number" && n > 0 && (o || a === "active");
+	function ec(e) {
+		c === void 0 && Ys(e), u?.(e);
 	}
 	return useLayoutEffect(() => {
-		if (!os || !$o.current) return;
+		if (!Qs || !Ks.current) return;
 		function e() {
-			let e = $o.current?.getBoundingClientRect();
-			e && is({
+			let e = Ks.current?.getBoundingClientRect();
+			e && H({
 				top: e.top - 8,
 				left: e.right - 12
 			});
@@ -23892,7 +24033,7 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [os]), /* @__PURE__ */ jsxs(Button, {
+	}, [Qs]), /* @__PURE__ */ jsxs(Button, {
 		...O,
 		className: cn(A.root(), p?.root),
 		onMouseEnter: () => B(!0),
@@ -23900,20 +24041,20 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx("div", {
-				ref: $o,
+				ref: Ks,
 				className: cn(A.bubble(), p?.bubble),
 				children: renderIcon(e, A.icon())
-			}), os && rs && typeof document < "u" && ToggleControlPortal({
-				isPressed: as,
+			}), Qs && Xs && typeof document < "u" && ToggleControlPortal({
+				isPressed: Zs,
 				isPortalHovered: V,
-				portalPosition: rs,
-				onMouseEnter: () => es(!0),
-				onMouseLeave: () => es(!1),
-				onToggle: () => cs(!as)
+				portalPosition: Xs,
+				onMouseEnter: () => qs(!0),
+				onMouseLeave: () => qs(!1),
+				onToggle: () => ec(!Zs)
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: cn(A.label(), p?.label),
-			children: [/* @__PURE__ */ jsx("span", { children: t }), ss && /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx("span", { children: t }), $s && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
 				className: cn(A.count(), p?.count),
 				children: [
@@ -23973,7 +24114,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 		t,
 		n
 	]);
-	let $o = useMemo(() => generateCalendarDays(O.year, O.month), [O.year, O.month]);
+	let Ks = useMemo(() => generateCalendarDays(O.year, O.month), [O.year, O.month]);
 	function R(t) {
 		let o = t.getMonth(), s = t.getFullYear();
 		if ((o !== O.month || s !== O.year) && A({
@@ -24009,7 +24150,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month + 1
 		});
 	}
-	let es = getWeekdays();
+	let qs = getWeekdays();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mt-1 rounded-lg p-2 shadow-lg w-fit border border-neutral-400 bg-white",
 		children: [
@@ -24046,17 +24187,17 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-2 grid grid-cols-7",
-				children: es.map((e) => /* @__PURE__ */ jsx("div", {
+				children: qs.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 }) => {
+				children: Ks.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;
+					let A = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, g, O)), Gs = l || p || h;
 					return /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						onClick: () => R(i),
@@ -24068,9 +24209,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": Gs || 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", Gs && "font-semibold bg-primary-500 text-white-variant-1 hover:bg-primary-500", A && !Gs && "font-normal bg-primary-500/20 text-neutral-900 hover:bg-primary-500/30", o && !Gs && !A && "font-bold border border-primary-500 bg-primary-500/15 hover:bg-primary-500 hover:text-white", !Gs && !A && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
 							children: r
 						})
 					}, `${i.getFullYear()}-${i.getMonth()}-${r}`);
@@ -24138,7 +24279,7 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 	function O(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
-	function Qo() {
+	function Gs() {
 		e === "single" ? h(null) : O({
 			startDate: null,
 			endDate: null
@@ -24149,7 +24290,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: Gs
 		}),
 		disabled: i,
 		children: /* @__PURE__ */ jsx(CalendarPanel, {
@@ -24363,7 +24504,7 @@ 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: g = {}, density: O = "normal", className: A, style: Ks, isPriority: R, isDone: B }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
 		onPress: u,
@@ -24372,7 +24513,7 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 			state: l ? "selected" : c ? "read" : "unread",
 			density: O
 		}), A),
-		style: $o,
+		style: Ks,
 		"data-service": t,
 		children: O === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
@@ -24997,7 +25138,7 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 	})), g = /* @__PURE__ */ new Set(), O = new Set(c.reduce((e, t) => {
 		let n = t.insightBadgeId ?? t.id;
 		return g.has(n) || (g.add(n), e.push(t.id)), e;
-	}, [])), A = useRef(null), $o = useRef(null), R = useRef(!1);
+	}, [])), A = useRef(null), Ks = useRef(null), R = useRef(!1);
 	useEffect(() => {
 		if (e.length === 0 || R.current) return;
 		R.current = !0;
@@ -25012,7 +25153,7 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 				return;
 			}
 		}
-		$o.current?.scrollIntoView({ behavior: "smooth" });
+		Ks.current?.scrollIntoView({ behavior: "smooth" });
 	}, [e]);
 	let B = o, V = useCallback((t, n) => {
 		if (!A.current) return;
@@ -25060,7 +25201,7 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 					onNextPriority: a
 				}, e.id);
 			}), /* @__PURE__ */ jsx("div", {
-				ref: $o,
+				ref: Ks,
 				"aria-hidden": "true"
 			})]
 		})
@@ -25385,6 +25526,277 @@ function EventSummaryCardSkeleton({ className: e, style: t }) {
 		]
 	});
 }
+var roleBadgeStyles = tv({
+	base: "rounded-full border px-1.5 py-px text-[9px] font-bold tracking-wide uppercase",
+	variants: { role: {
+		client: "border-amber-200 bg-amber-50 text-amber-700",
+		team: "border-blue-200 bg-blue-50 text-blue-700"
+	} }
+}), ROLE_LABEL = {
+	client: "Client",
+	team: "Your team"
+};
+function RoleBadge({ role: e, className: t, ...n }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(roleBadgeStyles({ role: e }), t),
+		...n,
+		children: ROLE_LABEL[e]
+	});
+}
+function SourceIcon({ sourceType: e }) {
+	return e === "gmail" ? /* @__PURE__ */ jsx(GmailIcon, { size: 18 }) : e === "slack" ? /* @__PURE__ */ jsx(SlackIcon, { size: 18 }) : null;
+}
+function DetailPill({ children: e }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "min-w-0 shrink-0 truncate rounded-full border border-neutral-300 bg-neutral-100 px-2 py-px text-[10px] font-medium text-neutral-700-variant-1",
+		children: e
+	});
+}
+function OpenInIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+			/* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+			/* @__PURE__ */ jsx("line", {
+				x1: "10",
+				y1: "14",
+				x2: "21",
+				y2: "3"
+			})
+		]
+	});
+}
+var ABSENCE_BUBBLE_STYLES = {
+	fire: {
+		bg: "bg-red-50",
+		border: "border-red-200",
+		title: "text-red-700"
+	},
+	review: {
+		bg: "bg-amber-50",
+		border: "border-amber-200",
+		title: "text-amber-700"
+	},
+	neutral: {
+		bg: "bg-neutral-100",
+		border: "border-neutral-300",
+		title: "text-neutral-700-variant-1"
+	}
+};
+function TimelineConnector({ isFirst: e, isLast: t, variant: n }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-[7px] flex-col items-center",
+		children: [
+			/* @__PURE__ */ jsx("div", { className: cn(n === "message" ? "h-[17px]" : "h-3.5", "w-px", !e && "bg-neutral-300") }),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative z-10 h-[7px] w-[7px] shrink-0",
+				children: n === "absence" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-ping rounded-full border border-red-500" }), /* @__PURE__ */ jsx("div", { className: "h-[7px] w-[7px] rounded-full border-[1.5px] border-red-500 bg-white" })] }) : /* @__PURE__ */ jsx("div", { className: cn("h-[7px] w-[7px] rounded-full", n === "message" ? "bg-blue-500" : "bg-neutral-400") })
+			}),
+			!t && /* @__PURE__ */ jsx("div", { className: "w-px flex-1 bg-neutral-300" })
+		]
+	});
+}
+function TimelineItem({ item: e, isFirst: t, isLast: n, tone: r }) {
+	if (e.absence) {
+		let i = ABSENCE_BUBBLE_STYLES[r];
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex items-stretch gap-3",
+			children: [/* @__PURE__ */ jsx(TimelineConnector, {
+				isFirst: t,
+				isLast: n,
+				variant: "absence"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: cn("mb-2 min-w-0 flex-1 rounded-lg border px-3 py-2.5", i.bg, i.border),
+				children: [/* @__PURE__ */ jsxs("p", {
+					className: cn("text-[10px] font-bold uppercase", i.title),
+					children: ["QTalo · ", e.stageLabel]
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-[13px] break-words text-neutral-800",
+					children: e.summary
+				})]
+			})]
+		});
+	}
+	if (e.type === "source_message") {
+		let r = e.direction === "internal_outbound" ? "team" : "client";
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex items-stretch gap-3",
+			children: [/* @__PURE__ */ jsx(TimelineConnector, {
+				isFirst: t,
+				isLast: n,
+				variant: "message"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mb-2 min-w-0 flex-1 rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "mb-1 flex flex-wrap items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-[11px] font-semibold text-blue-700 uppercase tracking-wide",
+							children: e.stageLabel
+						}),
+						e.senderName && /* @__PURE__ */ jsx("span", {
+							className: "text-[12px] font-semibold text-neutral-900",
+							children: e.senderName
+						}),
+						/* @__PURE__ */ jsx(RoleBadge, { role: r }),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-[11px] text-neutral-700-variant-1",
+							children: e.timestampDisplay
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "ml-auto",
+							children: /* @__PURE__ */ jsx(SourceIcon, { sourceType: e.sourceType })
+						})
+					]
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-[13px] break-words text-neutral-800",
+					children: e.summary
+				})]
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-stretch gap-3",
+		children: [/* @__PURE__ */ jsx(TimelineConnector, {
+			isFirst: t,
+			isLast: n,
+			variant: "check"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mb-2 min-w-0 flex-1 rounded-lg border border-neutral-200-variant-1 bg-white-variant-8 px-3 py-2.5",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "text-[10px] font-semibold text-neutral-800 uppercase",
+				children: ["QTalo · ", e.stageLabel]
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-[13px] break-words text-neutral-700-variant-1",
+				children: e.summary
+			})]
+		})]
+	});
+}
+function EvidenceTimeline({ items: e, canExpandThread: t = !1, tone: n = "fire", threadTitle: r, clientCompany: i, contactName: a, teamCompanyName: o, recipientLabel: s, className: c, ...l }) {
+	let [u, f] = useState(!0), p = e.filter((e) => e.type === "source_message");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", c),
+		...l,
+		children: [e.map((t, r) => /* @__PURE__ */ jsx(TimelineItem, {
+			item: t,
+			isFirst: r === 0,
+			isLast: r === e.length - 1,
+			tone: n
+		}, t.id)), t && p.length > 0 && /* @__PURE__ */ jsxs("div", {
+			className: "mt-1 border-t border-neutral-200-variant-1 pt-2",
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => f((e) => !e),
+				className: "inline-flex items-center gap-1.5 text-xs font-medium text-neutral-700-variant-1 transition-colors hover:text-neutral-900",
+				children: [/* @__PURE__ */ jsx("svg", {
+					width: "11",
+					height: "11",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: u ? /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" }) : /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+				}), u ? "Hide full thread" : "View full thread"]
+			}), u && /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 overflow-hidden rounded-xl border border-neutral-200-variant-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2 border-b border-neutral-200-variant-1 bg-neutral-100 px-4 py-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ jsx(SourceIcon, { sourceType: p[0]?.sourceType }), /* @__PURE__ */ jsx("span", {
+							className: "truncate text-xs font-semibold text-neutral-800",
+							children: r
+						})]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 text-[11px] font-medium text-neutral-700-variant-1",
+						children: [p.length, " messages"]
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-3 bg-neutral-50 px-4 py-4",
+					children: p.map((e) => {
+						let t = e.direction === "internal_outbound", n = e.senderName ?? a ?? "", r = t ? o : i, c = t ? [a, i].filter(Boolean) : [o, s].filter(Boolean), l = t ? "team" : "client", u = t ? "client" : "team";
+						return /* @__PURE__ */ jsx("div", {
+							className: cn("rounded-xl border px-4 py-3", t ? "border-blue-200 bg-blue-50" : "border-neutral-200-variant-1 bg-white-variant-8"),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex gap-3",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-[13px] font-bold", t ? "bg-blue-200 text-blue-800" : "bg-neutral-200 text-neutral-700-variant-1"),
+									children: n.charAt(0).toUpperCase()
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-start justify-between gap-2",
+											children: [/* @__PURE__ */ jsxs("div", {
+												className: "flex min-w-0 flex-1 flex-col gap-1",
+												children: [/* @__PURE__ */ jsxs("div", {
+													className: "flex min-w-0 items-center gap-1.5",
+													children: [
+														/* @__PURE__ */ jsx("span", {
+															className: "w-9 shrink-0 text-[10px] font-bold tracking-wide text-neutral-700-variant-1 uppercase",
+															children: "From"
+														}),
+														/* @__PURE__ */ jsx("span", {
+															className: "truncate text-[13px] font-bold text-neutral-900",
+															children: n
+														}),
+														r && /* @__PURE__ */ jsx(DetailPill, { children: r }),
+														/* @__PURE__ */ jsx(RoleBadge, { role: l })
+													]
+												}), c.length > 0 && /* @__PURE__ */ jsxs("div", {
+													className: "flex min-w-0 flex-wrap items-center gap-1.5",
+													children: [
+														/* @__PURE__ */ jsx("span", {
+															className: "w-9 shrink-0 text-[10px] font-bold tracking-wide text-neutral-700-variant-1 uppercase",
+															children: "To"
+														}),
+														c.map((e) => /* @__PURE__ */ jsx(DetailPill, { children: e }, e)),
+														/* @__PURE__ */ jsx(RoleBadge, { role: u })
+													]
+												})]
+											}), /* @__PURE__ */ jsxs("div", {
+												className: "flex shrink-0 items-center gap-1.5",
+												children: [/* @__PURE__ */ jsx(SourceIcon, { sourceType: e.sourceType }), /* @__PURE__ */ jsx("span", {
+													className: "text-[11px] font-medium text-neutral-700-variant-1",
+													children: e.timestampDisplay
+												})]
+											})]
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "mt-2 border-t border-neutral-200-variant-1 pt-2.5 text-sm break-words text-neutral-800",
+											children: e.summary
+										}),
+										e.link && /* @__PURE__ */ jsx("div", {
+											className: "mt-2.5 border-t border-neutral-200-variant-1 pt-2",
+											children: /* @__PURE__ */ jsxs("a", {
+												href: e.link,
+												target: "_blank",
+												rel: "noopener noreferrer",
+												className: "inline-flex items-center gap-1 text-[11px] font-medium text-neutral-700-variant-1 transition-colors hover:text-neutral-900 hover:underline",
+												children: [e.sourceType === "gmail" ? "Open in Gmail" : "Open in Slack", /* @__PURE__ */ jsx(OpenInIcon, {})]
+											})
+										})
+									]
+								})]
+							})
+						}, e.id);
+					})
+				})]
+			})]
+		})]
+	});
+}
 function FilterBarSkeleton({ itemCount: e = 3, className: t }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("gap-2 flex flex-wrap items-center", t),
@@ -25773,6 +26185,137 @@ function Onboarding({ steps: e, context: t, storageKey: n, onFinish: r, isEnable
 		})
 	});
 }
+var pulseFilterChipStyles = tv({
+	slots: {
+		root: "inline-flex shrink-0 items-center gap-1 rounded-full border bg-white px-2.5 py-1 text-[11px] transition-colors",
+		content: "inline-flex items-center",
+		dot: "h-1.5 w-1.5 shrink-0 rounded-full",
+		count: "inline-flex h-[14px] min-w-[14px] items-center justify-center rounded-full px-1 text-[9px] font-bold"
+	},
+	variants: {
+		tone: {
+			fire: {
+				root: "font-medium",
+				content: "gap-1.5",
+				dot: "bg-red-500"
+			},
+			review: {
+				root: "font-medium",
+				content: "gap-1.5",
+				dot: "bg-amber-400"
+			},
+			neutral: {
+				root: "font-medium",
+				content: "gap-1.5",
+				dot: "bg-neutral-500"
+			},
+			brand: {
+				root: "font-semibold",
+				content: "gap-1",
+				dot: "hidden"
+			}
+		},
+		selected: {
+			true: { count: "bg-white-variant-1/20 text-white-variant-1" },
+			false: { count: "bg-neutral-100 text-neutral-700" }
+		},
+		disabled: {
+			true: { root: "cursor-default border-neutral-200 bg-neutral-50 text-neutral-600 opacity-60" },
+			false: {}
+		}
+	},
+	compoundVariants: [
+		{
+			tone: "fire",
+			selected: !1,
+			disabled: !1,
+			class: { root: "border-red-200 text-red-700 hover:border-red-400" }
+		},
+		{
+			tone: "fire",
+			selected: !0,
+			disabled: !1,
+			class: { root: "bg-red-600 border-red-600 text-white-variant-1" }
+		},
+		{
+			tone: "review",
+			selected: !1,
+			disabled: !1,
+			class: { root: "border-amber-200 text-amber-700 hover:border-amber-400" }
+		},
+		{
+			tone: "review",
+			selected: !0,
+			disabled: !1,
+			class: { root: "bg-amber-500 border-amber-500 text-white-variant-1" }
+		},
+		{
+			tone: "neutral",
+			selected: !1,
+			disabled: !1,
+			class: { root: "border-neutral-300 text-neutral-700 hover:border-neutral-500" }
+		},
+		{
+			tone: "neutral",
+			selected: !0,
+			disabled: !1,
+			class: { root: "bg-pulse-chip-neutral-active-bg border-pulse-chip-neutral-active-bg text-pulse-chip-neutral-active-text" }
+		},
+		{
+			tone: "brand",
+			selected: !1,
+			disabled: !1,
+			class: { root: "border-neutral-300 text-neutral-900 hover:border-neutral-600" }
+		},
+		{
+			tone: "brand",
+			selected: !0,
+			disabled: !1,
+			class: { root: "bg-primary-500 border-primary-500 text-white-variant-1" }
+		}
+	],
+	defaultVariants: {
+		tone: "neutral",
+		selected: !1,
+		disabled: !1
+	}
+});
+function PulseFilterChip({ label: e, count: t, tone: n = "neutral", icon: r, selected: i = !1, disabled: a = !1, onClick: o, onRemove: s, className: c }) {
+	let l = pulseFilterChipStyles({
+		tone: n,
+		selected: i,
+		disabled: a
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(l.root(), c),
+		children: [/* @__PURE__ */ jsxs(Pressable, {
+			as: "span",
+			onPress: a ? void 0 : o,
+			disabled: a,
+			className: l.content(),
+			children: [
+				r ?? /* @__PURE__ */ jsx("span", { className: l.dot() }),
+				/* @__PURE__ */ jsx("span", { children: e }),
+				typeof t == "number" && /* @__PURE__ */ jsx("span", {
+					className: l.count(),
+					children: t
+				})
+			]
+		}), s && /* @__PURE__ */ jsx(Pressable, {
+			as: "span",
+			onPress: s,
+			"aria-label": `Clear ${e}`,
+			className: "inline-flex shrink-0 items-center justify-center rounded-full opacity-80 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current",
+			children: /* @__PURE__ */ jsx(CloseIcon, { size: 12 })
+		})]
+	});
+}
+function PulseFilterChipSkeleton({ labelWidthClassName: e = "w-16", className: t }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("inline-flex shrink-0 items-center gap-1.5 rounded-full border border-neutral-300 bg-white px-2.5 py-1", t),
+		children: [/* @__PURE__ */ jsx("div", { className: "size-3 shrink-0 rounded-full bg-neutral-300-variant-3" }), /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", e) })]
+	});
+}
 function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...", onChange: r, onKeyDown: i, onClear: a, disabled: o = !1, className: s }) {
 	let [c, l] = useState(t ?? ""), u = typeof e == "string", f = u ? e : c, p = f.length > 0;
 	function h(e) {
@@ -25811,6 +26354,849 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 		]
 	});
 }
+var chipStyles = tv({
+	slots: {
+		root: "inline-flex h-5 min-w-0 items-center gap-1 rounded-full py-0.5 pr-1 pl-2 text-[11px] font-semibold",
+		close: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full opacity-80 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current"
+	},
+	variants: { type: {
+		client: { root: "bg-search-suggestion-client-bg text-search-suggestion-client-text" },
+		member: { root: "bg-search-suggestion-member-bg text-search-suggestion-member-text" }
+	} }
+});
+function SelectedChip({ suggestion: e, onClear: t }) {
+	let n = chipStyles({ type: e.type });
+	return /* @__PURE__ */ jsxs("span", {
+		className: n.root(),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: e.label
+		}), /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(Pressable, {
+			as: "span",
+			onPress: t,
+			"aria-label": `Clear ${e.label}`,
+			className: n.close(),
+			children: /* @__PURE__ */ jsx(CloseBoldIcon, { size: 10 })
+		}) })]
+	});
+}
+function SuggestionRow({ suggestion: e, onSelect: t }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onMouseDown: (n) => {
+			n.preventDefault(), t(e);
+		},
+		className: "hover:bg-neutral-50 flex w-full items-center gap-2 px-3 py-2 text-left text-[12px] text-neutral-800",
+		children: [e.type === "client" ? /* @__PURE__ */ jsx(BuildingOutlineIcon, {
+			size: 12,
+			className: "text-neutral-600"
+		}) : /* @__PURE__ */ jsx(AccountOutlineIcon, {
+			size: 12,
+			className: "text-neutral-600"
+		}), e.label]
+	});
+}
+function SearchWithSuggestions({ value: e, onChange: t, suggestions: n, selected: r, onSelect: i, onClear: a, placeholder: o = "Search...", className: s }) {
+	let [c, l] = useState(!1), u = n.filter((e) => e.type === "client"), f = n.filter((e) => e.type === "member"), p = c && !e && !r && n.length > 0;
+	function h(e) {
+		e.key === "Escape" && l(!1);
+	}
+	return /* @__PURE__ */ jsx(Dropdown, {
+		open: p,
+		onOpenChange: () => {},
+		openOnHover: !1,
+		align: "start",
+		side: "bottom",
+		offsetY: 4,
+		trigger: /* @__PURE__ */ jsxs("div", {
+			onFocus: () => l(!0),
+			onBlur: () => l(!1),
+			className: cn("border-neutral-500-variant-3 focus-within:border-primary-500 flex h-8 min-w-0 items-center gap-1.5 rounded-full border bg-white px-2 py-1", s),
+			children: [/* @__PURE__ */ jsx(SearchIcon, {
+				size: 20,
+				className: "text-neutral-700"
+			}), r ? /* @__PURE__ */ jsx(SelectedChip, {
+				suggestion: r,
+				onClear: a
+			}) : /* @__PURE__ */ jsx(Input, {
+				type: "text",
+				value: e,
+				placeholder: o,
+				onChange: t,
+				onKeyDown: h,
+				className: "text-neutral-800 placeholder:text-neutral-700-alpha-60 m-0 h-5 min-w-0 flex-1 border-0 bg-transparent p-0 text-xs outline-none"
+			})]
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "border-neutral-200 w-[260px] overflow-hidden rounded-xl border bg-white shadow-lg",
+			children: [
+				u.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "pb-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-neutral-600 px-3 pt-2.5 pb-1 text-[10px] font-bold tracking-widest uppercase",
+						children: "Clients"
+					}), u.map((e) => /* @__PURE__ */ jsx(SuggestionRow, {
+						suggestion: e,
+						onSelect: i
+					}, e.label))]
+				}),
+				u.length > 0 && f.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-neutral-200 mt-1 border-t-2" }),
+				f.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "pb-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-neutral-600 px-3 pt-2.5 pb-1 text-[10px] font-bold tracking-widest uppercase",
+						children: "Members"
+					}), f.map((e) => /* @__PURE__ */ jsx(SuggestionRow, {
+						suggestion: e,
+						onSelect: i
+					}, e.label))]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "border-neutral-200 mt-1 border-t-2 px-3 py-2",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-neutral-600 text-[11px] font-medium",
+						children: "Type to search all signals"
+					})
+				})
+			]
+		})
+	});
+}
+var SEVERITY_CONFIG$1 = {
+	fire: {
+		icon: FireFillIcon,
+		text: "text-tertiary-500-variant-2"
+	},
+	spark: {
+		icon: InsightFillIcon,
+		text: "text-primary-500"
+	},
+	watching: {
+		icon: EyeFillIcon,
+		text: "text-neutral-700-variant-1"
+	},
+	healthy: {
+		icon: CheckIcon,
+		text: "text-success-base"
+	}
+}, signalCardStyles = tv({
+	base: "relative h-full w-full text-left transition-colors focus:outline-none",
+	variants: {
+		layout: {
+			home: "rounded-lg border-[1.5px] p-4",
+			row: "border-b border-l-[3px] px-4 py-3.5"
+		},
+		status: {
+			needs_response: "",
+			needs_review: "",
+			resolved: ""
+		},
+		selected: {
+			true: "",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			layout: "home",
+			status: "needs_response",
+			selected: !1,
+			class: "border-tertiary-500-variant-3 bg-white-variant-8 hover:bg-tertiary-500-variant-4"
+		},
+		{
+			layout: "home",
+			status: "needs_response",
+			selected: !0,
+			class: "border-tertiary-500-variant-2 bg-tertiary-500-variant-4"
+		},
+		{
+			layout: "home",
+			status: "needs_review",
+			selected: !1,
+			class: "border-amber-200 bg-white-variant-8 hover:bg-amber-50"
+		},
+		{
+			layout: "home",
+			status: "needs_review",
+			selected: !0,
+			class: "border-amber-400 bg-amber-50"
+		},
+		{
+			layout: "home",
+			status: "resolved",
+			selected: !1,
+			class: "border-green-200 bg-white-variant-8 hover:bg-green-50"
+		},
+		{
+			layout: "home",
+			status: "resolved",
+			selected: !0,
+			class: "border-green-500 bg-green-50"
+		},
+		{
+			layout: "row",
+			status: "needs_response",
+			selected: !1,
+			class: "border-neutral-200 border-l-transparent hover:bg-neutral-50"
+		},
+		{
+			layout: "row",
+			status: "needs_response",
+			selected: !0,
+			class: "border-neutral-200 border-l-red-500 bg-neutral-50"
+		},
+		{
+			layout: "row",
+			status: "needs_review",
+			selected: !1,
+			class: "border-neutral-200 border-l-transparent hover:bg-neutral-50"
+		},
+		{
+			layout: "row",
+			status: "needs_review",
+			selected: !0,
+			class: "border-neutral-200 border-l-amber-400 bg-neutral-50"
+		},
+		{
+			layout: "row",
+			status: "resolved",
+			selected: !1,
+			class: "border-neutral-200 border-l-transparent hover:bg-neutral-50"
+		},
+		{
+			layout: "row",
+			status: "resolved",
+			selected: !0,
+			class: "border-neutral-200 border-l-green-500 bg-neutral-50"
+		}
+	]
+});
+function SourceIcons({ sourceTypes: e }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "absolute top-3.5 right-3 flex items-center gap-1",
+		children: [e.includes("gmail") && /* @__PURE__ */ jsx(GmailIcon, { size: 16 }), e.includes("slack") && /* @__PURE__ */ jsx(SlackIcon, { size: 18 })]
+	});
+}
+function SignalCard({ title: e, clientName: t, requesterName: n, explanation: r, severity: i, status: a, slaLabel: o, slaStatusLabel: s, sourceTypes: c, patternContext: l, variant: u = "home", selected: f = !1, onClick: p, className: h }) {
+	let g = SEVERITY_CONFIG$1[i];
+	return /* @__PURE__ */ jsxs(Pressable, {
+		onPress: p,
+		className: cn(signalCardStyles({
+			layout: u,
+			status: a,
+			selected: f
+		}), h),
+		children: [
+			/* @__PURE__ */ jsx(SourceIcons, { sourceTypes: c }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-1 flex items-center gap-1.5 pr-10",
+				children: [/* @__PURE__ */ jsx(InfoTooltip, {
+					content: s,
+					children: /* @__PURE__ */ jsx("span", {
+						className: cn("shrink-0", g.text),
+						children: /* @__PURE__ */ jsx(g.icon, { size: 16 })
+					})
+				}), /* @__PURE__ */ jsx("span", {
+					className: cn("text-[12px] font-semibold", g.text),
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-1 line-clamp-1 pr-10 text-[13px] leading-snug font-semibold text-neutral-900",
+				children: e
+			}),
+			r && /* @__PURE__ */ jsx("p", {
+				className: "mb-1 line-clamp-1 pr-10 text-[11px] leading-snug text-neutral-700-variant-1",
+				children: r
+			}),
+			(t || n) && /* @__PURE__ */ jsx("p", {
+				className: "line-clamp-1 pr-10 text-[11px] font-medium text-neutral-700-variant-1",
+				children: [t, n].filter(Boolean).join(" · ")
+			}),
+			l && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 pr-10 text-[10px] font-medium text-primary-500",
+				children: l
+			})
+		]
+	});
+}
+function SignalCardSkeleton({ variant: e = "home", className: t }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative h-full w-full", e === "home" ? "rounded-lg border-[1.5px] border-neutral-200-variant-1 bg-white-variant-8 p-4" : "border-b border-neutral-200-variant-1 px-4 py-3.5", t),
+		children: [
+			/* @__PURE__ */ jsx("div", { className: "absolute top-3.5 right-3 size-4 rounded-md bg-neutral-300-variant-3" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-1 flex items-center gap-2 pr-10",
+				children: [/* @__PURE__ */ jsx("div", { className: "size-4 shrink-0 rounded-md bg-neutral-300-variant-3" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-28" })]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "mb-1 h-4.5 w-8/12" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "mb-1 h-4 w-10/12" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-6/12" })
+		]
+	});
+}
+function SignalClusterCard({ title: e, body: t, ctaQuestion: n, destinationLabel: r, signalCount: i, onClick: a, className: o }) {
+	return /* @__PURE__ */ jsxs(Pressable, {
+		onPress: a,
+		className: cn("h-full w-full rounded-lg border-[1.5px] border-neutral-400-variant-4 bg-white-variant-8 p-4 text-left transition-colors hover:border-neutral-500-variant-4 hover:bg-neutral-200-variant-1", o),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-1.5 flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-[13px] leading-snug font-semibold text-neutral-800",
+					children: e
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "mt-0.5 shrink-0 text-[10px] font-medium text-neutral-600-variant-2",
+					children: [
+						i,
+						" signal",
+						i === 1 ? "" : "s"
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-1.5 text-[11px] leading-snug text-neutral-700-variant-1",
+				children: t
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-3 text-[11px] leading-snug text-neutral-700-variant-1",
+				children: n
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-primary-500 flex items-center gap-1 text-[11px] font-medium",
+				children: [/* @__PURE__ */ jsx("span", { children: r }), /* @__PURE__ */ jsx(ArrowIcon, {
+					direction: "right",
+					size: 10
+				})]
+			})
+		]
+	});
+}
+function SignalClusterCardSkeleton({ className: e }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("h-full w-full rounded-lg border-[1.5px] border-neutral-200-variant-1 bg-white-variant-8 p-4", e),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-1.5 flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-7/12" }), /* @__PURE__ */ jsx(Skeleton, { className: "mt-0.5 h-3 w-12 shrink-0" })]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "mb-1.5 h-3 w-11/12" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "mb-3 h-3 w-9/12" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-5/12" })
+		]
+	});
+}
+var barStyles = tv({
+	base: "h-full rounded-full",
+	variants: { status: {
+		met: "bg-green-400",
+		on_track: "bg-green-400",
+		approaching: "bg-yellow-300",
+		overdue: "bg-amber-400",
+		way_overdue: "bg-red-500"
+	} }
+}), badgeStyles = tv({
+	base: "rounded-full px-2 py-0.5 text-[10px] font-semibold",
+	variants: { status: {
+		met: "bg-green-50 text-green-700",
+		on_track: "bg-green-50 text-green-700",
+		approaching: "bg-yellow-50 text-yellow-700",
+		overdue: "bg-amber-50 text-amber-700",
+		way_overdue: "bg-red-50 text-red-700"
+	} }
+});
+function SlaProgressBar({ policyLabel: e, statusLabel: t, status: n, actualLabel: r, windowLabel: i, percentUsed: a, className: o, ...s }) {
+	let c = Math.min(a, 100);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-2", o),
+		...s,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-[10px] font-bold tracking-widest text-neutral-900 uppercase",
+					children: e
+				}), /* @__PURE__ */ jsx("span", {
+					className: badgeStyles({ status: n }),
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "h-1.5 overflow-hidden rounded-full bg-neutral-200",
+				children: /* @__PURE__ */ jsx("div", {
+					className: barStyles({ status: n }),
+					style: { width: `${c}%` }
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between text-[11px] text-neutral-700",
+				children: [/* @__PURE__ */ jsxs("span", { children: [
+					"Actual:",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-neutral-800",
+						children: r
+					})
+				] }), /* @__PURE__ */ jsxs("span", { children: [
+					"Window:",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-neutral-800",
+						children: i
+					})
+				] })]
+			})
+		]
+	});
+}
+var SEVERITY_CONFIG = {
+	fire: {
+		icon: FireFillIcon,
+		text: "text-tertiary-500-variant-2",
+		label: "Fire"
+	},
+	spark: {
+		icon: InsightFillIcon,
+		text: "text-primary-500",
+		label: "Spark"
+	},
+	watching: {
+		icon: void 0,
+		text: "text-neutral-700-variant-1",
+		label: "Watching"
+	}
+}, STATUS_BADGE_STYLES = {
+	fire: {
+		badge: "bg-red-50 text-red-700 border-red-200",
+		dot: "bg-red-500",
+		accentBar: "border-l-[3px] border-l-red-500"
+	},
+	review: {
+		badge: "bg-amber-50 text-amber-700 border-amber-200",
+		dot: "bg-amber-400",
+		accentBar: "border-l-[3px] border-l-amber-400"
+	},
+	neutral: {
+		badge: "bg-neutral-100 text-neutral-700 border-neutral-300",
+		dot: "bg-neutral-400",
+		accentBar: "border-l-[3px] border-l-neutral-400"
+	}
+};
+function SectionCard({ title: e, titleAdornment: t, children: n }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-2 flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-[10px] font-bold tracking-widest text-neutral-900 uppercase",
+				children: e
+			}), t]
+		}), n]
+	});
+}
+function OpenSourceIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "11",
+		height: "11",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+			/* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+			/* @__PURE__ */ jsx("line", {
+				x1: "10",
+				y1: "14",
+				x2: "21",
+				y2: "3"
+			})
+		]
+	});
+}
+function CheckActionIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "11",
+		height: "11",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+function DismissActionIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "11",
+		height: "11",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+	});
+}
+function CopyActionIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "11",
+		height: "11",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "9",
+			y: "9",
+			width: "13",
+			height: "13",
+			rx: "2",
+			ry: "2"
+		}), /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
+	});
+}
+function GuardrailTooltip({ text: e }) {
+	return /* @__PURE__ */ jsx(InfoTooltip, {
+		content: e,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "flex text-neutral-600 transition-colors hover:text-neutral-900",
+			children: /* @__PURE__ */ jsx("svg", {
+				width: "13",
+				height: "13",
+				viewBox: "0 0 24 24",
+				fill: "currentColor",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })
+			})
+		})
+	});
+}
+function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, statusLabel: r, statusTone: i, sourceType: a, sourceLink: o, clientCompany: s, contactName: c, teamCompanyName: l, recipientLabel: u, sla: f, claim: p, sameThreadGuardrail: h, evidenceItems: O, nextStep: A, actionRationale: Ks, rankingRationale: R, dismissOptions: B, onClose: V, onResolve: qs, onDismiss: Js, className: Ys, ...Xs }) {
+	let H = SEVERITY_CONFIG[t], [Zs, Qs] = useState(!1), [$s, ec] = useState(null), [tc, nc] = useState(!1), rc = () => {
+		let t = [
+			e,
+			"",
+			p,
+			"",
+			h
+		];
+		navigator.clipboard.writeText(t.join("\n")).catch(() => {}), nc(!0), setTimeout(() => nc(!1), 2e3);
+	}, ic = () => {
+		Js?.($s ?? void 0), Qs(!1), ec(null);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-full flex-col overflow-y-auto bg-white-variant-8", STATUS_BADGE_STYLES[i].accentBar, Ys),
+		...Xs,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "sticky top-0 z-20 shrink-0 border-b border-neutral-200-variant-1 bg-white-variant-8 px-4 pt-5 pb-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 flex-wrap items-center gap-2.5",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "truncate text-[15px] leading-snug font-semibold text-neutral-900",
+							children: e
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: cn("inline-flex shrink-0 items-center gap-1 text-[12px] font-semibold", H.text),
+							children: [
+								H.icon && /* @__PURE__ */ jsx(H.icon, { size: 16 }),
+								H.label,
+								n && ` · ${n}`
+							]
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: cn("inline-flex shrink-0 items-center gap-1.5 rounded-full border px-2 py-0.5 text-[11px] font-medium", STATUS_BADGE_STYLES[i].badge),
+							children: [/* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 shrink-0 rounded-full", STATUS_BADGE_STYLES[i].dot) }), r]
+						})
+					]
+				}), V && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: V,
+					"aria-label": "Close",
+					className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg hover:bg-neutral-100",
+					children: /* @__PURE__ */ jsx("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						children: /* @__PURE__ */ jsx("path", {
+							d: "M18 6 6 18M6 6l12 12",
+							strokeLinecap: "round"
+						})
+					})
+				})]
+			}), (c || l || u) && /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-col gap-1.5 rounded-lg border border-neutral-200-variant-1 bg-neutral-50 px-3 py-2.5",
+				children: [c && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 min-w-0",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "w-9 shrink-0 text-[10px] font-semibold tracking-wide text-neutral-700-variant-1 uppercase",
+							children: "From"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full bg-neutral-200 text-[9px] font-bold text-neutral-700-variant-1",
+							children: c.charAt(0).toUpperCase()
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "truncate text-[12px] font-semibold text-neutral-900",
+							children: c
+						}),
+						s && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 truncate rounded-full border border-neutral-300 bg-white px-2 py-px text-[10px] font-medium text-neutral-700-variant-1",
+							children: s
+						}),
+						/* @__PURE__ */ jsx(RoleBadge, { role: "client" })
+					]
+				}), (l || u) && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 min-w-0",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "w-9 shrink-0 text-[10px] font-semibold tracking-wide text-neutral-700-variant-1 uppercase",
+							children: "To"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center",
+							children: jsx(a === "gmail" ? GmailIcon : SlackIcon, { size: 15 })
+						}),
+						l && /* @__PURE__ */ jsx("span", {
+							className: "truncate text-[12px] font-semibold text-neutral-900",
+							children: l
+						}),
+						u && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 truncate rounded-full border border-neutral-300 bg-white px-2 py-px text-[10px] font-medium text-neutral-700-variant-1",
+							children: u
+						}),
+						/* @__PURE__ */ jsx(RoleBadge, { role: "team" })
+					]
+				})]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 p-4",
+			children: [
+				f ? /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-1 items-stretch gap-3 xl:grid-cols-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+						children: /* @__PURE__ */ jsx(SlaProgressBar, { ...f })
+					}), /* @__PURE__ */ jsx(SectionCard, {
+						title: "What QTalo found",
+						titleAdornment: /* @__PURE__ */ jsx(GuardrailTooltip, { text: h }),
+						children: /* @__PURE__ */ jsx("p", {
+							className: "text-sm leading-snug text-neutral-800",
+							children: p
+						})
+					})]
+				}) : /* @__PURE__ */ jsx(SectionCard, {
+					title: "What QTalo found",
+					titleAdornment: /* @__PURE__ */ jsx(GuardrailTooltip, { text: h }),
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-sm leading-snug text-neutral-800",
+						children: p
+					})
+				}),
+				/* @__PURE__ */ jsx(SectionCard, {
+					title: "Evidence analysis",
+					children: /* @__PURE__ */ jsx(EvidenceTimeline, {
+						items: O,
+						canExpandThread: !0,
+						tone: i,
+						threadTitle: e,
+						clientCompany: s,
+						contactName: c,
+						teamCompanyName: l,
+						recipientLabel: u
+					})
+				}),
+				A && /* @__PURE__ */ jsxs(SectionCard, {
+					title: "Next step",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-semibold text-neutral-900",
+						children: A
+					}), Ks && /* @__PURE__ */ jsx("p", {
+						className: "mt-1 text-sm text-neutral-700",
+						children: Ks
+					})]
+				}),
+				R && /* @__PURE__ */ jsxs("div", {
+					className: "rounded-xl border border-neutral-200-variant-1 bg-neutral-50 px-4 py-3.5",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "mb-2 text-[10px] font-bold tracking-widest text-neutral-900 uppercase",
+						children: "Why ranked first"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-neutral-800",
+						children: R
+					})]
+				}),
+				/* @__PURE__ */ jsx(SectionCard, {
+					title: "What do you want to do?",
+					children: Zs ? /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [
+							/* @__PURE__ */ jsx("p", {
+								className: "text-[12px] text-neutral-700-variant-1",
+								children: "Why isn't this useful?"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex flex-wrap gap-1.5",
+								children: B.map((e) => /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => ec((t) => t === e.id ? null : e.id),
+									className: $s === e.id ? "rounded-full bg-neutral-800 px-2.5 py-1 text-[11px] font-medium text-white" : "rounded-full border border-neutral-300 bg-white px-2.5 py-1 text-[11px] font-medium text-neutral-700 hover:border-neutral-500",
+									children: e.label
+								}, e.id))
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-1 flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: ic,
+										className: "rounded-lg bg-neutral-800 px-3 py-1.5 text-xs font-semibold text-white",
+										children: "Confirm"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: () => {
+											Qs(!1), ec(null);
+										},
+										className: "text-xs font-medium text-neutral-700-variant-1 hover:underline",
+										children: "Cancel"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: qs,
+										className: "ml-auto text-xs font-medium text-primary-500 hover:underline",
+										children: "Mark handled instead"
+									})
+								]
+							})
+						]
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							o && /* @__PURE__ */ jsxs("a", {
+								href: o,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
+								children: [/* @__PURE__ */ jsx(OpenSourceIcon, {}), "Open source"]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								onClick: qs,
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors hover:bg-green-100",
+								children: [/* @__PURE__ */ jsx(CheckActionIcon, {}), "Mark handled"]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								onClick: () => Qs(!0),
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
+								children: [/* @__PURE__ */ jsx(DismissActionIcon, {}), "Mark not useful"]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								onClick: rc,
+								className: tc ? "inline-flex items-center gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors" : "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
+								children: [jsx(tc ? CheckActionIcon : CopyActionIcon, {}), tc ? "Copied" : "Copy evidence"]
+							})
+						]
+					})
+				})
+			]
+		})]
+	});
+}
+function SignalDetailPanelSkeleton({ className: e }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-full flex-col overflow-y-auto bg-white-variant-8", e),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "shrink-0 border-b border-neutral-200-variant-1 px-4 pt-5 pb-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2.5",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-7/12" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 shrink-0" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 shrink-0 rounded-full" })
+					]
+				}), /* @__PURE__ */ jsx(Skeleton, { className: "size-7 shrink-0 rounded-lg" })]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-col gap-1.5 rounded-lg border border-neutral-200-variant-1 bg-neutral-50 px-3 py-2.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-9" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "size-[18px] rounded-full" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-9" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "size-[18px] rounded-full" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+					]
+				})]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 p-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-1 gap-3 xl:grid-cols-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "mb-3 h-3 w-8/12" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "mb-2.5 h-1.5 w-full rounded-full" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" })]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "mb-2 h-3 w-8/12" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full" })]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "mb-3 h-3 w-6/12" }), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full rounded-xl" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-lg" })]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "mb-2 h-3 w-4/12" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-9/12" })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "mb-3 h-3 w-8/12" }), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" })
+						]
+					})]
+				})
+			]
+		})]
+	});
+}
 var DEFAULT_DURATION = 4e3, DEFAULT_POSITION = "bottom-right";
 function buildCallbacks({ onOpen: e, onClose: t, onAutoClose: n, onDismiss: r }) {
 	return e || t || n || r ? {
@@ -26034,6 +27420,6 @@ function QtaloBlueImage({ size: e = 40, className: t, ...n }) {
 		}) })]
 	});
 }
-export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, AccountInfo, ActionMenu, ActionMenuItem, AddCircleIcon, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EVENT_SUMMARY_CARD_HEIGHT_SIZE, EmptyBoxIcon, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailFollowUp, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, EventSummaryCard, EventSummaryCardSkeleton, EventSummaryFireButton, ExternalLinkIcon, EyeIcon, FilterBar, FilterBarSkeleton, FilterButton, FireFillIcon, FireIcon, GmailIcon, GoogleCalendarIcon, HelpPanel, HelpPanelEngine, HomeIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InboxIcon, InfoTooltip, Input, InsightFillIcon, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MailIcon, MinusIcon, MoreIcon, NoEyeIcon, NormalDensityIcon, NotFireIcon, ONBOARDING_DISMISSED_STORAGE_KEY, Onboarding, OnboardingCard, OnboardingEngine, OutlookCalendarIcon, OutlookIcon, Pressable, QtaloBlueImage, QtaloImage, ReadIcon, ReplyIoIcon, RichContent, SearchIcon, SearchInput, SignOutIcon, Skeleton, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, formatTimestamp, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, normalizeContent, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
+export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, AccountInfo, AccountOutlineIcon, ActionMenu, ActionMenuItem, AddCircleIcon, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BetaResizeHandle, BuildingIcon, BuildingOutlineIcon, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseBoldIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EVENT_SUMMARY_CARD_HEIGHT_SIZE, EmptyBoxIcon, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailFollowUp, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, EventSummaryCard, EventSummaryCardSkeleton, EventSummaryFireButton, EvidenceTimeline, ExternalLinkIcon, EyeFillIcon, EyeIcon, FilterBar, FilterBarSkeleton, FilterButton, FireFillIcon, FireIcon, GmailIcon, GoogleCalendarIcon, HelpPanel, HelpPanelEngine, HomeFillIcon, HomeIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InboxIcon, InfoTooltip, Input, InsightFillIcon, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MailIcon, MinusIcon, MoreIcon, NoEyeIcon, NormalDensityIcon, NotFireIcon, ONBOARDING_DISMISSED_STORAGE_KEY, Onboarding, OnboardingCard, OnboardingEngine, OutlookCalendarIcon, OutlookIcon, PatternIcon, Pressable, PulseFilterChip, PulseFilterChipSkeleton, QtaloBlueImage, QtaloImage, ReadIcon, ReplyIoIcon, RichContent, RoleBadge, SearchIcon, SearchInput, SearchWithSuggestions, SignOutIcon, SignalCard, SignalCardSkeleton, SignalClusterCard, SignalClusterCardSkeleton, SignalDetailPanel, SignalDetailPanelSkeleton, Skeleton, SlaProgressBar, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, WarningIcon, capitalize, cn, colors, formatDate, formatDateRange, formatTimestamp, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, normalizeContent, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
 
 //# sourceMappingURL=index.js.map