@sparkelf/dsh-group-chat 0.1.1 → 0.2.0

package/lib/client.js

@@ -233,6 +233,246 @@ window.__ModuleLoader__.load({
 		* pre-empted here.
 		*/
 		const dissolveRoom = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}`, { method: "DELETE" });
+		/**
+		* Searches message text across the rooms this account can read.
+		*
+		* The room server owns the visibility rule; this only passes the words. An empty query is not
+		* sent at all — every message would match it.
+		*/
+		const searchMessages = (query) => {
+			const trimmed = query.trim();
+			if (trimmed.length === 0) return Promise.resolve([]);
+			return call(`/rooms/messages/search?query=${encodeURIComponent(trimmed)}`);
+		};
+		/**
+		* Registers a pending reply with the host.
+		*
+		* The message itself is submitted by the official composer, which this plugin neither wraps nor
+		* intercepts, so the quote travels beside it rather than inside it: the host attaches it to the
+		* next message this member sends in the room and then forgets it.
+		*/
+		const registerQuote = (roomId, quote) => call(`/rooms/${encodeURIComponent(roomId)}/quote`, {
+			method: "POST",
+			body: JSON.stringify(quote)
+		});
+		/** Drops a pending reply that will not be sent. */
+		const clearQuote = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}/quote`, { method: "DELETE" });
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/MessageSearch.module.css.mjs
+		const css$10 = ".NBSFYa_root{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;display:flex}.NBSFYa_bar{align-items:center;gap:6px;min-width:0;min-height:28px;padding:0 12px;display:flex}.NBSFYa_toggle{width:24px;height:24px;color:var(--dsw-alias-label-secondary,inherit);cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.NBSFYa_toggle:hover,.NBSFYa_toggle[aria-expanded=true]{opacity:1;background:var(--dsw-alias-bg-l2,#ffffff14)}.NBSFYa_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,currentcolor);outline-offset:1px}.NBSFYa_input{background:var(--dsw-alias-bg-l2,#ffffff0f);min-width:0;height:24px;color:var(--dsw-alias-label-primary,inherit);border:none;border-radius:6px;outline:none;flex:auto;padding:0 6px;font-size:12px}.NBSFYa_input::placeholder{color:var(--dsw-alias-label-secondary,inherit);opacity:.7}.NBSFYa_results{flex-direction:column;gap:2px;max-height:240px;padding:2px 8px 4px;display:flex;overflow-y:auto}.NBSFYa_hint{color:var(--dsw-alias-label-secondary,inherit);opacity:.75;margin:6px 4px;font-size:12px;line-height:16px}.NBSFYa_hit{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:1px;padding:5px 8px;display:flex}.NBSFYa_hit:hover,.NBSFYa_hit:focus-visible{background:var(--dsw-alias-bg-l2,#ffffff14);outline:none}.NBSFYa_hitHead{min-width:0;color:var(--dsw-alias-label-secondary,inherit);align-items:baseline;gap:6px;font-size:11px;line-height:14px;display:flex}.NBSFYa_hitRoom{flex:none;font-weight:500}.NBSFYa_hitAuthor{text-overflow:ellipsis;white-space:nowrap;opacity:.8;min-width:0;overflow:hidden}.NBSFYa_hitText{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:16px;display:block;overflow:hidden}.NBSFYa_mark{background:var(--dsw-alias-bg-brand-weak,#ffd66659);color:inherit;border-radius:2px;padding:0;font-weight:600}";
+		const tagId$10 = "@sparkelf/dsh-group-chat/MessageSearch.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$10) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		var MessageSearch_module_css_default = {
+			"results": "NBSFYa_results",
+			"bar": "NBSFYa_bar",
+			"hitHead": "NBSFYa_hitHead",
+			"hitRoom": "NBSFYa_hitRoom",
+			"toggle": "NBSFYa_toggle",
+			"hint": "NBSFYa_hint",
+			"hit": "NBSFYa_hit",
+			"mark": "NBSFYa_mark",
+			"root": "NBSFYa_root",
+			"input": "NBSFYa_input",
+			"hitAuthor": "NBSFYa_hitAuthor",
+			"hitText": "NBSFYa_hitText"
+		};
+		//#endregion
+		//#region src/client/MessageSearch.tsx
+		/**
+		* The message search box and its result list.
+		*
+		* A separate surface from the room filter above it: that one narrows the list of rooms by name,
+		* this one finds text inside them. Combining the two would mean one box whose meaning changes
+		* with what it matched, which is the sort of ambiguity that makes a search feel broken.
+		*
+		* The panel is a list seat in the sidebar footer, below the room rows: results are transient and
+		* belong to the moment the reader is looking for something, not beside the rooms they live in.
+		*
+		* @module @sparkelf/dsh-group-chat/client/MessageSearch
+		*/
+		/** How long to wait after the last keystroke before asking the server. */
+		const DEBOUNCE_MS = 250;
+		/**
+		* Renders the search field and, once something was typed, the hits.
+		*
+		* Results are debounced and the newest request wins: typing quickly issues several searches, and
+		* an early one resolving late would replace the results of a later, more specific query.
+		*/
+		/**
+		* The hit text with the matched words marked.
+		*
+		* Splitting on the query rather than rendering the raw string gives the reader the one thing a
+		* result list has to offer: where in a long message the words actually are. Case is preserved
+		* from the source text; only the comparison is case-insensitive.
+		*/
+		const highlighted = (text, query) => {
+			const needle = query.trim();
+			if (needle.length === 0) return text;
+			const parts = [];
+			const lower = text.toLowerCase();
+			const target = needle.toLowerCase();
+			let from = 0;
+			let at = lower.indexOf(target);
+			let key = 0;
+			while (at !== -1) {
+				if (at > from) parts.push(text.slice(from, at));
+				parts.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
+					className: MessageSearch_module_css_default["mark"],
+					children: text.slice(at, at + needle.length)
+				}, key));
+				key += 1;
+				from = at + needle.length;
+				at = lower.indexOf(target, from);
+			}
+			if (from < text.length) parts.push(text.slice(from));
+			return parts;
+		};
+		const MessageSearch = (props) => {
+			const { t, onOpen } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [query, setQuery] = (0, react.useState)("");
+			const [hits, setHits] = (0, react.useState)([]);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const input = (0, react.useRef)(null);
+			/** Increments per issued search, so a stale response can be recognized and dropped. */
+			const issued = (0, react.useRef)(0);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const trimmed = query.trim();
+				if (trimmed.length === 0) {
+					setHits([]);
+					setBusy(false);
+					return;
+				}
+				const ticket = issued.current + 1;
+				issued.current = ticket;
+				setBusy(true);
+				const timer = setTimeout(() => {
+					searchMessages(trimmed).then((found) => {
+						if (issued.current === ticket) setHits(found);
+					}).catch(() => {
+						if (issued.current === ticket) setHits([]);
+					}).finally(() => {
+						if (issued.current === ticket) setBusy(false);
+					});
+				}, DEBOUNCE_MS);
+				return () => {
+					clearTimeout(timer);
+				};
+			}, [query, open]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onKey = (event) => {
+					if (event.key !== "Escape") return;
+					setQuery("");
+					setHits([]);
+					setOpen(false);
+				};
+				document.addEventListener("keydown", onKey);
+				return () => {
+					document.removeEventListener("keydown", onKey);
+				};
+			}, [open]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageSearch_module_css_default["root"],
+				"data-group-chat-message-search": "",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageSearch_module_css_default["bar"],
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: MessageSearch_module_css_default["toggle"],
+						"aria-label": t("searchMessages"),
+						"aria-expanded": open,
+						title: t("searchMessages"),
+						onClick: () => {
+							setOpen((was) => {
+								const next = !was;
+								if (next) requestAnimationFrame(() => {
+									input.current?.focus();
+								});
+								else {
+									setQuery("");
+									setHits([]);
+								}
+								return next;
+							});
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.4",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "7",
+									cy: "7",
+									r: "4.2"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m10.2 10.2 3 3" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.2 5.4h5.6" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.2 7.4h4" })
+							]
+						})
+					}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: input,
+						className: MessageSearch_module_css_default["input"],
+						type: "search",
+						value: query,
+						placeholder: t("searchMessagesPlaceholder"),
+						"aria-label": t("searchMessages"),
+						onChange: (event) => {
+							setQuery(event.target.value);
+						}
+					}) : null]
+				}), open && query.trim().length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: MessageSearch_module_css_default["results"],
+					role: "listbox",
+					"aria-label": t("searchMessages"),
+					children: busy && hits.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: MessageSearch_module_css_default["hint"],
+						children: t("searching")
+					}) : hits.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: MessageSearch_module_css_default["hint"],
+						children: t("searchMessagesEmpty")
+					}) : hits.map((hit) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": false,
+						className: MessageSearch_module_css_default["hit"],
+						onClick: () => {
+							onOpen(hit.roomId, hit.eventId);
+							setQuery("");
+							setHits([]);
+							setOpen(false);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: MessageSearch_module_css_default["hitHead"],
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MessageSearch_module_css_default["hitRoom"],
+								children: hit.roomName
+							}), hit.authorName === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MessageSearch_module_css_default["hitAuthor"],
+								children: hit.authorName
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageSearch_module_css_default["hitText"],
+							children: highlighted(hit.text, query)
+						})]
+					}, `${hit.roomId}:${hit.eventId}`))
+				}) : null]
+			});
+		};
 		//#endregion
 		//#region src/client/rows.ts
 		/**
@@ -474,20 +714,20 @@ window.__ModuleLoader__.load({
 		const announcementMissing = (error) => error instanceof RoomError && (error.status === 404 || error.status === 405 || error.status === 501);
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/Avatar.module.css.mjs
-		const css$8 = ".Ohch6W_avatar{letter-spacing:.02em;color:#fff;background:var(--dsw-static-blue-600,#2563eb);user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.Ohch6W_md{width:30px;height:30px;font-size:12px;line-height:30px}.Ohch6W_sm{width:24px;height:24px;font-size:10px;line-height:24px}.Ohch6W_stack{flex:none;display:inline-flex;position:relative}.Ohch6W_over{background:0 0;position:absolute;inset:0}img.Ohch6W_avatar{object-fit:cover;background:0 0}";
-		const tagId$8 = "@sparkelf/dsh-group-chat/Avatar.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
+		const css$9 = ".Ohch6W_avatar{letter-spacing:.02em;color:#fff;background:var(--dsw-static-blue-600,#2563eb);user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.Ohch6W_md{width:30px;height:30px;font-size:12px;line-height:30px}.Ohch6W_sm{width:24px;height:24px;font-size:10px;line-height:24px}.Ohch6W_stack{flex:none;display:inline-flex;position:relative}.Ohch6W_over{background:0 0;position:absolute;inset:0}img.Ohch6W_avatar{object-fit:cover;background:0 0}";
+		const tagId$9 = "@sparkelf/dsh-group-chat/Avatar.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$8;
-			tag.textContent = css$8;
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
 			document.head.appendChild(tag);
 		}
 		var Avatar_module_css_default = {
-			"sm": "Ohch6W_sm",
 			"over": "Ohch6W_over",
-			"md": "Ohch6W_md",
+			"sm": "Ohch6W_sm",
 			"avatar": "Ohch6W_avatar",
+			"md": "Ohch6W_md",
 			"stack": "Ohch6W_stack"
 		};
 		//#endregion
@@ -518,22 +758,22 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/Picker.module.css.mjs
-		const css$7 = ".sKjJ-a_box{flex-direction:column;min-width:0;display:flex;position:relative}.sKjJ-a_list{z-index:10;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-base,var(--dsw-alias-interactive-bg-hover));max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000003d}.sKjJ-a_row,.sKjJ-a_rowActive{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:18px;display:flex}.sKjJ-a_rowActive{background:var(--dsw-alias-interactive-bg-hover)}.sKjJ-a_label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sKjJ-a_secondary{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.sKjJ-a_note{color:var(--dsw-alias-label-tertiary);margin:6px 8px;font-size:12px;line-height:17px}";
-		const tagId$7 = "@sparkelf/dsh-group-chat/Picker.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
+		const css$8 = ".sKjJ-a_box{flex-direction:column;min-width:0;display:flex;position:relative}.sKjJ-a_list{z-index:10;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-base,var(--dsw-alias-interactive-bg-hover));max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000003d}.sKjJ-a_row,.sKjJ-a_rowActive{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:18px;display:flex}.sKjJ-a_rowActive{background:var(--dsw-alias-interactive-bg-hover)}.sKjJ-a_label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sKjJ-a_secondary{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.sKjJ-a_note{color:var(--dsw-alias-label-tertiary);margin:6px 8px;font-size:12px;line-height:17px}";
+		const tagId$8 = "@sparkelf/dsh-group-chat/Picker.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$7;
-			tag.textContent = css$7;
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
 			document.head.appendChild(tag);
 		}
 		var Picker_module_css_default = {
-			"note": "sKjJ-a_note",
 			"secondary": "sKjJ-a_secondary",
+			"note": "sKjJ-a_note",
 			"list": "sKjJ-a_list",
 			"row": "sKjJ-a_row",
-			"box": "sKjJ-a_box",
 			"rowActive": "sKjJ-a_rowActive",
+			"box": "sKjJ-a_box",
 			"label": "sKjJ-a_label"
 		};
 		//#endregion
@@ -697,21 +937,21 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/PresetSelect.module.css.mjs
-		const css$6 = ".xjnmxG_trigger{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;line-height:18px;display:flex}.xjnmxG_trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.xjnmxG_triggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.xjnmxG_trigger:after{border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);content:\"\";flex:none;width:6px;height:6px;margin-left:2px;transform:translateY(-1px)rotate(45deg)}.xjnmxG_row{flex-direction:column;gap:2px;min-width:0;display:flex}.xjnmxG_name{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.xjnmxG_description{color:var(--dsw-alias-label-tertiary);white-space:normal;font-size:12px;line-height:17px}";
-		const tagId$6 = "@sparkelf/dsh-group-chat/PresetSelect.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
+		const css$7 = ".xjnmxG_trigger{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;line-height:18px;display:flex}.xjnmxG_trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.xjnmxG_triggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.xjnmxG_trigger:after{border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);content:\"\";flex:none;width:6px;height:6px;margin-left:2px;transform:translateY(-1px)rotate(45deg)}.xjnmxG_row{flex-direction:column;gap:2px;min-width:0;display:flex}.xjnmxG_name{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.xjnmxG_description{color:var(--dsw-alias-label-tertiary);white-space:normal;font-size:12px;line-height:17px}";
+		const tagId$7 = "@sparkelf/dsh-group-chat/PresetSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$6;
-			tag.textContent = css$6;
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
 			document.head.appendChild(tag);
 		}
 		var PresetSelect_module_css_default = {
-			"description": "xjnmxG_description",
-			"triggerLabel": "xjnmxG_triggerLabel",
 			"row": "xjnmxG_row",
-			"name": "xjnmxG_name",
-			"trigger": "xjnmxG_trigger"
+			"triggerLabel": "xjnmxG_triggerLabel",
+			"trigger": "xjnmxG_trigger",
+			"description": "xjnmxG_description",
+			"name": "xjnmxG_name"
 		};
 		//#endregion
 		//#region src/client/PresetSelect.tsx
@@ -959,33 +1199,33 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/CreateRoomDialog.module.css.mjs
-		const css$5 = ".Z3w8WW_body{flex-direction:column;gap:14px;min-width:0;display:flex}.Z3w8WW_field{flex-direction:column;gap:5px;min-width:0;display:flex}.Z3w8WW_label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.Z3w8WW_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.Z3w8WW_warn{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-warning,#d299221f);color:var(--dsw-alias-state-warning-primary,#d29922);padding:6px 8px;font-size:12px;line-height:17px;display:block}.Z3w8WW_switches{border-top:1px solid var(--dsw-alias-border-l3);flex-direction:column;gap:8px;padding:10px 0 0;display:flex}.Z3w8WW_triggerExtra{flex-wrap:wrap;gap:6px;padding-left:0;display:flex}.Z3w8WW_pill,.Z3w8WW_pillActive{border:1px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.Z3w8WW_pillActive{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary)}.Z3w8WW_notice{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-2,#80808014);color:var(--dsw-alias-label-secondary);margin:0;padding:8px 10px;font-size:12px;line-height:17px}.Z3w8WW_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.Z3w8WW_footer{justify-content:flex-end;gap:8px;display:flex}.Z3w8WW_policyRow{flex-direction:column;gap:5px;display:flex}.Z3w8WW_memberList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.Z3w8WW_memberRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.Z3w8WW_memberRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.Z3w8WW_memberName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.Z3w8WW_memberBadge{background:var(--dsw-alias-bg-layer-2,#8080801f);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:0 6px;font-size:11px;line-height:16px}";
-		const tagId$5 = "@sparkelf/dsh-group-chat/CreateRoomDialog.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
+		const css$6 = ".Z3w8WW_body{flex-direction:column;gap:14px;min-width:0;display:flex}.Z3w8WW_field{flex-direction:column;gap:5px;min-width:0;display:flex}.Z3w8WW_label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.Z3w8WW_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.Z3w8WW_warn{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-warning,#d299221f);color:var(--dsw-alias-state-warning-primary,#d29922);padding:6px 8px;font-size:12px;line-height:17px;display:block}.Z3w8WW_switches{border-top:1px solid var(--dsw-alias-border-l3);flex-direction:column;gap:8px;padding:10px 0 0;display:flex}.Z3w8WW_triggerExtra{flex-wrap:wrap;gap:6px;padding-left:0;display:flex}.Z3w8WW_pill,.Z3w8WW_pillActive{border:1px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.Z3w8WW_pillActive{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary)}.Z3w8WW_notice{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-2,#80808014);color:var(--dsw-alias-label-secondary);margin:0;padding:8px 10px;font-size:12px;line-height:17px}.Z3w8WW_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.Z3w8WW_footer{justify-content:flex-end;gap:8px;display:flex}.Z3w8WW_policyRow{flex-direction:column;gap:5px;display:flex}.Z3w8WW_memberList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.Z3w8WW_memberRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.Z3w8WW_memberRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.Z3w8WW_memberName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.Z3w8WW_memberBadge{background:var(--dsw-alias-bg-layer-2,#8080801f);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:0 6px;font-size:11px;line-height:16px}";
+		const tagId$6 = "@sparkelf/dsh-group-chat/CreateRoomDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$5;
-			tag.textContent = css$5;
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
 			document.head.appendChild(tag);
 		}
 		var CreateRoomDialog_module_css_default = {
-			"label": "Z3w8WW_label",
-			"pillActive": "Z3w8WW_pillActive",
-			"notice": "Z3w8WW_notice",
+			"switches": "Z3w8WW_switches",
 			"hint": "Z3w8WW_hint",
-			"policyRow": "Z3w8WW_policyRow",
-			"pill": "Z3w8WW_pill",
 			"field": "Z3w8WW_field",
+			"policyRow": "Z3w8WW_policyRow",
+			"body": "Z3w8WW_body",
 			"memberList": "Z3w8WW_memberList",
-			"memberName": "Z3w8WW_memberName",
 			"memberBadge": "Z3w8WW_memberBadge",
-			"warn": "Z3w8WW_warn",
-			"error": "Z3w8WW_error",
+			"pillActive": "Z3w8WW_pillActive",
+			"notice": "Z3w8WW_notice",
 			"triggerExtra": "Z3w8WW_triggerExtra",
+			"error": "Z3w8WW_error",
+			"label": "Z3w8WW_label",
 			"memberRow": "Z3w8WW_memberRow",
-			"body": "Z3w8WW_body",
 			"footer": "Z3w8WW_footer",
-			"switches": "Z3w8WW_switches"
+			"warn": "Z3w8WW_warn",
+			"pill": "Z3w8WW_pill",
+			"memberName": "Z3w8WW_memberName"
 		};
 		//#endregion
 		//#region src/client/CreateRoomDialog.tsx
@@ -1242,38 +1482,38 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/InviteDialog.module.css.mjs
-		const css$4 = ".r4uCba_dialog.r4uCba_dialog{width:min(760px,100%);max-height:100%}.r4uCba_content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.r4uCba_searchRow{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.r4uCba_search{flex:1;min-width:0}.r4uCba_spinner{color:var(--dsw-alias-label-tertiary);flex:none;animation:.9s linear infinite r4uCba_inviteSpin}@keyframes r4uCba_inviteSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.r4uCba_spinner{animation:none}}.r4uCba_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.r4uCba_field{flex-direction:column;gap:5px;min-width:0;display:flex}.r4uCba_chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.r4uCba_chip{border:1px solid var(--dsw-alias-border-l3);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 3px;font-size:12px;line-height:18px;display:inline-flex}.r4uCba_chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r4uCba_chipRemove{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:14px;line-height:14px}.r4uCba_chipRemove:hover{color:var(--dsw-alias-label-primary)}.r4uCba_chipRemove:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px;border-radius:var(--dsw-radius-sm)}.r4uCba_list{scrollbar-gutter:stable;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);max-height:min(46vh,420px);margin:0;padding:4px;list-style:none;overflow-y:auto}.r4uCba_list>li+li{margin-top:2px}.r4uCba_row,.r4uCba_rowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;min-height:38px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:5px 8px;font-size:13px;line-height:18px;display:flex}.r4uCba_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.r4uCba_rowSelected{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-interactive-bg-active)}.r4uCba_rowSelected:hover{background:var(--dsw-alias-interactive-bg-hover-accent)}.r4uCba_row:focus-visible,.r4uCba_rowSelected:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.r4uCba_rowName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.r4uCba_rowHandle{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.r4uCba_check,.r4uCba_checkHidden{width:14px;color:var(--dsw-alias-state-business-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.r4uCba_checkHidden{visibility:hidden}.r4uCba_note{color:var(--dsw-alias-label-tertiary);margin:0;padding:14px 10px;font-size:12px;line-height:17px}.r4uCba_errorRow{align-items:center;gap:8px;min-width:0;display:flex}.r4uCba_errorRow>span{flex:1;min-width:0}.r4uCba_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}";
-		const tagId$4 = "@sparkelf/dsh-group-chat/InviteDialog.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+		const css$5 = ".r4uCba_dialog.r4uCba_dialog{width:min(760px,100%);max-height:100%}.r4uCba_content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.r4uCba_searchRow{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.r4uCba_search{flex:1;min-width:0}.r4uCba_spinner{color:var(--dsw-alias-label-tertiary);flex:none;animation:.9s linear infinite r4uCba_inviteSpin}@keyframes r4uCba_inviteSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.r4uCba_spinner{animation:none}}.r4uCba_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.r4uCba_field{flex-direction:column;gap:5px;min-width:0;display:flex}.r4uCba_chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.r4uCba_chip{border:1px solid var(--dsw-alias-border-l3);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 3px;font-size:12px;line-height:18px;display:inline-flex}.r4uCba_chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r4uCba_chipRemove{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:14px;line-height:14px}.r4uCba_chipRemove:hover{color:var(--dsw-alias-label-primary)}.r4uCba_chipRemove:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px;border-radius:var(--dsw-radius-sm)}.r4uCba_list{scrollbar-gutter:stable;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);max-height:min(46vh,420px);margin:0;padding:4px;list-style:none;overflow-y:auto}.r4uCba_list>li+li{margin-top:2px}.r4uCba_row,.r4uCba_rowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;min-height:38px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:5px 8px;font-size:13px;line-height:18px;display:flex}.r4uCba_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.r4uCba_rowSelected{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-interactive-bg-active)}.r4uCba_rowSelected:hover{background:var(--dsw-alias-interactive-bg-hover-accent)}.r4uCba_row:focus-visible,.r4uCba_rowSelected:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.r4uCba_rowName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.r4uCba_rowHandle{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.r4uCba_check,.r4uCba_checkHidden{width:14px;color:var(--dsw-alias-state-business-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.r4uCba_checkHidden{visibility:hidden}.r4uCba_note{color:var(--dsw-alias-label-tertiary);margin:0;padding:14px 10px;font-size:12px;line-height:17px}.r4uCba_errorRow{align-items:center;gap:8px;min-width:0;display:flex}.r4uCba_errorRow>span{flex:1;min-width:0}.r4uCba_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}";
+		const tagId$5 = "@sparkelf/dsh-group-chat/InviteDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$4;
-			tag.textContent = css$4;
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
 			document.head.appendChild(tag);
 		}
 		var InviteDialog_module_css_default = {
+			"checkHidden": "r4uCba_checkHidden",
+			"row": "r4uCba_row",
 			"inviteSpin": "r4uCba_inviteSpin",
-			"rowName": "r4uCba_rowName",
+			"content": "r4uCba_content",
+			"chipRemove": "r4uCba_chipRemove",
+			"error": "r4uCba_error",
+			"rowHandle": "r4uCba_rowHandle",
+			"errorRow": "r4uCba_errorRow",
 			"search": "r4uCba_search",
+			"searchRow": "r4uCba_searchRow",
+			"field": "r4uCba_field",
+			"chips": "r4uCba_chips",
+			"spinner": "r4uCba_spinner",
+			"chipName": "r4uCba_chipName",
 			"rowSelected": "r4uCba_rowSelected",
+			"rowName": "r4uCba_rowName",
+			"visuallyHidden": "r4uCba_visuallyHidden",
+			"chip": "r4uCba_chip",
 			"note": "r4uCba_note",
-			"chipName": "r4uCba_chipName",
-			"spinner": "r4uCba_spinner",
-			"errorRow": "r4uCba_errorRow",
-			"rowHandle": "r4uCba_rowHandle",
-			"error": "r4uCba_error",
 			"dialog": "r4uCba_dialog",
 			"check": "r4uCba_check",
-			"chip": "r4uCba_chip",
-			"checkHidden": "r4uCba_checkHidden",
-			"chipRemove": "r4uCba_chipRemove",
-			"row": "r4uCba_row",
-			"list": "r4uCba_list",
-			"visuallyHidden": "r4uCba_visuallyHidden",
-			"content": "r4uCba_content",
-			"searchRow": "r4uCba_searchRow",
-			"field": "r4uCba_field",
-			"chips": "r4uCba_chips"
+			"list": "r4uCba_list"
 		};
 		//#endregion
 		//#region src/client/RoomDialogs.tsx
@@ -1880,68 +2120,68 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/SidebarRooms.module.css.mjs
-		const css$3 = ".s0QgKq_root{--dsh-session-list-edge-inset:var(--dsh-sidebar-inline-padding,12px);--dsh-session-list-scrollbar-width:5px;--dsh-session-list-scrollbar-offset:2px;box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;max-height:20vh;display:flex;position:relative}.s0QgKq_resizer{z-index:1;cursor:row-resize;touch-action:none;background:0 0;height:6px;position:absolute;top:-3px;left:0;right:0}.s0QgKq_resizer:after{content:\"\";background:var(--dsw-alias-border-l1,var(--dsw-alias-separator-primary));opacity:0;border-radius:1px;height:1px;transition:opacity .12s;position:absolute;top:3px;left:8px;right:8px}.s0QgKq_root:hover .s0QgKq_resizer:after,.s0QgKq_resizer:focus-visible:after{opacity:1}.s0QgKq_resizer:focus-visible{outline:none}.s0QgKq_resizer:focus-visible:after{background:var(--dsw-alias-brand-primary,var(--dsw-alias-label-primary));height:2px}.s0QgKq_sectionHeader{box-sizing:border-box;border-radius:var(--dsw-radius-md);height:36px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px;margin-right:-4px;padding-left:4px;display:flex;overflow:hidden}.s0QgKq_sectionLabel{white-space:nowrap;flex:none;min-width:0;max-width:45%;line-height:20px;overflow:hidden}.s0QgKq_searchSlot{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:28px;margin-left:auto;padding-left:0;display:flex}.s0QgKq_searchSlotExpanded{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.s0QgKq_search,.s0QgKq_searchExpanded{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:28px;color:var(--dsw-alias-label-secondary);cursor:text;background:0 0;border:none;flex:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.s0QgKq_searchExpanded{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);width:calc(100% + 4px);height:30px;color:var(--dsw-alias-label-caption);margin-inline:-2px;padding:0 4px 0 0}.s0QgKq_iconButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_iconButton:focus-visible,.s0QgKq_searchButton:focus-visible,.s0QgKq_clearButton:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.s0QgKq_searchButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_searchExpanded .s0QgKq_searchButton{width:28px;height:30px}.s0QgKq_searchButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_searchExpanded .s0QgKq_searchButton:hover{background:0 0}.s0QgKq_searchInput{width:0;min-width:0;color:var(--dsw-alias-label-primary);opacity:0;pointer-events:none;transition:opacity .12s var(--ds-ease-in-out);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px;line-height:18px}.s0QgKq_searchExpanded .s0QgKq_searchInput{opacity:1;pointer-events:auto;margin-left:-2px}.s0QgKq_searchInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_clearButton{border-radius:var(--dsw-radius-sm);width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_clearButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.s0QgKq_viewWrap{display:flex;position:relative}.s0QgKq_listArea{min-height:0;margin-left:-4px;margin-right:calc(-1 * var(--dsh-session-list-edge-inset));flex-direction:column;flex:1;padding-left:4px;display:flex;position:relative}.s0QgKq_list{min-height:0;max-height:100%;margin-left:-4px;margin-right:var(--dsh-session-list-scrollbar-offset);padding-left:4px;padding-right:calc(var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset));scrollbar-gutter:stable;padding-bottom:8px;overflow-y:auto}.s0QgKq_flatList{margin:0;padding:0;list-style:none}.s0QgKq_flatList>*+*{margin-top:2px}.s0QgKq_sessionRow,.s0QgKq_sessionRowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:32px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.s0QgKq_sessionRow:hover,.s0QgKq_sessionRowSelected{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_rowIcon{width:16px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}.s0QgKq_title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s0QgKq_time{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:17px}.s0QgKq_unread{background:var(--dsw-alias-bg-layer-3,var(--dsw-alias-interactive-bg-hover));min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_unreadMentioned{background:var(--dsw-alias-state-business-primary);min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:13px}.s0QgKq_emptyState{color:var(--dsw-alias-label-tertiary);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:80px;padding:0 12px;font-size:13px;line-height:20px;display:flex}.s0QgKq_emptyState>svg{color:var(--dsw-alias-label-caption);margin-bottom:4px}.s0QgKq_fade{left:0;right:var(--dsh-session-list-edge-inset);background:linear-gradient(to bottom, transparent, var(--dsw-specific-sidebar-fill));pointer-events:none;height:24px;position:absolute;bottom:0}.s0QgKq_menuLayer{z-index:60;max-height:calc(100vh - 16px);position:fixed;overflow-y:auto}.s0QgKq_menuInline{z-index:30;position:absolute;top:32px;right:0}.s0QgKq_menu{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:200px;padding:4px;position:relative;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuHeading{color:var(--dsw-alias-label-tertiary);padding:4px 8px 2px;font-size:11px;line-height:16px;display:block}.s0QgKq_menuItem{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.s0QgKq_menuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_check{color:var(--dsw-alias-state-business-primary);margin-left:auto}.s0QgKq_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s0QgKq_rowWrap{position:relative}.s0QgKq_menuRename{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:240px;padding:8px;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuRename .s0QgKq_menuHeading{padding:0 0 6px}.s0QgKq_menuInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-sm);appearance:none;background:var(--dsw-alias-bg-base);width:100%;color:var(--dsw-alias-label-primary);font:inherit;outline:none;margin:2px 0 6px;padding:6px 8px;font-size:13px;line-height:20px}.s0QgKq_menuInput:focus-visible{border-color:var(--dsw-alias-state-business-primary)}.s0QgKq_menuInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_menuActions{justify-content:flex-end;gap:6px;padding-top:2px;display:flex}.s0QgKq_menuConfirm{box-sizing:border-box;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font:inherit;cursor:pointer;border:1px solid #0000;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuConfirm:hover:not(:disabled){filter:brightness(1.06)}.s0QgKq_menuConfirm:disabled{opacity:.5;cursor:default}.s0QgKq_menuCancel{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_menuItem:disabled{opacity:.5;cursor:default}.s0QgKq_discoverSection{border-top:1px solid var(--dsw-alias-border-l3);margin-top:8px;padding-top:8px}.s0QgKq_discoverHeading{color:var(--dsw-alias-label-tertiary);margin:0 0 4px;padding:0 12px;font-size:11px;line-height:16px}.s0QgKq_discoverRow{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-primary);align-items:center;gap:8px;padding:4px 12px;font-size:13px;line-height:18px;display:flex}.s0QgKq_discoverRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_discoverName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.s0QgKq_discoverMeta{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px}.s0QgKq_joinButton{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;flex:none;padding:2px 10px;font-size:12px}.s0QgKq_joinButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_joinButton:disabled{opacity:.5;cursor:default}.s0QgKq_leaveBody{flex-direction:column;gap:8px;min-width:0;display:flex}.s0QgKq_leaveCopy{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName strong{font-weight:600}.s0QgKq_leaveError{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.s0QgKq_footer{justify-content:flex-end;gap:8px;display:flex}.s0QgKq_leaveConfirmDanger{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger.s0QgKq_leaveConfirmDanger{color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);filter:brightness(1.08)}.s0QgKq_leaveConfirmDanger:disabled{opacity:.5}";
-		const tagId$3 = "@sparkelf/dsh-group-chat/SidebarRooms.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+		const css$4 = ".s0QgKq_root{--dsh-session-list-edge-inset:var(--dsh-sidebar-inline-padding,12px);--dsh-session-list-scrollbar-width:5px;--dsh-session-list-scrollbar-offset:2px;box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;max-height:20vh;display:flex;position:relative}.s0QgKq_resizer{z-index:1;cursor:row-resize;touch-action:none;background:0 0;height:6px;position:absolute;top:-3px;left:0;right:0}.s0QgKq_resizer:after{content:\"\";background:var(--dsw-alias-border-l1,var(--dsw-alias-separator-primary));opacity:0;border-radius:1px;height:1px;transition:opacity .12s;position:absolute;top:3px;left:8px;right:8px}.s0QgKq_root:hover .s0QgKq_resizer:after,.s0QgKq_resizer:focus-visible:after{opacity:1}.s0QgKq_resizer:focus-visible{outline:none}.s0QgKq_resizer:focus-visible:after{background:var(--dsw-alias-brand-primary,var(--dsw-alias-label-primary));height:2px}.s0QgKq_sectionHeader{box-sizing:border-box;border-radius:var(--dsw-radius-md);height:36px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px;margin-right:-4px;padding-left:4px;display:flex;overflow:hidden}.s0QgKq_sectionLabel{white-space:nowrap;flex:none;min-width:0;max-width:45%;line-height:20px;overflow:hidden}.s0QgKq_searchSlot{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:28px;margin-left:auto;padding-left:0;display:flex}.s0QgKq_searchSlotExpanded{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.s0QgKq_search,.s0QgKq_searchExpanded{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:28px;color:var(--dsw-alias-label-secondary);cursor:text;background:0 0;border:none;flex:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.s0QgKq_searchExpanded{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);width:calc(100% + 4px);height:30px;color:var(--dsw-alias-label-caption);margin-inline:-2px;padding:0 4px 0 0}.s0QgKq_iconButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_iconButton:focus-visible,.s0QgKq_searchButton:focus-visible,.s0QgKq_clearButton:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.s0QgKq_searchButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_searchExpanded .s0QgKq_searchButton{width:28px;height:30px}.s0QgKq_searchButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_searchExpanded .s0QgKq_searchButton:hover{background:0 0}.s0QgKq_searchInput{width:0;min-width:0;color:var(--dsw-alias-label-primary);opacity:0;pointer-events:none;transition:opacity .12s var(--ds-ease-in-out);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px;line-height:18px}.s0QgKq_searchExpanded .s0QgKq_searchInput{opacity:1;pointer-events:auto;margin-left:-2px}.s0QgKq_searchInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_clearButton{border-radius:var(--dsw-radius-sm);width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_clearButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.s0QgKq_viewWrap{display:flex;position:relative}.s0QgKq_listArea{min-height:0;margin-left:-4px;margin-right:calc(-1 * var(--dsh-session-list-edge-inset));flex-direction:column;flex:1;padding-left:4px;display:flex;position:relative}.s0QgKq_list{min-height:0;max-height:100%;margin-left:-4px;margin-right:var(--dsh-session-list-scrollbar-offset);padding-left:4px;padding-right:calc(var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset));scrollbar-gutter:stable;padding-bottom:8px;overflow-y:auto}.s0QgKq_flatList{margin:0;padding:0;list-style:none}.s0QgKq_flatList>*+*{margin-top:2px}.s0QgKq_sessionRow,.s0QgKq_sessionRowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:32px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.s0QgKq_sessionRow:hover,.s0QgKq_sessionRowSelected{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_rowIcon{width:16px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}.s0QgKq_title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s0QgKq_time{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:17px}.s0QgKq_unread{background:var(--dsw-alias-bg-layer-3,var(--dsw-alias-interactive-bg-hover));min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_unreadMentioned{background:var(--dsw-alias-state-business-primary);min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:13px}.s0QgKq_emptyState{color:var(--dsw-alias-label-tertiary);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:80px;padding:0 12px;font-size:13px;line-height:20px;display:flex}.s0QgKq_emptyState>svg{color:var(--dsw-alias-label-caption);margin-bottom:4px}.s0QgKq_fade{left:0;right:var(--dsh-session-list-edge-inset);background:linear-gradient(to bottom, transparent, var(--dsw-specific-sidebar-fill));pointer-events:none;height:24px;position:absolute;bottom:0}.s0QgKq_menuLayer{z-index:60;max-height:calc(100vh - 16px);position:fixed;overflow-y:auto}.s0QgKq_menuInline{z-index:30;position:absolute;top:32px;right:0}.s0QgKq_menu{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:200px;padding:4px;position:relative;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuHeading{color:var(--dsw-alias-label-tertiary);padding:4px 8px 2px;font-size:11px;line-height:16px;display:block}.s0QgKq_menuItem{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.s0QgKq_menuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_check{color:var(--dsw-alias-state-business-primary);margin-left:auto}.s0QgKq_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s0QgKq_rowWrap{position:relative}.s0QgKq_menuRename{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:240px;padding:8px;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuRename .s0QgKq_menuHeading{padding:0 0 6px}.s0QgKq_menuInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-sm);appearance:none;background:var(--dsw-alias-bg-base);width:100%;color:var(--dsw-alias-label-primary);font:inherit;outline:none;margin:2px 0 6px;padding:6px 8px;font-size:13px;line-height:20px}.s0QgKq_menuInput:focus-visible{border-color:var(--dsw-alias-state-business-primary)}.s0QgKq_menuInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_menuActions{justify-content:flex-end;gap:6px;padding-top:2px;display:flex}.s0QgKq_menuConfirm{box-sizing:border-box;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font:inherit;cursor:pointer;border:1px solid #0000;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuConfirm:hover:not(:disabled){filter:brightness(1.06)}.s0QgKq_menuConfirm:disabled{opacity:.5;cursor:default}.s0QgKq_menuCancel{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_menuItem:disabled{opacity:.5;cursor:default}.s0QgKq_discoverSection{border-top:1px solid var(--dsw-alias-border-l3);margin-top:8px;padding-top:8px}.s0QgKq_discoverHeading{color:var(--dsw-alias-label-tertiary);margin:0 0 4px;padding:0 12px;font-size:11px;line-height:16px}.s0QgKq_discoverRow{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-primary);align-items:center;gap:8px;padding:4px 12px;font-size:13px;line-height:18px;display:flex}.s0QgKq_discoverRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_discoverName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.s0QgKq_discoverMeta{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px}.s0QgKq_joinButton{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;flex:none;padding:2px 10px;font-size:12px}.s0QgKq_joinButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_joinButton:disabled{opacity:.5;cursor:default}.s0QgKq_leaveBody{flex-direction:column;gap:8px;min-width:0;display:flex}.s0QgKq_leaveCopy{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName strong{font-weight:600}.s0QgKq_leaveError{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.s0QgKq_footer{justify-content:flex-end;gap:8px;display:flex}.s0QgKq_leaveConfirmDanger{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger.s0QgKq_leaveConfirmDanger{color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);filter:brightness(1.08)}.s0QgKq_leaveConfirmDanger:disabled{opacity:.5}";
+		const tagId$4 = "@sparkelf/dsh-group-chat/SidebarRooms.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
 			document.head.appendChild(tag);
 		}
 		var SidebarRooms_module_css_default = {
-			"rowIcon": "s0QgKq_rowIcon",
-			"unread": "s0QgKq_unread",
-			"headerActions": "s0QgKq_headerActions",
-			"leaveRoomName": "s0QgKq_leaveRoomName",
-			"menu": "s0QgKq_menu",
-			"menuRename": "s0QgKq_menuRename",
-			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
-			"rowWrap": "s0QgKq_rowWrap",
-			"menuConfirm": "s0QgKq_menuConfirm",
-			"viewWrap": "s0QgKq_viewWrap",
-			"joinButton": "s0QgKq_joinButton",
-			"listArea": "s0QgKq_listArea",
-			"sessionRowSelected": "s0QgKq_sessionRowSelected",
-			"fade": "s0QgKq_fade",
-			"sectionLabel": "s0QgKq_sectionLabel",
+			"clearButton": "s0QgKq_clearButton",
+			"resizer": "s0QgKq_resizer",
+			"time": "s0QgKq_time",
+			"menuActions": "s0QgKq_menuActions",
 			"discoverHeading": "s0QgKq_discoverHeading",
-			"check": "s0QgKq_check",
-			"discoverName": "s0QgKq_discoverName",
+			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
 			"iconButton": "s0QgKq_iconButton",
-			"menuLayer": "s0QgKq_menuLayer",
-			"leaveCopy": "s0QgKq_leaveCopy",
-			"empty": "s0QgKq_empty",
-			"emptyState": "s0QgKq_emptyState",
-			"clearButton": "s0QgKq_clearButton",
 			"discoverRow": "s0QgKq_discoverRow",
-			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
-			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"rowWrap": "s0QgKq_rowWrap",
+			"menuConfirm": "s0QgKq_menuConfirm",
 			"searchButton": "s0QgKq_searchButton",
-			"search": "s0QgKq_search",
-			"searchInput": "s0QgKq_searchInput",
+			"headerActions": "s0QgKq_headerActions",
+			"empty": "s0QgKq_empty",
+			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"sectionHeader": "s0QgKq_sectionHeader",
+			"searchExpanded": "s0QgKq_searchExpanded",
+			"rowIcon": "s0QgKq_rowIcon",
+			"leaveCopy": "s0QgKq_leaveCopy",
+			"footer": "s0QgKq_footer",
+			"menuInput": "s0QgKq_menuInput",
+			"discoverName": "s0QgKq_discoverName",
+			"unread": "s0QgKq_unread",
+			"menuInline": "s0QgKq_menuInline",
+			"menuCancel": "s0QgKq_menuCancel",
+			"menuRename": "s0QgKq_menuRename",
+			"leaveBody": "s0QgKq_leaveBody",
+			"leaveRoomName": "s0QgKq_leaveRoomName",
 			"discoverSection": "s0QgKq_discoverSection",
+			"root": "s0QgKq_root",
+			"fade": "s0QgKq_fade",
+			"searchInput": "s0QgKq_searchInput",
 			"sessionRow": "s0QgKq_sessionRow",
-			"menuItem": "s0QgKq_menuItem",
-			"menuCancel": "s0QgKq_menuCancel",
-			"title": "s0QgKq_title",
+			"menuLayer": "s0QgKq_menuLayer",
+			"discoverMeta": "s0QgKq_discoverMeta",
+			"menu": "s0QgKq_menu",
+			"joinButton": "s0QgKq_joinButton",
+			"leaveError": "s0QgKq_leaveError",
+			"search": "s0QgKq_search",
+			"check": "s0QgKq_check",
+			"list": "s0QgKq_list",
+			"sectionLabel": "s0QgKq_sectionLabel",
 			"searchSlot": "s0QgKq_searchSlot",
-			"resizer": "s0QgKq_resizer",
+			"emptyState": "s0QgKq_emptyState",
+			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
+			"listArea": "s0QgKq_listArea",
 			"flatList": "s0QgKq_flatList",
-			"root": "s0QgKq_root",
-			"time": "s0QgKq_time",
-			"menuInline": "s0QgKq_menuInline",
+			"sessionRowSelected": "s0QgKq_sessionRowSelected",
 			"menuHeading": "s0QgKq_menuHeading",
-			"sectionHeader": "s0QgKq_sectionHeader",
-			"menuInput": "s0QgKq_menuInput",
-			"list": "s0QgKq_list",
-			"searchExpanded": "s0QgKq_searchExpanded",
-			"visuallyHidden": "s0QgKq_visuallyHidden",
-			"leaveBody": "s0QgKq_leaveBody",
-			"leaveError": "s0QgKq_leaveError",
-			"footer": "s0QgKq_footer",
-			"menuActions": "s0QgKq_menuActions",
-			"discoverMeta": "s0QgKq_discoverMeta"
+			"title": "s0QgKq_title",
+			"menuItem": "s0QgKq_menuItem",
+			"viewWrap": "s0QgKq_viewWrap",
+			"visuallyHidden": "s0QgKq_visuallyHidden"
 		};
 		//#endregion
 		//#region src/client/SidebarRooms.tsx
@@ -2216,67 +2456,91 @@ window.__ModuleLoader__.load({
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: SidebarRooms_module_css_default.listArea,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: SidebarRooms_module_css_default.list,
-							children: [
-								failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: SidebarRooms_module_css_default.empty,
-									children: t(failure)
-								}),
-								failure === void 0 && rooms === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: SidebarRooms_module_css_default.empty,
-									children: t("loading")
-								}),
-								failure === void 0 && rooms !== void 0 && visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: SidebarRooms_module_css_default.emptyState,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutlineRegular, { size: 28 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: query.length > 0 ? t("searchEmpty") : t("emptyRooms") })]
-								}),
-								visible.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									className: SidebarRooms_module_css_default.flatList,
-									children: visible.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomRow, {
-										room,
-										t,
-										store,
-										selected: room.id === activeRoomId,
-										onOpen: () => store.open(room.id)
-									}) }, room.id))
-								}),
-								query.length > 0 && discoverable !== void 0 && joinable.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: SidebarRooms_module_css_default.discoverSection,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: SidebarRooms_module_css_default.discoverHeading,
-										children: t("discoverHeading")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageSearch, {
+								t,
+								onOpen: (roomId, eventId) => {
+									store.open(roomId);
+									if (typeof document === "undefined") return;
+									let attempts = 0;
+									const look = () => {
+										const node = document.querySelector(`[data-group-chat-message="${eventId}"]`);
+										if (node !== null) {
+											node.scrollIntoView({
+												block: "center",
+												behavior: "smooth"
+											});
+											return;
+										}
+										attempts += 1;
+										if (attempts < 40) window.setTimeout(look, 250);
+									};
+									window.setTimeout(look, 400);
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SidebarRooms_module_css_default.list,
+								children: [
+									failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: SidebarRooms_module_css_default.empty,
+										children: t(failure)
+									}),
+									failure === void 0 && rooms === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: SidebarRooms_module_css_default.empty,
+										children: t("loading")
+									}),
+									failure === void 0 && rooms !== void 0 && visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: SidebarRooms_module_css_default.emptyState,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutlineRegular, { size: 28 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: query.length > 0 ? t("searchEmpty") : t("emptyRooms") })]
+									}),
+									visible.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 										className: SidebarRooms_module_css_default.flatList,
-										children: joinable.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: SidebarRooms_module_css_default.discoverRow,
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: SidebarRooms_module_css_default.discoverName,
-													children: room.name
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: SidebarRooms_module_css_default.discoverMeta,
-													children: t("discoverMembers").replace("{count}", String(room.memberCount))
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: SidebarRooms_module_css_default.joinButton,
-													disabled: joining === room.id,
-													onClick: () => {
-														onJoin(room.id);
-													},
-													children: joining === room.id ? t("joining") : t("joinRoom")
-												})
-											]
+										children: visible.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomRow, {
+											room,
+											t,
+											store,
+											selected: room.id === activeRoomId,
+											onOpen: () => store.open(room.id)
 										}) }, room.id))
-									})]
-								})
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: SidebarRooms_module_css_default.fade,
-							"aria-hidden": "true"
-						})]
+									}),
+									query.length > 0 && discoverable !== void 0 && joinable.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: SidebarRooms_module_css_default.discoverSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: SidebarRooms_module_css_default.discoverHeading,
+											children: t("discoverHeading")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+											className: SidebarRooms_module_css_default.flatList,
+											children: joinable.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: SidebarRooms_module_css_default.discoverRow,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: SidebarRooms_module_css_default.discoverName,
+														children: room.name
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: SidebarRooms_module_css_default.discoverMeta,
+														children: t("discoverMembers").replace("{count}", String(room.memberCount))
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: SidebarRooms_module_css_default.joinButton,
+														disabled: joining === room.id,
+														onClick: () => {
+															onJoin(room.id);
+														},
+														children: joining === room.id ? t("joining") : t("joinRoom")
+													})
+												]
+											}) }, room.id))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: SidebarRooms_module_css_default.fade,
+								"aria-hidden": "true"
+							})
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreateRoomDialog, {
 						t,
@@ -2771,21 +3035,123 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/**
+		* Reads the quoted message out of a reply, if it has one.
+		*
+		* Returns `undefined` rather than a partial object: a quote with no preview has nothing to show,
+		* and drawing an empty bar above the bubble would look like a rendering fault.
+		*
+		* @param message - the message data the node carries.
+		* @returns the quote to draw, or `undefined` for an ordinary message.
+		*/
+		/**
+		* The text of a message, joined from its text blocks.
+		*
+		* Only `text` blocks contribute: an image or a file has no words to quote, and including a
+		* placeholder for it would put text in the reply that the author never wrote.
+		*
+		* @param message - the message data the node carries.
+		* @returns the collapsed text, or `''` when the message has none.
+		*/
+		const previewOf = (message) => {
+			const content = message?.content;
+			if (typeof content === "string") return content.replace(/\s+/g, " ").trim();
+			if (!Array.isArray(content)) return "";
+			const parts = [];
+			for (const block of content) {
+				if (typeof block !== "object" || block === null) continue;
+				const record = block;
+				if (record["type"] !== "text") continue;
+				const text = record["text"];
+				if (typeof text === "string" && text.trim().length > 0) parts.push(text);
+			}
+			return parts.join(" ").replace(/\s+/g, " ").trim();
+		};
+		const quoteOf = (message) => {
+			const content = message?.content;
+			if (!Array.isArray(content)) return void 0;
+			for (const block of content) {
+				if (typeof block !== "object" || block === null) continue;
+				const record = block;
+				if (record["type"] !== "group-chat-quote") continue;
+				const messageId = record["messageId"];
+				const preview = record["preview"];
+				if (typeof messageId !== "string" || messageId.length === 0) return void 0;
+				if (typeof preview !== "string") return void 0;
+				const authorName = typeof record["authorName"] === "string" && record["authorName"].trim().length > 0 ? record["authorName"].trim() : void 0;
+				return {
+					messageId,
+					...authorName === void 0 ? {} : { authorName },
+					preview
+				};
+			}
+		};
+		/**
+		* Creates the store.
+		*
+		* A plain observable rather than a framework store, for the same reason the room list is one:
+		* every consumer is a component this plugin already owns, so the subscription contract is just
+		* `useSyncExternalStore`.
+		*
+		* @returns the store the client entry hands to the components that need it.
+		*/
+		const createQuoteStore = () => {
+			const quotes = /* @__PURE__ */ new Map();
+			const listeners = /* @__PURE__ */ new Set();
+			const notify = () => {
+				for (const listener of [...listeners]) listener();
+			};
+			return {
+				getQuote: (roomId) => quotes.get(roomId),
+				peek: (roomId) => quotes.get(roomId),
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				start: (quote) => {
+					quotes.set(quote.roomId, quote);
+					notify();
+					registerQuote(quote.roomId, quote).catch(() => void 0);
+				},
+				clear: (roomId) => {
+					const had = quotes.delete(roomId);
+					notify();
+					if (had) clearQuote(roomId).catch(() => void 0);
+				},
+				clearLocal: (roomId) => {
+					if (!quotes.delete(roomId)) return;
+					notify();
+				}
+			};
+		};
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/MessageSide.module.css.mjs
-		const css$2 = ".KXabfq_otherRow{display:contents}.KXabfq_otherRow.KXabfq_otherRow>*{align-items:flex-start}.KXabfq_otherRow{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;display:flex}.KXabfq_author{min-width:0;max-width:100%;color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;margin:0 0 4px 2px;font-size:12px;line-height:16px;display:flex}.KXabfq_authorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.KXabfq_otherRow.KXabfq_otherRow>:not(.KXabfq_author){align-items:flex-start;max-width:100%}";
-		const tagId$2 = "@sparkelf/dsh-group-chat/MessageSide.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		const css$3 = ".KXabfq_otherRow{display:contents}.KXabfq_otherRow.KXabfq_otherRow>*{align-items:flex-start}.KXabfq_otherRow{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;display:flex}.KXabfq_author{min-width:0;max-width:100%;color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;margin:0 0 4px 2px;font-size:12px;line-height:16px;display:flex}.KXabfq_authorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.KXabfq_otherRow.KXabfq_otherRow>:not(.KXabfq_author){align-items:flex-start;max-width:100%}.KXabfq_quoteBar{box-sizing:border-box;background:var(--dsw-alias-bg-l2,#ffffff0a);border-radius:4px;align-items:stretch;gap:6px;max-width:min(420px,100%);margin-bottom:4px;padding:4px 8px 4px 0;display:flex;overflow:hidden}.KXabfq_quoteMark{background:var(--dsw-alias-brand-primary,currentcolor);opacity:.6;border-radius:1px;flex:none;width:2px}.KXabfq_quoteBody{min-width:0;color:var(--dsw-alias-label-secondary,inherit);align-items:baseline;gap:6px;font-size:12px;line-height:16px;display:flex}.KXabfq_quoteAuthor{white-space:nowrap;flex:none;font-weight:500}.KXabfq_quoteText{text-overflow:ellipsis;white-space:nowrap;opacity:.85;min-width:0;overflow:hidden}.KXabfq_selfRow{flex-direction:column;align-items:flex-end;min-width:0;max-width:100%;display:flex}.KXabfq_rowBody{align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.KXabfq_rowActions{opacity:0;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:0;right:-28px}.KXabfq_otherRow:hover .KXabfq_rowActions,.KXabfq_rowActions:focus-within{opacity:1}.KXabfq_replyButton{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));border-radius:var(--dsw-radius-sm,6px);color:var(--dsw-alias-label-tertiary,inherit);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.KXabfq_replyButton:hover{background:var(--dsw-alias-bg-l2,#ffffff14);color:var(--dsw-alias-label-primary,inherit)}.KXabfq_replyButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,currentcolor);outline-offset:1px}.KXabfq_selfBody{justify-content:flex-end;align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.KXabfq_rowActionsSelf{opacity:0;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:0;left:-28px}.KXabfq_selfRow:hover .KXabfq_rowActionsSelf,.KXabfq_rowActionsSelf:focus-within{opacity:1}";
+		const tagId$3 = "@sparkelf/dsh-group-chat/MessageSide.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var MessageSide_module_css_default = {
-			"authorName": "KXabfq_authorName",
+			"rowActionsSelf": "KXabfq_rowActionsSelf",
 			"author": "KXabfq_author",
-			"otherRow": "KXabfq_otherRow"
+			"selfBody": "KXabfq_selfBody",
+			"rowActions": "KXabfq_rowActions",
+			"quoteBar": "KXabfq_quoteBar",
+			"rowBody": "KXabfq_rowBody",
+			"quoteMark": "KXabfq_quoteMark",
+			"quoteText": "KXabfq_quoteText",
+			"replyButton": "KXabfq_replyButton",
+			"otherRow": "KXabfq_otherRow",
+			"quoteBody": "KXabfq_quoteBody",
+			"quoteAuthor": "KXabfq_quoteAuthor",
+			"authorName": "KXabfq_authorName",
+			"selfRow": "KXabfq_selfRow"
 		};
 		//#endregion
 		//#region src/client/MessageSide.tsx
@@ -2888,15 +3254,100 @@ window.__ModuleLoader__.load({
 		* @param props - the official props plus this wrapper's placement inputs.
 		* @returns the official view, wrapped only when the message is another author's room message.
 		*/
+		/**
+		* The bar above a bubble showing which message it answers.
+		*
+		* Drawn by this plugin rather than by the official view: the quote travels as a content block
+		* whose type the official renderer does not know, so it would otherwise be dropped. The bar sits
+		* outside the bubble so the reply's own text keeps the official layout.
+		*
+		* @param props - the quote to show.
+		* @returns the bar, or `null` when there is nothing worth quoting.
+		*/
+		const QuoteBar = ({ quote }) => {
+			if (quote.preview.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageSide_module_css_default["quoteBar"],
+				"data-group-chat-quote": quote.messageId,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: MessageSide_module_css_default["quoteMark"],
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: MessageSide_module_css_default["quoteBody"],
+					children: [quote.authorName === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageSide_module_css_default["quoteAuthor"],
+						children: quote.authorName
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageSide_module_css_default["quoteText"],
+						children: quote.preview
+					})]
+				})]
+			});
+		};
+		/**
+		* The control that starts a reply to one message.
+		*
+		* Rendered inside the wrapper this plugin already draws around another author's row, which is
+		* the only place the message id is known. It reads its own hover state so the button appears
+		* over the row it belongs to and nowhere else.
+		*
+		* @param props - the message it replies to, and the store the pick lands in.
+		* @returns the button, or `null` when the message cannot be replied to.
+		*/
+		const ReplyControl = (props) => {
+			const { roomId, messageId, authorName, preview, quotes, t } = props;
+			if (preview.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: MessageSide_module_css_default["replyButton"],
+				"data-group-chat-reply": "",
+				"aria-label": t("reply"),
+				title: t("reply"),
+				onClick: () => {
+					quotes.start({
+						roomId,
+						messageId,
+						preview,
+						...authorName === void 0 ? {} : { authorName }
+					});
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					width: "13",
+					height: "13",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 4 2.5 7.5 6 11" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 7.5h7A3.5 3.5 0 0 1 13 11v1.5" })]
+				})
+			});
+		};
 		const MessageSide = (props) => {
-			const { node, Official, getSelfId, subscribeSelf, sided, getRoster } = props;
+			const { node, Official, getSelfId, subscribeSelf, sided, getRoster, quotes } = props;
 			const selfId = (0, react.useSyncExternalStore)(subscribeSelf, getSelfId, getSelfId);
 			if (typeof Official !== "function" && typeof Official !== "object") return null;
 			const view = (0, react.createElement)(Official, props);
 			const message = node?.data;
-			if ((sided ? messageSide(message, selfId) : void 0) !== "other") return view;
+			const side = sided ? messageSide(message, selfId) : void 0;
+			const quote = quoteOf(message);
 			const roomId = message?.source?.roomId;
-			const member = authorOf(message, typeof roomId === "string" && roomId.length > 0 ? getRoster(roomId) : void 0);
+			const roomKnown = typeof roomId === "string" && roomId.length > 0;
+			const sourceMessageId = message?.source?.messageId;
+			const rawId = message?.id;
+			const messageId = typeof sourceMessageId === "string" && sourceMessageId.length > 0 ? sourceMessageId : typeof rawId === "string" && rawId.length > 0 ? rawId : void 0;
+			if (side === void 0 || !roomKnown) {
+				if (quote === void 0) return view;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageSide_module_css_default["selfRow"],
+					"data-group-chat-side": "self",
+					...messageId === void 0 ? {} : { "data-group-chat-message": messageId },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuoteBar, { quote }), view]
+				});
+			}
+			const member = authorOf(message, getRoster(roomId));
 			const name = authorNameOf(member);
 			const head = name === void 0 || member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: MessageSide_module_css_default["author"],
@@ -2910,10 +3361,40 @@ window.__ModuleLoader__.load({
 					children: name
 				})]
 			});
+			const rawPreview = previewOf(message);
+			const preview = name === void 0 ? rawPreview : rawPreview.replace(new RegExp(`^${name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\s*[：:]\\s*`), "");
+			const actions = quotes !== void 0 && messageId !== void 0 && preview.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: side === "self" ? MessageSide_module_css_default["rowActionsSelf"] : MessageSide_module_css_default["rowActions"],
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReplyControl, {
+					roomId,
+					messageId,
+					...name === void 0 ? {} : { authorName: name },
+					preview,
+					quotes,
+					t: props.tOwn ?? ((key) => key)
+				})
+			}) : null;
+			if (side === "self") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageSide_module_css_default["selfRow"],
+				"data-group-chat-side": "self",
+				...messageId === void 0 ? {} : { "data-group-chat-message": messageId },
+				children: [quote === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuoteBar, { quote }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageSide_module_css_default["selfBody"],
+					children: [view, actions]
+				})]
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: MessageSide_module_css_default["otherRow"],
 				"data-group-chat-side": "other",
-				children: [head, view]
+				...messageId === void 0 ? {} : { "data-group-chat-message": messageId },
+				children: [
+					head,
+					quote === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuoteBar, { quote }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: MessageSide_module_css_default["rowBody"],
+						children: [view, actions]
+					})
+				]
 			});
 		};
 		//#endregion
@@ -2948,56 +3429,56 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/MembersPanel.module.css.mjs
-		const css$1 = ".VeQVAa_root{box-sizing:border-box;flex-direction:column;gap:16px;min-width:200px;padding:12px 12px 20px;display:flex}.VeQVAa_section{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_section+.VeQVAa_section{border-top:1px solid var(--dsw-alias-border-l3);padding-top:14px}.VeQVAa_sectionHeader{align-items:center;gap:6px;min-width:0;display:flex}.VeQVAa_sectionToggle{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.VeQVAa_caret{width:10px;color:var(--dsw-alias-label-tertiary);flex:none;font-size:10px;line-height:12px}.VeQVAa_sectionBody{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_sectionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VeQVAa_count{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.VeQVAa_searchToggle{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.VeQVAa_searchToggle:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.VeQVAa_searchToggle:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.VeQVAa_linkButton{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:12px}.VeQVAa_linkButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_announcementText{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_editor{flex-direction:column;gap:8px;display:flex}.VeQVAa_textarea{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;background:0 0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_textarea:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}.VeQVAa_editorFooter{align-items:center;gap:6px;display:flex}.VeQVAa_editorFooter .VeQVAa_hint{margin-right:auto}.VeQVAa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:16px}.VeQVAa_unavailable{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.VeQVAa_error{color:var(--dsw-alias-state-error-primary,var(--dsw-alias-label-primary));margin:0;font-size:12px;line-height:16px}.VeQVAa_notice{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:12px;line-height:18px}.VeQVAa_search{min-width:0}.VeQVAa_list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.VeQVAa_row{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;min-width:0;padding:5px 4px;display:flex}.VeQVAa_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_name{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;line-height:18px;overflow:hidden}.VeQVAa_fileButton{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:var(--dsw-alias-border-radius-s);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.VeQVAa_fileButton:hover .VeQVAa_name{text-decoration:underline}.VeQVAa_filePicker{display:none}.VeQVAa_crumbs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;display:flex}.VeQVAa_crumbGroup{align-items:center;gap:2px;min-width:0;display:inline-flex}.VeQVAa_crumb{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;overflow:hidden}.VeQVAa_crumb:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.VeQVAa_crumbSep{color:var(--dsw-alias-label-tertiary);font-size:11px}.VeQVAa_refresh{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0 4px;font-size:12px;line-height:16px}.VeQVAa_refresh:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_preview{border:1px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-alias-border-radius-m);background:var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-base));margin-top:8px;overflow:hidden}.VeQVAa_previewHeader{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 8px;display:flex}.VeQVAa_previewTitle{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.VeQVAa_previewClose{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:14px;line-height:16px}.VeQVAa_previewClose:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_previewImage{border-radius:var(--dsw-alias-border-radius-s);background:var(--dsw-alias-bg-base);max-width:100%;height:auto;display:block}.VeQVAa_previewBody{max-height:240px;font-family:var(--dsw-alias-font-family-mono,monospace);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px;font-size:11px;line-height:16px;overflow:auto}.VeQVAa_fileIcon{text-align:center;flex:none;width:16px;font-size:12px;line-height:16px}.VeQVAa_fileSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.VeQVAa_remove{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);opacity:0;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.VeQVAa_row:hover .VeQVAa_remove,.VeQVAa_remove:focus-visible{opacity:1}.VeQVAa_remove:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-error-primary)}.VeQVAa_selfTag{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);flex:none;padding:0 5px;font-size:11px;line-height:16px}.VeQVAa_ownerTag{border:1px solid color-mix(in srgb, var(--dsw-alias-state-warning-primary,#f7ad31) 40%, transparent);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-warning-primary,#f7ad31);flex:none;padding:0 5px;font-size:11px;line-height:16px}";
-		const tagId$1 = "@sparkelf/dsh-group-chat/MembersPanel.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+		const css$2 = ".VeQVAa_root{box-sizing:border-box;flex-direction:column;gap:16px;min-width:200px;padding:12px 12px 20px;display:flex}.VeQVAa_section{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_section+.VeQVAa_section{border-top:1px solid var(--dsw-alias-border-l3);padding-top:14px}.VeQVAa_sectionHeader{align-items:center;gap:6px;min-width:0;display:flex}.VeQVAa_sectionToggle{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.VeQVAa_caret{width:10px;color:var(--dsw-alias-label-tertiary);flex:none;font-size:10px;line-height:12px}.VeQVAa_sectionBody{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_sectionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VeQVAa_count{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.VeQVAa_searchToggle{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.VeQVAa_searchToggle:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.VeQVAa_searchToggle:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.VeQVAa_linkButton{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:12px}.VeQVAa_linkButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_announcementText{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_editor{flex-direction:column;gap:8px;display:flex}.VeQVAa_textarea{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;background:0 0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_textarea:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}.VeQVAa_editorFooter{align-items:center;gap:6px;display:flex}.VeQVAa_editorFooter .VeQVAa_hint{margin-right:auto}.VeQVAa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:16px}.VeQVAa_unavailable{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.VeQVAa_error{color:var(--dsw-alias-state-error-primary,var(--dsw-alias-label-primary));margin:0;font-size:12px;line-height:16px}.VeQVAa_notice{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:12px;line-height:18px}.VeQVAa_search{min-width:0}.VeQVAa_list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.VeQVAa_row{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;min-width:0;padding:5px 4px;display:flex}.VeQVAa_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_name{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;line-height:18px;overflow:hidden}.VeQVAa_fileButton{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:var(--dsw-alias-border-radius-s);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.VeQVAa_fileButton:hover .VeQVAa_name{text-decoration:underline}.VeQVAa_filePicker{display:none}.VeQVAa_crumbs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;display:flex}.VeQVAa_crumbGroup{align-items:center;gap:2px;min-width:0;display:inline-flex}.VeQVAa_crumb{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;overflow:hidden}.VeQVAa_crumb:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.VeQVAa_crumbSep{color:var(--dsw-alias-label-tertiary);font-size:11px}.VeQVAa_refresh{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0 4px;font-size:12px;line-height:16px}.VeQVAa_refresh:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_preview{border:1px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-alias-border-radius-m);background:var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-base));margin-top:8px;overflow:hidden}.VeQVAa_previewHeader{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 8px;display:flex}.VeQVAa_previewTitle{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.VeQVAa_previewClose{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:14px;line-height:16px}.VeQVAa_previewClose:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_previewImage{border-radius:var(--dsw-alias-border-radius-s);background:var(--dsw-alias-bg-base);max-width:100%;height:auto;display:block}.VeQVAa_previewBody{max-height:240px;font-family:var(--dsw-alias-font-family-mono,monospace);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px;font-size:11px;line-height:16px;overflow:auto}.VeQVAa_fileIcon{text-align:center;flex:none;width:16px;font-size:12px;line-height:16px}.VeQVAa_fileSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.VeQVAa_remove{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);opacity:0;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.VeQVAa_row:hover .VeQVAa_remove,.VeQVAa_remove:focus-visible{opacity:1}.VeQVAa_remove:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-error-primary)}.VeQVAa_selfTag{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);flex:none;padding:0 5px;font-size:11px;line-height:16px}.VeQVAa_ownerTag{border:1px solid color-mix(in srgb, var(--dsw-alias-state-warning-primary,#f7ad31) 40%, transparent);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-warning-primary,#f7ad31);flex:none;padding:0 5px;font-size:11px;line-height:16px}";
+		const tagId$2 = "@sparkelf/dsh-group-chat/MembersPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var MembersPanel_module_css_default = {
-			"announcementText": "VeQVAa_announcementText",
-			"notice": "VeQVAa_notice",
-			"name": "VeQVAa_name",
-			"previewClose": "VeQVAa_previewClose",
-			"unavailable": "VeQVAa_unavailable",
-			"crumbGroup": "VeQVAa_crumbGroup",
-			"textarea": "VeQVAa_textarea",
-			"search": "VeQVAa_search",
+			"filePicker": "VeQVAa_filePicker",
+			"sectionLabel": "VeQVAa_sectionLabel",
 			"linkButton": "VeQVAa_linkButton",
-			"fileButton": "VeQVAa_fileButton",
-			"previewImage": "VeQVAa_previewImage",
-			"section": "VeQVAa_section",
-			"sectionToggle": "VeQVAa_sectionToggle",
+			"row": "VeQVAa_row",
 			"fileSize": "VeQVAa_fileSize",
-			"crumbSep": "VeQVAa_crumbSep",
-			"selfTag": "VeQVAa_selfTag",
-			"ownerTag": "VeQVAa_ownerTag",
-			"sectionBody": "VeQVAa_sectionBody",
+			"crumbs": "VeQVAa_crumbs",
+			"fileIcon": "VeQVAa_fileIcon",
 			"preview": "VeQVAa_preview",
-			"previewTitle": "VeQVAa_previewTitle",
-			"sectionHeader": "VeQVAa_sectionHeader",
-			"remove": "VeQVAa_remove",
-			"editor": "VeQVAa_editor",
-			"error": "VeQVAa_error",
-			"caret": "VeQVAa_caret",
-			"count": "VeQVAa_count",
+			"searchToggle": "VeQVAa_searchToggle",
 			"crumb": "VeQVAa_crumb",
-			"row": "VeQVAa_row",
-			"filePicker": "VeQVAa_filePicker",
-			"refresh": "VeQVAa_refresh",
-			"previewHeader": "VeQVAa_previewHeader",
 			"editorFooter": "VeQVAa_editorFooter",
+			"previewClose": "VeQVAa_previewClose",
 			"root": "VeQVAa_root",
+			"error": "VeQVAa_error",
+			"sectionToggle": "VeQVAa_sectionToggle",
+			"unavailable": "VeQVAa_unavailable",
+			"editor": "VeQVAa_editor",
+			"previewTitle": "VeQVAa_previewTitle",
+			"previewImage": "VeQVAa_previewImage",
 			"previewBody": "VeQVAa_previewBody",
-			"fileIcon": "VeQVAa_fileIcon",
-			"sectionLabel": "VeQVAa_sectionLabel",
+			"count": "VeQVAa_count",
+			"crumbSep": "VeQVAa_crumbSep",
+			"sectionBody": "VeQVAa_sectionBody",
+			"notice": "VeQVAa_notice",
+			"textarea": "VeQVAa_textarea",
+			"selfTag": "VeQVAa_selfTag",
 			"hint": "VeQVAa_hint",
-			"searchToggle": "VeQVAa_searchToggle",
+			"refresh": "VeQVAa_refresh",
+			"section": "VeQVAa_section",
+			"ownerTag": "VeQVAa_ownerTag",
+			"caret": "VeQVAa_caret",
+			"crumbGroup": "VeQVAa_crumbGroup",
+			"fileButton": "VeQVAa_fileButton",
+			"name": "VeQVAa_name",
+			"previewHeader": "VeQVAa_previewHeader",
+			"search": "VeQVAa_search",
 			"list": "VeQVAa_list",
-			"crumbs": "VeQVAa_crumbs"
+			"announcementText": "VeQVAa_announcementText",
+			"remove": "VeQVAa_remove",
+			"sectionHeader": "VeQVAa_sectionHeader"
 		};
 		//#endregion
 		//#region src/client/MembersPanel.tsx
@@ -3610,21 +4091,21 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/GuideEntry.module.css.mjs
-		const css = "._0Vnsuq_entry{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-xl);background:var(--dsw-alias-bg-layer-1);width:380px;max-width:100%;min-height:56px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:14px 20px;display:flex}._0Vnsuq_entry:hover{background:var(--dsw-alias-interactive-bg-hover)}._0Vnsuq_icon{width:26px;height:26px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}._0Vnsuq_text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}._0Vnsuq_title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;overflow:hidden}._0Vnsuq_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}";
-		const tagId = "@sparkelf/dsh-group-chat/GuideEntry.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+		const css$1 = "._0Vnsuq_entry{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-xl);background:var(--dsw-alias-bg-layer-1);width:380px;max-width:100%;min-height:56px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:14px 20px;display:flex}._0Vnsuq_entry:hover{background:var(--dsw-alias-interactive-bg-hover)}._0Vnsuq_icon{width:26px;height:26px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}._0Vnsuq_text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}._0Vnsuq_title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;overflow:hidden}._0Vnsuq_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}";
+		const tagId$1 = "@sparkelf/dsh-group-chat/GuideEntry.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
 			document.head.appendChild(tag);
 		}
 		var GuideEntry_module_css_default = {
 			"title": "_0Vnsuq_title",
-			"text": "_0Vnsuq_text",
 			"icon": "_0Vnsuq_icon",
+			"entry": "_0Vnsuq_entry",
 			"description": "_0Vnsuq_description",
-			"entry": "_0Vnsuq_entry"
+			"text": "_0Vnsuq_text"
 		};
 		//#endregion
 		//#region src/client/GuideEntry.tsx
@@ -3680,6 +4161,82 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/QuoteComposer.module.css.mjs
+		const css = ".AK6KxW_button{width:24px;height:24px;color:var(--dsw-alias-label-secondary,inherit);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background-color .12s;display:inline-flex}.AK6KxW_button:hover{opacity:1;background:var(--dsw-alias-bg-l2,#ffffff14)}.AK6KxW_button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,currentcolor);outline-offset:1px}.AK6KxW_bar{box-sizing:border-box;width:100%;max-width:var(--dsh-chat-content-width,100%);background:var(--dsw-alias-bg-l2,#ffffff0a);border-radius:8px;align-items:center;gap:6px;margin:0 auto 4px;padding:6px 8px;display:flex}.AK6KxW_mark{background:var(--dsw-alias-brand-primary,currentcolor);opacity:.6;border-radius:1px;flex:none;align-self:stretch;width:2px}.AK6KxW_body{min-width:0;color:var(--dsw-alias-label-secondary,inherit);align-items:baseline;gap:6px;font-size:12px;line-height:16px;display:flex}.AK6KxW_author{white-space:nowrap;flex:none;font-weight:500}.AK6KxW_text{text-overflow:ellipsis;white-space:nowrap;opacity:.85;min-width:0;overflow:hidden}.AK6KxW_dismiss{width:20px;height:20px;color:var(--dsw-alias-label-secondary,inherit);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;margin-left:auto;padding:0;font-size:16px;line-height:1}.AK6KxW_dismiss:hover{background:var(--dsw-alias-bg-l3,#ffffff1a);color:var(--dsw-alias-label-primary,inherit)}";
+		const tagId = "@sparkelf/dsh-group-chat/QuoteComposer.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var QuoteComposer_module_css_default = {
+			"button": "AK6KxW_button",
+			"mark": "AK6KxW_mark",
+			"body": "AK6KxW_body",
+			"bar": "AK6KxW_bar",
+			"author": "AK6KxW_author",
+			"dismiss": "AK6KxW_dismiss",
+			"text": "AK6KxW_text"
+		};
+		//#endregion
+		//#region src/client/QuoteComposer.tsx
+		/**
+		* The two composer-side pieces of a reply: the button that starts one and the bar that shows
+		* the message being answered.
+		*
+		* Both are seats on official composers, and both are deliberately dumb: they read a pending
+		* quote from the store and call back into it. Nothing here sends a message — the quote reaches
+		* the room because `MessageSide` attaches it when the reply is submitted, and keeping that
+		* decision in one place is why these two do not also try to.
+		*
+		* @module @sparkelf/dsh-group-chat/client/QuoteComposer
+		*/
+		/**
+		* The bar above the composer showing what the reply answers.
+		*
+		* Sits in the composer's own stack rather than over the input, so the text the reader types is
+		* never covered by it. Absent when nothing is being answered, which is the common case.
+		*/
+		const PendingQuoteBar = (props) => {
+			const { t, quotes, store } = props;
+			const roomId = (0, react.useSyncExternalStore)(store.subscribe, () => store.getState().activeRoomId, () => store.getState().activeRoomId);
+			const read = () => roomId === void 0 ? void 0 : quotes.getQuote(roomId);
+			const quote = (0, react.useSyncExternalStore)(quotes.subscribe, read, read);
+			if (roomId === void 0 || quote === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: QuoteComposer_module_css_default.bar,
+				"data-group-chat-pending-quote": quote.messageId,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: QuoteComposer_module_css_default.mark,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: QuoteComposer_module_css_default.body,
+						children: [quote.authorName === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: QuoteComposer_module_css_default.author,
+							children: quote.authorName
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: QuoteComposer_module_css_default.text,
+							children: quote.preview
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: QuoteComposer_module_css_default.dismiss,
+						"aria-label": t("replyCancel"),
+						title: t("replyCancel"),
+						onClick: () => {
+							quotes.clear(roomId);
+						},
+						children: "×"
+					})
+				]
+			});
+		};
+		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* Group-chat copy, in the shape every locale-backed DSH client plugin uses: one
@@ -3782,6 +4339,12 @@ window.__ModuleLoader__.load({
 			membersFileUpload: "Upload a file",
 			membersFileUploadFailed: "Upload failed.",
 			resizeRegion: "Resize the group chat region",
+			reply: "Reply",
+			replyCancel: "Cancel reply",
+			searchMessages: "Search messages",
+			searchMessagesPlaceholder: "Search message text",
+			searchMessagesEmpty: "No message matches",
+			searching: "Searching…",
 			membersFilesRoot: "Files",
 			membersOwner: "Owner",
 			membersNotARoom: "This conversation is not a group chat, so it has no members.",
@@ -3926,6 +4489,12 @@ window.__ModuleLoader__.load({
 			membersFileUpload: "上传文件",
 			membersFileUploadFailed: "上传失败。",
 			resizeRegion: "拖动调节群聊区域高度",
+			reply: "引用",
+			replyCancel: "取消引用",
+			searchMessages: "搜索消息",
+			searchMessagesPlaceholder: "搜索消息内容",
+			searchMessagesEmpty: "没有匹配的消息",
+			searching: "搜索中…",
 			membersFilesRoot: "群文件",
 			membersOwner: "群主",
 			membersNotARoom: "该会话不是群聊，没有群成员。",
@@ -4031,6 +4600,8 @@ window.__ModuleLoader__.load({
 		* is keyed by id — the same split the official schedule plugin makes.
 		*/
 		const MEMBERS_TAB_ID = "@sparkelf/dsh-group-chat/members";
+		/** Id of the pending-reply bar in the composer's dock. */
+		const QUOTE_DOCK_ID = "@sparkelf/dsh-group-chat/quote";
 		/**
 		* The guide entry's own identity, and where it sorts on the start page.
 		*
@@ -4060,6 +4631,41 @@ window.__ModuleLoader__.load({
 			const t = ctx.locale.bind(NS);
 			const tPreset = ctx.locale.bind(PRESET_LOCALE_NS);
 			const base = createRoomStore();
+			const quotes = createQuoteStore();
+			/**
+			* Drops the pending reply once the composer submits.
+			*
+			* The composer belongs to the official chat surface, so there is no submit callback to hook.
+			* What is stable is how a submission looks: Enter inside the editor, or a click on the send
+			* button. Both are observed at the document in the capture phase — before the official handler
+			* runs — and this side's pending reply is dropped for the open room. Only the local copy goes:
+			* the host still needs its own to attach the quote to the message being published, and deleting
+			* it here would send the reply bare.
+			*/
+			const dropQuoteOnSubmit = () => {
+				const clearActive = () => {
+					const roomId = store.getState().activeRoomId;
+					if (roomId !== void 0) quotes.clearLocal(roomId);
+				};
+				const onSubmitKey = (event) => {
+					if (event.key !== "Enter" || event.shiftKey || event.isComposing) return;
+					const target = event.target;
+					if (target instanceof Element && target.closest("[contenteditable=\"true\"]") !== null) clearActive();
+				};
+				const onSubmitClick = (event) => {
+					const target = event.target;
+					if (!(target instanceof Element)) return;
+					const label = target.closest("button[aria-label]")?.getAttribute("aria-label") ?? "";
+					if (/发送|send/i.test(label)) clearActive();
+				};
+				document.addEventListener("keydown", onSubmitKey, true);
+				document.addEventListener("click", onSubmitClick, true);
+				return () => {
+					document.removeEventListener("keydown", onSubmitKey, true);
+					document.removeEventListener("click", onSubmitClick, true);
+				};
+			};
+			ctx.effect(dropQuoteOnSubmit);
 			const store = {
 				...base,
 				open: (roomId) => {
@@ -4212,7 +4818,9 @@ window.__ModuleLoader__.load({
 								getSelfId: store.selfId,
 								subscribeSelf: store.subscribe,
 								getRoster: (roomId) => store.getState().members[roomId],
-								sided: props["node"] !== void 0
+								sided: props["node"] !== void 0,
+								quotes,
+								tOwn: t
 							}));
 						} catch (error) {
 							logClaimFailure(key, error);
@@ -4227,6 +4835,16 @@ window.__ModuleLoader__.load({
 					release();
 				};
 			});
+			ctx.effect(() => ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: QUOTE_DOCK_ID,
+				locale: NS,
+				inject: (() => ({
+					t,
+					quotes,
+					store
+				}))
+			}, PendingQuoteBar)), "group-chat: pending quote bar");
 		}
 		//#endregion
 		exports.apply = apply;