@sparkelf/dsh-group-chat 0.2.0 → 0.4.0

package/lib/client.js

@@ -125,6 +125,10 @@ window.__ModuleLoader__.load({
 			const suffix = path === void 0 || path.length === 0 ? "" : `?path=${encodeURIComponent(path)}`;
 			return call(`/directories${suffix}`);
 		};
+		const listEvents = (roomId, cursor) => {
+			const suffix = cursor === void 0 ? "" : `?cursor=${encodeURIComponent(cursor)}`;
+			return call(`/rooms/${encodeURIComponent(roomId)}/events${suffix}`);
+		};
 		/**
 		* Create a room.
 		*
@@ -258,222 +262,6 @@ window.__ModuleLoader__.load({
 		/** 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
 		/**
 		* The decisions the plugin's components make without a browser.
@@ -724,11 +512,11 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Avatar_module_css_default = {
-			"over": "Ohch6W_over",
-			"sm": "Ohch6W_sm",
-			"avatar": "Ohch6W_avatar",
 			"md": "Ohch6W_md",
-			"stack": "Ohch6W_stack"
+			"avatar": "Ohch6W_avatar",
+			"stack": "Ohch6W_stack",
+			"sm": "Ohch6W_sm",
+			"over": "Ohch6W_over"
 		};
 		//#endregion
 		//#region src/client/Avatar.tsx
@@ -768,12 +556,12 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Picker_module_css_default = {
+			"box": "sKjJ-a_box",
+			"rowActive": "sKjJ-a_rowActive",
 			"secondary": "sKjJ-a_secondary",
 			"note": "sKjJ-a_note",
-			"list": "sKjJ-a_list",
 			"row": "sKjJ-a_row",
-			"rowActive": "sKjJ-a_rowActive",
-			"box": "sKjJ-a_box",
+			"list": "sKjJ-a_list",
 			"label": "sKjJ-a_label"
 		};
 		//#endregion
@@ -947,11 +735,11 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var PresetSelect_module_css_default = {
-			"row": "xjnmxG_row",
-			"triggerLabel": "xjnmxG_triggerLabel",
-			"trigger": "xjnmxG_trigger",
 			"description": "xjnmxG_description",
-			"name": "xjnmxG_name"
+			"name": "xjnmxG_name",
+			"trigger": "xjnmxG_trigger",
+			"triggerLabel": "xjnmxG_triggerLabel",
+			"row": "xjnmxG_row"
 		};
 		//#endregion
 		//#region src/client/PresetSelect.tsx
@@ -1209,23 +997,23 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var CreateRoomDialog_module_css_default = {
-			"switches": "Z3w8WW_switches",
-			"hint": "Z3w8WW_hint",
+			"notice": "Z3w8WW_notice",
+			"warn": "Z3w8WW_warn",
+			"triggerExtra": "Z3w8WW_triggerExtra",
+			"label": "Z3w8WW_label",
 			"field": "Z3w8WW_field",
+			"pillActive": "Z3w8WW_pillActive",
+			"footer": "Z3w8WW_footer",
+			"switches": "Z3w8WW_switches",
 			"policyRow": "Z3w8WW_policyRow",
-			"body": "Z3w8WW_body",
+			"memberRow": "Z3w8WW_memberRow",
 			"memberList": "Z3w8WW_memberList",
 			"memberBadge": "Z3w8WW_memberBadge",
-			"pillActive": "Z3w8WW_pillActive",
-			"notice": "Z3w8WW_notice",
-			"triggerExtra": "Z3w8WW_triggerExtra",
+			"hint": "Z3w8WW_hint",
 			"error": "Z3w8WW_error",
-			"label": "Z3w8WW_label",
-			"memberRow": "Z3w8WW_memberRow",
-			"footer": "Z3w8WW_footer",
-			"warn": "Z3w8WW_warn",
 			"pill": "Z3w8WW_pill",
-			"memberName": "Z3w8WW_memberName"
+			"memberName": "Z3w8WW_memberName",
+			"body": "Z3w8WW_body"
 		};
 		//#endregion
 		//#region src/client/CreateRoomDialog.tsx
@@ -1492,28 +1280,28 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var InviteDialog_module_css_default = {
+			"check": "r4uCba_check",
+			"dialog": "r4uCba_dialog",
+			"list": "r4uCba_list",
 			"checkHidden": "r4uCba_checkHidden",
 			"row": "r4uCba_row",
-			"inviteSpin": "r4uCba_inviteSpin",
-			"content": "r4uCba_content",
+			"chip": "r4uCba_chip",
 			"chipRemove": "r4uCba_chipRemove",
+			"rowName": "r4uCba_rowName",
 			"error": "r4uCba_error",
+			"spinner": "r4uCba_spinner",
+			"chips": "r4uCba_chips",
 			"rowHandle": "r4uCba_rowHandle",
 			"errorRow": "r4uCba_errorRow",
-			"search": "r4uCba_search",
+			"visuallyHidden": "r4uCba_visuallyHidden",
+			"inviteSpin": "r4uCba_inviteSpin",
+			"content": "r4uCba_content",
+			"note": "r4uCba_note",
 			"searchRow": "r4uCba_searchRow",
+			"search": "r4uCba_search",
 			"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",
-			"dialog": "r4uCba_dialog",
-			"check": "r4uCba_check",
-			"list": "r4uCba_list"
+			"rowSelected": "r4uCba_rowSelected"
 		};
 		//#endregion
 		//#region src/client/RoomDialogs.tsx
@@ -2120,7 +1908,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/SidebarRooms.module.css.mjs
-		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 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;padding-right:4px;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:100%;height:30px;color:var(--dsw-alias-label-caption);margin-inline:0;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}.s0QgKq_hitList{flex-direction:column;flex:none;gap:2px;max-height:45%;margin-bottom:4px;display:flex;overflow-y:auto}.s0QgKq_hitHint{color:var(--dsw-alias-label-tertiary);margin:2px 8px;font-size:12px;line-height:16px}.s0QgKq_hit{border-radius:var(--dsw-radius-sm);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:1px;padding:5px 8px;display:flex}.s0QgKq_hit:hover,.s0QgKq_hit:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none}.s0QgKq_hitHead{min-width:0;color:var(--dsw-alias-label-tertiary);align-items:baseline;gap:6px;font-size:11px;line-height:14px;display:flex}.s0QgKq_hitRoom{flex:none;font-weight:500}.s0QgKq_hitAuthor{text-overflow:ellipsis;white-space:nowrap;opacity:.8;min-width:0;overflow:hidden}.s0QgKq_hitText{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:16px;display:block;overflow:hidden}.s0QgKq_mark{background:var(--dsw-alias-bg-brand-weak,#ffd66659);color:inherit;border-radius:2px;padding:0;font-weight:600}";
 		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");
@@ -2130,58 +1918,66 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SidebarRooms_module_css_default = {
-			"clearButton": "s0QgKq_clearButton",
-			"resizer": "s0QgKq_resizer",
-			"time": "s0QgKq_time",
-			"menuActions": "s0QgKq_menuActions",
-			"discoverHeading": "s0QgKq_discoverHeading",
-			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
-			"iconButton": "s0QgKq_iconButton",
-			"discoverRow": "s0QgKq_discoverRow",
-			"rowWrap": "s0QgKq_rowWrap",
-			"menuConfirm": "s0QgKq_menuConfirm",
-			"searchButton": "s0QgKq_searchButton",
-			"headerActions": "s0QgKq_headerActions",
-			"empty": "s0QgKq_empty",
-			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"searchInput": "s0QgKq_searchInput",
+			"joinButton": "s0QgKq_joinButton",
 			"sectionHeader": "s0QgKq_sectionHeader",
-			"searchExpanded": "s0QgKq_searchExpanded",
-			"rowIcon": "s0QgKq_rowIcon",
-			"leaveCopy": "s0QgKq_leaveCopy",
+			"menuRename": "s0QgKq_menuRename",
 			"footer": "s0QgKq_footer",
+			"listArea": "s0QgKq_listArea",
+			"clearButton": "s0QgKq_clearButton",
+			"discoverMeta": "s0QgKq_discoverMeta",
+			"search": "s0QgKq_search",
+			"leaveCopy": "s0QgKq_leaveCopy",
+			"hit": "s0QgKq_hit",
+			"rowIcon": "s0QgKq_rowIcon",
+			"fade": "s0QgKq_fade",
+			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
+			"discoverRow": "s0QgKq_discoverRow",
+			"hitText": "s0QgKq_hitText",
+			"menuItem": "s0QgKq_menuItem",
+			"hitRoom": "s0QgKq_hitRoom",
 			"menuInput": "s0QgKq_menuInput",
-			"discoverName": "s0QgKq_discoverName",
-			"unread": "s0QgKq_unread",
-			"menuInline": "s0QgKq_menuInline",
-			"menuCancel": "s0QgKq_menuCancel",
-			"menuRename": "s0QgKq_menuRename",
-			"leaveBody": "s0QgKq_leaveBody",
+			"empty": "s0QgKq_empty",
+			"hitList": "s0QgKq_hitList",
+			"discoverHeading": "s0QgKq_discoverHeading",
+			"sessionRowSelected": "s0QgKq_sessionRowSelected",
+			"flatList": "s0QgKq_flatList",
 			"leaveRoomName": "s0QgKq_leaveRoomName",
-			"discoverSection": "s0QgKq_discoverSection",
-			"root": "s0QgKq_root",
-			"fade": "s0QgKq_fade",
-			"searchInput": "s0QgKq_searchInput",
+			"menuCancel": "s0QgKq_menuCancel",
+			"hitHead": "s0QgKq_hitHead",
+			"menuInline": "s0QgKq_menuInline",
+			"hitAuthor": "s0QgKq_hitAuthor",
 			"sessionRow": "s0QgKq_sessionRow",
-			"menuLayer": "s0QgKq_menuLayer",
-			"discoverMeta": "s0QgKq_discoverMeta",
+			"root": "s0QgKq_root",
 			"menu": "s0QgKq_menu",
-			"joinButton": "s0QgKq_joinButton",
+			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"rowWrap": "s0QgKq_rowWrap",
+			"menuActions": "s0QgKq_menuActions",
 			"leaveError": "s0QgKq_leaveError",
-			"search": "s0QgKq_search",
+			"headerActions": "s0QgKq_headerActions",
 			"check": "s0QgKq_check",
 			"list": "s0QgKq_list",
+			"title": "s0QgKq_title",
+			"time": "s0QgKq_time",
+			"unread": "s0QgKq_unread",
+			"leaveBody": "s0QgKq_leaveBody",
+			"menuLayer": "s0QgKq_menuLayer",
+			"searchExpanded": "s0QgKq_searchExpanded",
+			"discoverSection": "s0QgKq_discoverSection",
+			"menuHeading": "s0QgKq_menuHeading",
+			"discoverName": "s0QgKq_discoverName",
+			"mark": "s0QgKq_mark",
+			"menuConfirm": "s0QgKq_menuConfirm",
 			"sectionLabel": "s0QgKq_sectionLabel",
-			"searchSlot": "s0QgKq_searchSlot",
+			"iconButton": "s0QgKq_iconButton",
 			"emptyState": "s0QgKq_emptyState",
-			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
-			"listArea": "s0QgKq_listArea",
-			"flatList": "s0QgKq_flatList",
-			"sessionRowSelected": "s0QgKq_sessionRowSelected",
-			"menuHeading": "s0QgKq_menuHeading",
-			"title": "s0QgKq_title",
-			"menuItem": "s0QgKq_menuItem",
+			"searchSlot": "s0QgKq_searchSlot",
 			"viewWrap": "s0QgKq_viewWrap",
-			"visuallyHidden": "s0QgKq_visuallyHidden"
+			"hitHint": "s0QgKq_hitHint",
+			"visuallyHidden": "s0QgKq_visuallyHidden",
+			"resizer": "s0QgKq_resizer",
+			"searchButton": "s0QgKq_searchButton",
+			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger"
 		};
 		//#endregion
 		//#region src/client/SidebarRooms.tsx
@@ -2220,6 +2016,34 @@ window.__ModuleLoader__.load({
 		* @param props - the injected copy resolver and the shared room store.
 		* @returns the section header plus the flat room list.
 		*/
+		/**
+		* The hit text with the matched words marked.
+		*
+		* Splitting on the query gives the reader the one thing a result row has to offer: where in a
+		* long message the words are. Case comes from the source text; only the comparison folds case.
+		*/
+		const markQuery = (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: SidebarRooms_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;
+		};
 		function SidebarRooms(props) {
 			const { t, tPreset, store } = props;
 			const { rooms, activeRoomId, failure, searchQuery, discoverable } = (0, react.useSyncExternalStore)(store.subscribe, store.getState, store.getState);
@@ -2230,6 +2054,44 @@ window.__ModuleLoader__.load({
 			const [joining, setJoining] = (0, react.useState)(void 0);
 			const searchInput = (0, react.useRef)(null);
 			/**
+			* Opens the room a hit belongs to and scrolls to that message.
+			*
+			* The conversation is still loading when this fires, so the row is not in the DOM yet: poll
+			* for the anchor instead of guessing one delay, and give up quietly rather than scrolling to
+			* a stranger's message.
+			*/
+			const openHit = (hit) => {
+				store.open(hit.roomId);
+				store.setSearch("");
+				setSearchExpanded(false);
+				if (typeof document === "undefined") return;
+				let attempts = 0;
+				const look = () => {
+					const node = document.querySelector(`[data-group-chat-message="${hit.eventId}"]`);
+					if (node !== null) {
+						node.scrollIntoView({
+							block: "center",
+							behavior: "smooth"
+						});
+						return;
+					}
+					attempts += 1;
+					if (attempts < 40) window.setTimeout(look, 250);
+				};
+				window.setTimeout(look, 400);
+			};
+			/**
+			* Message hits for the same box the room rows are filtered by.
+			*
+			* One field, two questions: the rows below answer "which room is this" and this list answers
+			* "where is this said". Two separate boxes made the reader choose which kind of search they
+			* wanted before they knew what they were looking for.
+			*/
+			const [hits, setHits] = (0, react.useState)([]);
+			const [searching, setSearching] = (0, react.useState)(false);
+			/** Issue counter so a slow query cannot overwrite the results of a later one. */
+			const searchTicket = (0, react.useRef)(0);
+			/**
 			* Height of this region, in pixels, once the user has dragged it.
 			*
 			* `undefined` until either the saved value arrives or a drag happens: the region then keeps
@@ -2297,6 +2159,36 @@ window.__ModuleLoader__.load({
 				document.addEventListener("pointerup", onUp);
 				document.addEventListener("pointercancel", onUp);
 			};
+			/**
+			* Message search, driven by the header box.
+			*
+			* Debounced and latest-wins: typing issues several queries, and an early one resolving late
+			* would replace the results of a later, more specific one.
+			*/
+			(0, react.useEffect)(() => {
+				if (!searchExpanded) return;
+				const trimmed = searchQuery.trim();
+				if (trimmed.length === 0) {
+					setHits([]);
+					setSearching(false);
+					return;
+				}
+				const ticket = searchTicket.current + 1;
+				searchTicket.current = ticket;
+				setSearching(true);
+				const timer = setTimeout(() => {
+					searchMessages(trimmed).then((found) => {
+						if (searchTicket.current === ticket) setHits(found);
+					}).catch(() => {
+						if (searchTicket.current === ticket) setHits([]);
+					}).finally(() => {
+						if (searchTicket.current === ticket) setSearching(false);
+					});
+				}, 250);
+				return () => {
+					clearTimeout(timer);
+				};
+			}, [searchQuery, searchExpanded]);
 			(0, react.useEffect)(() => {
 				if (!searchExpanded) return;
 				const onDown = (event) => {
@@ -2457,27 +2349,36 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: SidebarRooms_module_css_default.listArea,
 						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);
-								}
-							}),
+							searchExpanded && query.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: SidebarRooms_module_css_default.hitList,
+								role: "listbox",
+								"aria-label": t("search"),
+								children: searching && hits.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: SidebarRooms_module_css_default.hitHint,
+									children: t("searching")
+								}) : hits.length === 0 ? null : hits.map((hit) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": false,
+									className: SidebarRooms_module_css_default.hit,
+									onClick: () => {
+										openHit(hit);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: SidebarRooms_module_css_default.hitHead,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SidebarRooms_module_css_default.hitRoom,
+											children: hit.roomName
+										}), hit.authorName === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SidebarRooms_module_css_default.hitAuthor,
+											children: hit.authorName
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SidebarRooms_module_css_default.hitText,
+										children: markQuery(hit.text, searchQuery)
+									})]
+								}, `${hit.roomId}:${hit.eventId}`))
+							}) : null,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: SidebarRooms_module_css_default.list,
 								children: [
@@ -3138,20 +3039,20 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MessageSide_module_css_default = {
-			"rowActionsSelf": "KXabfq_rowActionsSelf",
-			"author": "KXabfq_author",
-			"selfBody": "KXabfq_selfBody",
-			"rowActions": "KXabfq_rowActions",
-			"quoteBar": "KXabfq_quoteBar",
 			"rowBody": "KXabfq_rowBody",
-			"quoteMark": "KXabfq_quoteMark",
-			"quoteText": "KXabfq_quoteText",
-			"replyButton": "KXabfq_replyButton",
+			"selfBody": "KXabfq_selfBody",
 			"otherRow": "KXabfq_otherRow",
+			"authorName": "KXabfq_authorName",
 			"quoteBody": "KXabfq_quoteBody",
+			"quoteBar": "KXabfq_quoteBar",
 			"quoteAuthor": "KXabfq_quoteAuthor",
-			"authorName": "KXabfq_authorName",
-			"selfRow": "KXabfq_selfRow"
+			"selfRow": "KXabfq_selfRow",
+			"rowActions": "KXabfq_rowActions",
+			"replyButton": "KXabfq_replyButton",
+			"quoteMark": "KXabfq_quoteMark",
+			"rowActionsSelf": "KXabfq_rowActionsSelf",
+			"author": "KXabfq_author",
+			"quoteText": "KXabfq_quoteText"
 		};
 		//#endregion
 		//#region src/client/MessageSide.tsx
@@ -3439,46 +3340,46 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MembersPanel_module_css_default = {
-			"filePicker": "VeQVAa_filePicker",
 			"sectionLabel": "VeQVAa_sectionLabel",
-			"linkButton": "VeQVAa_linkButton",
-			"row": "VeQVAa_row",
+			"notice": "VeQVAa_notice",
+			"crumbGroup": "VeQVAa_crumbGroup",
 			"fileSize": "VeQVAa_fileSize",
-			"crumbs": "VeQVAa_crumbs",
-			"fileIcon": "VeQVAa_fileIcon",
+			"hint": "VeQVAa_hint",
 			"preview": "VeQVAa_preview",
-			"searchToggle": "VeQVAa_searchToggle",
-			"crumb": "VeQVAa_crumb",
-			"editorFooter": "VeQVAa_editorFooter",
-			"previewClose": "VeQVAa_previewClose",
-			"root": "VeQVAa_root",
-			"error": "VeQVAa_error",
-			"sectionToggle": "VeQVAa_sectionToggle",
-			"unavailable": "VeQVAa_unavailable",
+			"announcementText": "VeQVAa_announcementText",
 			"editor": "VeQVAa_editor",
-			"previewTitle": "VeQVAa_previewTitle",
-			"previewImage": "VeQVAa_previewImage",
+			"search": "VeQVAa_search",
+			"fileButton": "VeQVAa_fileButton",
+			"selfTag": "VeQVAa_selfTag",
+			"row": "VeQVAa_row",
+			"root": "VeQVAa_root",
+			"editorFooter": "VeQVAa_editorFooter",
+			"list": "VeQVAa_list",
+			"filePicker": "VeQVAa_filePicker",
 			"previewBody": "VeQVAa_previewBody",
 			"count": "VeQVAa_count",
-			"crumbSep": "VeQVAa_crumbSep",
 			"sectionBody": "VeQVAa_sectionBody",
-			"notice": "VeQVAa_notice",
-			"textarea": "VeQVAa_textarea",
-			"selfTag": "VeQVAa_selfTag",
-			"hint": "VeQVAa_hint",
-			"refresh": "VeQVAa_refresh",
-			"section": "VeQVAa_section",
+			"sectionHeader": "VeQVAa_sectionHeader",
+			"previewImage": "VeQVAa_previewImage",
+			"previewHeader": "VeQVAa_previewHeader",
+			"sectionToggle": "VeQVAa_sectionToggle",
+			"crumbSep": "VeQVAa_crumbSep",
+			"linkButton": "VeQVAa_linkButton",
 			"ownerTag": "VeQVAa_ownerTag",
-			"caret": "VeQVAa_caret",
-			"crumbGroup": "VeQVAa_crumbGroup",
-			"fileButton": "VeQVAa_fileButton",
+			"textarea": "VeQVAa_textarea",
+			"crumb": "VeQVAa_crumb",
 			"name": "VeQVAa_name",
-			"previewHeader": "VeQVAa_previewHeader",
-			"search": "VeQVAa_search",
-			"list": "VeQVAa_list",
-			"announcementText": "VeQVAa_announcementText",
+			"unavailable": "VeQVAa_unavailable",
 			"remove": "VeQVAa_remove",
-			"sectionHeader": "VeQVAa_sectionHeader"
+			"previewTitle": "VeQVAa_previewTitle",
+			"refresh": "VeQVAa_refresh",
+			"caret": "VeQVAa_caret",
+			"fileIcon": "VeQVAa_fileIcon",
+			"section": "VeQVAa_section",
+			"error": "VeQVAa_error",
+			"searchToggle": "VeQVAa_searchToggle",
+			"crumbs": "VeQVAa_crumbs",
+			"previewClose": "VeQVAa_previewClose"
 		};
 		//#endregion
 		//#region src/client/MembersPanel.tsx
@@ -4101,10 +4002,10 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var GuideEntry_module_css_default = {
-			"title": "_0Vnsuq_title",
 			"icon": "_0Vnsuq_icon",
 			"entry": "_0Vnsuq_entry",
 			"description": "_0Vnsuq_description",
+			"title": "_0Vnsuq_title",
 			"text": "_0Vnsuq_text"
 		};
 		//#endregion
@@ -4172,13 +4073,13 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var QuoteComposer_module_css_default = {
+			"text": "AK6KxW_text",
+			"dismiss": "AK6KxW_dismiss",
 			"button": "AK6KxW_button",
-			"mark": "AK6KxW_mark",
-			"body": "AK6KxW_body",
-			"bar": "AK6KxW_bar",
 			"author": "AK6KxW_author",
-			"dismiss": "AK6KxW_dismiss",
-			"text": "AK6KxW_text"
+			"body": "AK6KxW_body",
+			"mark": "AK6KxW_mark",
+			"bar": "AK6KxW_bar"
 		};
 		//#endregion
 		//#region src/client/QuoteComposer.tsx
@@ -4237,6 +4138,135 @@ window.__ModuleLoader__.load({
 			});
 		};
 		//#endregion
+		//#region src/client/messageReference.ts
+		/**
+		* Room messages as `@` references in the composer.
+		*
+		* Registering a trigger source is the one supported way a plugin adds something to the `@`
+		* menu, and the only way to get an official inline reference: the pipeline turns a pick into
+		* an atomic chip, and the codec decides what that chip becomes for the model. Drawing a
+		* separate quote bar would mean a second, unofficial representation of the same idea.
+		*
+		* A chip carries an id; the words are resolved through this module's cache because the codec
+		* only ever receives `ref`. The cache is bounded to the messages listed most recently, which
+		* is the same window the menu offers.
+		*
+		* @module @sparkelf/dsh-group-chat/client/messageReference
+		*/
+		/** Unique source name; duplicate `(trigger, name)` pairs throw at registration. */
+		const SOURCE_NAME = "@sparkelf/dsh-group-chat/message";
+		/** How many messages the menu offers at once. */
+		const MAX_CANDIDATES = 20;
+		/** How much of a message the menu row and the chip label show. */
+		const LABEL_CHARS = 28;
+		/**
+		* Reference id → what it points at.
+		*
+		* `ref` is `${roomId}:${messageId}` so it stays readable in storage and unique across rooms;
+		* the words ride beside it because the codec is synchronous about identity and only receives
+		* the id.
+		*/
+		const resolved = /* @__PURE__ */ new Map();
+		/** The text of a message body, whether it arrived as blocks or as one plain string. */
+		const textOf = (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" && typeof record.text === "string") parts.push(record.text);
+			}
+			return parts.join(" ").replace(/\s+/g, " ").trim();
+		};
+		/** One line, cut to `LABEL_CHARS` with an ellipsis. */
+		const shorten = (text) => text.length > LABEL_CHARS ? `${text.slice(0, 27)}…` : text;
+		/** What one message row shows and what a pick would insert. */
+		const rowOf = (roomId, record) => {
+			const data = record.event.data;
+			if (data === void 0) return void 0;
+			const source = data["source"];
+			const rowId = typeof source?.messageId === "string" && source.messageId.length > 0 ? source.messageId : typeof data["id"] === "string" ? data["id"] : record.id;
+			const text = textOf(data["content"]);
+			if (text.length === 0) return void 0;
+			const authorName = typeof source?.memberName === "string" && source.memberName.length > 0 ? source.memberName : void 0;
+			const label = `${authorName ?? "消息"}：${shorten(text)}`;
+			return {
+				ref: `${roomId}:${rowId}`,
+				name: label,
+				description: text.length > 60 ? `${text.slice(0, 59)}…` : text,
+				resolved: {
+					label,
+					text,
+					...authorName === void 0 ? {} : { authorName }
+				}
+			};
+		};
+		/**
+		* Registers the room-message reference source.
+		*
+		* @param inputTriggers - the trigger pipeline service (`ctx.get('inputTriggers')`).
+		* @param store - room store, read for the room the composer is writing into.
+		* @returns the disposer.
+		*/
+		const registerMessageSource = (inputTriggers, store) => {
+			const source = {
+				trigger: "@",
+				name: SOURCE_NAME,
+				order: 30,
+				showGroupTitle: true,
+				async candidates(_session, request) {
+					const roomId = store.getState().activeRoomId;
+					if (roomId === void 0) return [];
+					const page = await listEvents(roomId);
+					const needle = request.query.trim().toLowerCase();
+					const out = [];
+					for (const record of [...page.events].reverse()) {
+						if (request.signal.aborted) break;
+						const row = rowOf(roomId, record);
+						if (row === void 0) continue;
+						if (needle.length > 0 && !row.resolved.text.toLowerCase().includes(needle)) continue;
+						resolved.set(row.ref, row.resolved);
+						out.push({
+							name: row.name,
+							label: row.name,
+							description: row.description,
+							icon: "session",
+							value: row.ref
+						});
+						if (out.length >= MAX_CANDIDATES) break;
+					}
+					return out;
+				},
+				onPick(pick) {
+					const ref = pick.candidate.value;
+					if (ref === void 0) return void 0;
+					const found = resolved.get(ref);
+					if (found === void 0) return void 0;
+					return { insert: {
+						source: SOURCE_NAME,
+						ref,
+						label: found.label,
+						appearance: "session",
+						clipboardText: `@${found.label}`
+					} };
+				},
+				codec: {
+					clipboardText: (ref) => {
+						const found = resolved.get(ref);
+						return found === void 0 ? ref : `@${found.label}`;
+					},
+					serialize: (ref) => {
+						const found = resolved.get(ref);
+						if (found === void 0) return Promise.resolve(ref);
+						const speaker = found.authorName === void 0 ? "" : `${found.authorName}：`;
+						return Promise.resolve(`> ${speaker}${found.text}`);
+					}
+				}
+			};
+			return inputTriggers.registerSource(source);
+		};
+		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* Group-chat copy, in the shape every locale-backed DSH client plugin uses: one
@@ -4257,7 +4287,7 @@ window.__ModuleLoader__.load({
 			roomName: "Room name",
 			create: "Create",
 			search: "Search rooms",
-			searchPlaceholder: "Search rooms…",
+			searchPlaceholder: "Search rooms or messages…",
 			searchClear: "Clear search",
 			searchEmpty: "No room matches",
 			discoverHeading: "Rooms you can join",
@@ -4408,7 +4438,7 @@ window.__ModuleLoader__.load({
 			roomName: "群聊名称",
 			create: "创建",
 			search: "搜索群聊",
-			searchPlaceholder: "搜索群聊…",
+			searchPlaceholder: "搜索群聊或消息…",
 			searchClear: "清除搜索",
 			searchEmpty: "无匹配结果",
 			discoverHeading: "可以加入的群聊",
@@ -4835,6 +4865,8 @@ window.__ModuleLoader__.load({
 					release();
 				};
 			});
+			const inputTriggers = ctx.get("inputTriggers");
+			if (inputTriggers !== void 0) ctx.effect(() => registerMessageSource(inputTriggers, store));
 			ctx.effect(() => ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: QUOTE_DOCK_ID,