@sparkelf/dsh-group-chat 0.5.2 → 0.5.4

package/lib/client.js

@@ -513,11 +513,11 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Avatar_module_css_default = {
-			"stack": "Ohch6W_stack",
-			"avatar": "Ohch6W_avatar",
+			"over": "Ohch6W_over",
 			"md": "Ohch6W_md",
 			"sm": "Ohch6W_sm",
-			"over": "Ohch6W_over"
+			"avatar": "Ohch6W_avatar",
+			"stack": "Ohch6W_stack"
 		};
 		//#endregion
 		//#region src/client/Avatar.tsx
@@ -557,13 +557,13 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Picker_module_css_default = {
+			"row": "sKjJ-a_row",
+			"note": "sKjJ-a_note",
+			"list": "sKjJ-a_list",
 			"rowActive": "sKjJ-a_rowActive",
 			"box": "sKjJ-a_box",
 			"label": "sKjJ-a_label",
-			"secondary": "sKjJ-a_secondary",
-			"list": "sKjJ-a_list",
-			"note": "sKjJ-a_note",
-			"row": "sKjJ-a_row"
+			"secondary": "sKjJ-a_secondary"
 		};
 		//#endregion
 		//#region src/client/Picker.tsx
@@ -736,11 +736,11 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var PresetSelect_module_css_default = {
-			"trigger": "xjnmxG_trigger",
-			"name": "xjnmxG_name",
-			"description": "xjnmxG_description",
 			"row": "xjnmxG_row",
-			"triggerLabel": "xjnmxG_triggerLabel"
+			"description": "xjnmxG_description",
+			"triggerLabel": "xjnmxG_triggerLabel",
+			"trigger": "xjnmxG_trigger",
+			"name": "xjnmxG_name"
 		};
 		//#endregion
 		//#region src/client/PresetSelect.tsx
@@ -828,6 +828,36 @@ window.__ModuleLoader__.load({
 			});
 		};
 		//#endregion
+		//#region src/session-id.ts
+		/**
+		* The room/session binding, shared by both halves of the plugin.
+		*
+		* The browser half needs it to open a room's Session; the host half needs it to create and
+		* recognize one. It lives in its own module because the two halves are built for different
+		* runtimes: importing it from the host entry would drag the whole server side into the client
+		* bundle, which the build's platform guard refuses — correctly, since none of it can run there.
+		*
+		* @module @sparkelf/dsh-group-chat/session-id
+		*/
+		/**
+		* Every room session id starts with this, so a room's session is recognizable after a restart
+		* and an ordinary session never matches.
+		*
+		* The binding lives in the id rather than in `SessionHeader` because the header carries no
+		* free-form metadata field.
+		*/
+		const ROOM_SESSION_PREFIX = "group-room-";
+		/** Deterministic session id for a room. */
+		const roomSessionId = (roomId) => `${ROOM_SESSION_PREFIX}${roomId}`;
+		/** Reads the room a session is bound to, or `undefined` for an ordinary session. */
+		const roomIdOfSession = (session) => {
+			if (typeof session !== "object" || session === null) return void 0;
+			const id = session.id;
+			if (typeof id !== "string" || !id.startsWith("group-room-")) return void 0;
+			const roomId = id.slice(11);
+			return roomId.length > 0 ? roomId : void 0;
+		};
+		//#endregion
 		//#region src/client/store.ts
 		/**
 		* The room list both client surfaces read.
@@ -842,16 +872,12 @@ window.__ModuleLoader__.load({
 		*
 		* @module @sparkelf/dsh-group-chat/client/store
 		*/
-		/**
-		* Create the shared store.
-		* @returns a store whose `getState` returns a stable reference between changes, which is
-		*   what `useSyncExternalStore` requires to avoid a render loop.
-		*/
-		function createRoomStore() {
+		function createRoomStore(deps = {}) {
 			let state = {
 				rooms: void 0,
 				activeRoomId: void 0,
 				failure: void 0,
+				openFailure: void 0,
 				searchQuery: "",
 				selfId: void 0,
 				administrator: false,
@@ -918,6 +944,7 @@ window.__ModuleLoader__.load({
 				open: (roomId) => {
 					set({
 						activeRoomId: roomId,
+						openFailure: void 0,
 						...state.rooms === void 0 ? {} : { rooms: state.rooms.map((room) => room.id === roomId ? {
 							...room,
 							unreadCount: 0,
@@ -925,6 +952,13 @@ window.__ModuleLoader__.load({
 						} : room) }
 					});
 					loadMembersInto(roomId);
+					const sessionId = roomSessionId(roomId);
+					try {
+						deps.openSession?.(sessionId);
+					} catch (error) {
+						console.error("[group-chat] selecting the room session failed", sessionId, error);
+						set({ openFailure: "roomOpenFailed" });
+					}
 				},
 				discover: async (query) => {
 					try {
@@ -1005,23 +1039,23 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var CreateRoomDialog_module_css_default = {
-			"field": "Z3w8WW_field",
+			"memberName": "Z3w8WW_memberName",
+			"body": "Z3w8WW_body",
+			"memberBadge": "Z3w8WW_memberBadge",
+			"label": "Z3w8WW_label",
+			"error": "Z3w8WW_error",
+			"pill": "Z3w8WW_pill",
+			"memberList": "Z3w8WW_memberList",
 			"footer": "Z3w8WW_footer",
-			"triggerExtra": "Z3w8WW_triggerExtra",
+			"switches": "Z3w8WW_switches",
 			"policyRow": "Z3w8WW_policyRow",
-			"pillActive": "Z3w8WW_pillActive",
-			"memberRow": "Z3w8WW_memberRow",
-			"memberList": "Z3w8WW_memberList",
 			"warn": "Z3w8WW_warn",
-			"notice": "Z3w8WW_notice",
-			"pill": "Z3w8WW_pill",
-			"error": "Z3w8WW_error",
-			"label": "Z3w8WW_label",
-			"body": "Z3w8WW_body",
-			"switches": "Z3w8WW_switches",
+			"field": "Z3w8WW_field",
 			"hint": "Z3w8WW_hint",
-			"memberName": "Z3w8WW_memberName",
-			"memberBadge": "Z3w8WW_memberBadge"
+			"pillActive": "Z3w8WW_pillActive",
+			"notice": "Z3w8WW_notice",
+			"memberRow": "Z3w8WW_memberRow",
+			"triggerExtra": "Z3w8WW_triggerExtra"
 		};
 		//#endregion
 		//#region src/client/CreateRoomDialog.tsx
@@ -1288,28 +1322,28 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var InviteDialog_module_css_default = {
-			"chip": "r4uCba_chip",
 			"rowHandle": "r4uCba_rowHandle",
-			"searchRow": "r4uCba_searchRow",
-			"chipName": "r4uCba_chipName",
-			"row": "r4uCba_row",
-			"field": "r4uCba_field",
-			"chips": "r4uCba_chips",
-			"note": "r4uCba_note",
 			"error": "r4uCba_error",
-			"check": "r4uCba_check",
 			"inviteSpin": "r4uCba_inviteSpin",
-			"content": "r4uCba_content",
 			"search": "r4uCba_search",
-			"visuallyHidden": "r4uCba_visuallyHidden",
-			"spinner": "r4uCba_spinner",
 			"dialog": "r4uCba_dialog",
-			"checkHidden": "r4uCba_checkHidden",
-			"errorRow": "r4uCba_errorRow",
+			"row": "r4uCba_row",
+			"rowSelected": "r4uCba_rowSelected",
+			"check": "r4uCba_check",
 			"chipRemove": "r4uCba_chipRemove",
+			"errorRow": "r4uCba_errorRow",
+			"spinner": "r4uCba_spinner",
+			"list": "r4uCba_list",
+			"field": "r4uCba_field",
+			"note": "r4uCba_note",
+			"content": "r4uCba_content",
+			"chips": "r4uCba_chips",
+			"chip": "r4uCba_chip",
+			"chipName": "r4uCba_chipName",
+			"checkHidden": "r4uCba_checkHidden",
+			"visuallyHidden": "r4uCba_visuallyHidden",
 			"rowName": "r4uCba_rowName",
-			"rowSelected": "r4uCba_rowSelected",
-			"list": "r4uCba_list"
+			"searchRow": "r4uCba_searchRow"
 		};
 		//#endregion
 		//#region src/client/RoomDialogs.tsx
@@ -1926,67 +1960,67 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SidebarRooms_module_css_default = {
-			"discoverMeta": "s0QgKq_discoverMeta",
-			"root": "s0QgKq_root",
-			"joinButton": "s0QgKq_joinButton",
-			"sectionHeader": "s0QgKq_sectionHeader",
-			"menuHeading": "s0QgKq_menuHeading",
-			"discoverHeading": "s0QgKq_discoverHeading",
-			"railButton": "s0QgKq_railButton",
-			"searchButton": "s0QgKq_searchButton",
-			"searchExpanded": "s0QgKq_searchExpanded",
-			"check": "s0QgKq_check",
-			"rowWrap": "s0QgKq_rowWrap",
-			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
-			"menu": "s0QgKq_menu",
-			"hit": "s0QgKq_hit",
-			"discoverName": "s0QgKq_discoverName",
-			"fade": "s0QgKq_fade",
+			"empty": "s0QgKq_empty",
+			"leaveCopy": "s0QgKq_leaveCopy",
 			"flatList": "s0QgKq_flatList",
-			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
-			"hitAuthor": "s0QgKq_hitAuthor",
-			"menuItem": "s0QgKq_menuItem",
-			"time": "s0QgKq_time",
-			"unread": "s0QgKq_unread",
-			"viewWrap": "s0QgKq_viewWrap",
-			"list": "s0QgKq_list",
 			"menuLayer": "s0QgKq_menuLayer",
-			"menuConfirm": "s0QgKq_menuConfirm",
-			"headerActions": "s0QgKq_headerActions",
-			"visuallyHidden": "s0QgKq_visuallyHidden",
-			"unreadMentioned": "s0QgKq_unreadMentioned",
-			"leaveRoomName": "s0QgKq_leaveRoomName",
-			"iconButton": "s0QgKq_iconButton",
-			"mark": "s0QgKq_mark",
-			"sessionRowSelected": "s0QgKq_sessionRowSelected",
-			"discoverSection": "s0QgKq_discoverSection",
+			"menuRename": "s0QgKq_menuRename",
+			"discoverMeta": "s0QgKq_discoverMeta",
+			"menuInput": "s0QgKq_menuInput",
+			"hitRoom": "s0QgKq_hitRoom",
+			"searchInput": "s0QgKq_searchInput",
+			"discoverName": "s0QgKq_discoverName",
+			"search": "s0QgKq_search",
 			"clearButton": "s0QgKq_clearButton",
-			"menuCancel": "s0QgKq_menuCancel",
-			"footer": "s0QgKq_footer",
 			"rowIcon": "s0QgKq_rowIcon",
 			"emptyState": "s0QgKq_emptyState",
+			"menu": "s0QgKq_menu",
 			"leaveError": "s0QgKq_leaveError",
-			"title": "s0QgKq_title",
-			"hitRoom": "s0QgKq_hitRoom",
-			"resizer": "s0QgKq_resizer",
 			"sectionLabel": "s0QgKq_sectionLabel",
-			"menuRename": "s0QgKq_menuRename",
+			"fade": "s0QgKq_fade",
+			"unread": "s0QgKq_unread",
+			"viewWrap": "s0QgKq_viewWrap",
 			"sessionRow": "s0QgKq_sessionRow",
+			"menuHeading": "s0QgKq_menuHeading",
+			"discoverSection": "s0QgKq_discoverSection",
+			"mark": "s0QgKq_mark",
+			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"iconButton": "s0QgKq_iconButton",
+			"root": "s0QgKq_root",
+			"list": "s0QgKq_list",
+			"joinButton": "s0QgKq_joinButton",
+			"hitAuthor": "s0QgKq_hitAuthor",
+			"searchExpanded": "s0QgKq_searchExpanded",
+			"sessionRowSelected": "s0QgKq_sessionRowSelected",
+			"headerActions": "s0QgKq_headerActions",
+			"hit": "s0QgKq_hit",
 			"searchSlot": "s0QgKq_searchSlot",
-			"menuInput": "s0QgKq_menuInput",
-			"searchInput": "s0QgKq_searchInput",
+			"check": "s0QgKq_check",
+			"discoverHeading": "s0QgKq_discoverHeading",
+			"menuCancel": "s0QgKq_menuCancel",
+			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
 			"hitText": "s0QgKq_hitText",
-			"menuInline": "s0QgKq_menuInline",
-			"hitList": "s0QgKq_hitList",
+			"footer": "s0QgKq_footer",
+			"visuallyHidden": "s0QgKq_visuallyHidden",
+			"leaveRoomName": "s0QgKq_leaveRoomName",
+			"menuItem": "s0QgKq_menuItem",
+			"railButton": "s0QgKq_railButton",
 			"menuActions": "s0QgKq_menuActions",
-			"leaveCopy": "s0QgKq_leaveCopy",
+			"menuInline": "s0QgKq_menuInline",
+			"rowWrap": "s0QgKq_rowWrap",
+			"searchButton": "s0QgKq_searchButton",
 			"listArea": "s0QgKq_listArea",
-			"hitHead": "s0QgKq_hitHead",
-			"search": "s0QgKq_search",
+			"menuConfirm": "s0QgKq_menuConfirm",
 			"discoverRow": "s0QgKq_discoverRow",
+			"resizer": "s0QgKq_resizer",
+			"hitHead": "s0QgKq_hitHead",
+			"hitList": "s0QgKq_hitList",
 			"leaveBody": "s0QgKq_leaveBody",
 			"hitHint": "s0QgKq_hitHint",
-			"empty": "s0QgKq_empty"
+			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
+			"title": "s0QgKq_title",
+			"time": "s0QgKq_time",
+			"sectionHeader": "s0QgKq_sectionHeader"
 		};
 		//#endregion
 		//#region src/client/SidebarRooms.tsx
@@ -2086,7 +2120,7 @@ window.__ModuleLoader__.load({
 					}
 				});
 			}
-			const { rooms, activeRoomId, failure, searchQuery, discoverable } = (0, react.useSyncExternalStore)(store.subscribe, store.getState, store.getState);
+			const { rooms, activeRoomId, failure, openFailure, searchQuery, discoverable } = (0, react.useSyncExternalStore)(store.subscribe, store.getState, store.getState);
 			const [searchExpanded, setSearchExpanded] = (0, react.useState)(false);
 			const [viewOpen, setViewOpen] = (0, react.useState)(false);
 			const [orderBy, setOrderBy] = (0, react.useState)("updated");
@@ -2426,6 +2460,11 @@ window.__ModuleLoader__.load({
 										className: SidebarRooms_module_css_default.empty,
 										children: t(failure)
 									}),
+									openFailure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: SidebarRooms_module_css_default.empty,
+										role: "alert",
+										children: t(openFailure)
+									}),
 									failure === void 0 && rooms === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 										className: SidebarRooms_module_css_default.empty,
 										children: t("loading")
@@ -3079,20 +3118,20 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MessageSide_module_css_default = {
-			"rowActionsSelf": "KXabfq_rowActionsSelf",
-			"quoteBody": "KXabfq_quoteBody",
-			"author": "KXabfq_author",
 			"otherRow": "KXabfq_otherRow",
-			"selfRow": "KXabfq_selfRow",
-			"rowBody": "KXabfq_rowBody",
-			"quoteBar": "KXabfq_quoteBar",
+			"quoteText": "KXabfq_quoteText",
+			"quoteAuthor": "KXabfq_quoteAuthor",
 			"rowActions": "KXabfq_rowActions",
+			"author": "KXabfq_author",
 			"replyButton": "KXabfq_replyButton",
+			"selfRow": "KXabfq_selfRow",
+			"rowBody": "KXabfq_rowBody",
 			"selfBody": "KXabfq_selfBody",
-			"authorName": "KXabfq_authorName",
-			"quoteText": "KXabfq_quoteText",
-			"quoteAuthor": "KXabfq_quoteAuthor",
-			"quoteMark": "KXabfq_quoteMark"
+			"quoteBar": "KXabfq_quoteBar",
+			"quoteMark": "KXabfq_quoteMark",
+			"rowActionsSelf": "KXabfq_rowActionsSelf",
+			"quoteBody": "KXabfq_quoteBody",
+			"authorName": "KXabfq_authorName"
 		};
 		//#endregion
 		//#region src/client/MessageSide.tsx
@@ -3342,36 +3381,6 @@ window.__ModuleLoader__.load({
 			});
 		};
 		//#endregion
-		//#region src/session-id.ts
-		/**
-		* The room/session binding, shared by both halves of the plugin.
-		*
-		* The browser half needs it to open a room's Session; the host half needs it to create and
-		* recognize one. It lives in its own module because the two halves are built for different
-		* runtimes: importing it from the host entry would drag the whole server side into the client
-		* bundle, which the build's platform guard refuses — correctly, since none of it can run there.
-		*
-		* @module @sparkelf/dsh-group-chat/session-id
-		*/
-		/**
-		* Every room session id starts with this, so a room's session is recognizable after a restart
-		* and an ordinary session never matches.
-		*
-		* The binding lives in the id rather than in `SessionHeader` because the header carries no
-		* free-form metadata field.
-		*/
-		const ROOM_SESSION_PREFIX = "group-room-";
-		/** Deterministic session id for a room. */
-		const roomSessionId = (roomId) => `${ROOM_SESSION_PREFIX}${roomId}`;
-		/** Reads the room a session is bound to, or `undefined` for an ordinary session. */
-		const roomIdOfSession = (session) => {
-			if (typeof session !== "object" || session === null) return void 0;
-			const id = session.id;
-			if (typeof id !== "string" || !id.startsWith("group-room-")) return void 0;
-			const roomId = id.slice(11);
-			return roomId.length > 0 ? roomId : void 0;
-		};
-		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/MembersPanel.module.css.mjs
 		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";
@@ -3383,46 +3392,46 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MembersPanel_module_css_default = {
-			"textarea": "VeQVAa_textarea",
+			"linkButton": "VeQVAa_linkButton",
+			"filePicker": "VeQVAa_filePicker",
+			"fileButton": "VeQVAa_fileButton",
+			"crumbGroup": "VeQVAa_crumbGroup",
+			"sectionToggle": "VeQVAa_sectionToggle",
+			"section": "VeQVAa_section",
+			"search": "VeQVAa_search",
+			"sectionBody": "VeQVAa_sectionBody",
+			"crumb": "VeQVAa_crumb",
+			"sectionHeader": "VeQVAa_sectionHeader",
 			"previewHeader": "VeQVAa_previewHeader",
-			"error": "VeQVAa_error",
-			"previewClose": "VeQVAa_previewClose",
+			"refresh": "VeQVAa_refresh",
 			"announcementText": "VeQVAa_announcementText",
-			"crumb": "VeQVAa_crumb",
+			"fileIcon": "VeQVAa_fileIcon",
+			"previewClose": "VeQVAa_previewClose",
+			"unavailable": "VeQVAa_unavailable",
+			"editorFooter": "VeQVAa_editorFooter",
+			"row": "VeQVAa_row",
+			"crumbs": "VeQVAa_crumbs",
+			"count": "VeQVAa_count",
+			"list": "VeQVAa_list",
+			"root": "VeQVAa_root",
 			"searchToggle": "VeQVAa_searchToggle",
+			"textarea": "VeQVAa_textarea",
+			"crumbSep": "VeQVAa_crumbSep",
+			"notice": "VeQVAa_notice",
 			"editor": "VeQVAa_editor",
-			"sectionToggle": "VeQVAa_sectionToggle",
-			"name": "VeQVAa_name",
+			"ownerTag": "VeQVAa_ownerTag",
 			"sectionLabel": "VeQVAa_sectionLabel",
-			"caret": "VeQVAa_caret",
-			"notice": "VeQVAa_notice",
-			"row": "VeQVAa_row",
-			"refresh": "VeQVAa_refresh",
-			"preview": "VeQVAa_preview",
-			"previewTitle": "VeQVAa_previewTitle",
+			"previewBody": "VeQVAa_previewBody",
+			"remove": "VeQVAa_remove",
 			"fileSize": "VeQVAa_fileSize",
-			"search": "VeQVAa_search",
-			"crumbGroup": "VeQVAa_crumbGroup",
-			"unavailable": "VeQVAa_unavailable",
-			"fileIcon": "VeQVAa_fileIcon",
-			"previewImage": "VeQVAa_previewImage",
-			"list": "VeQVAa_list",
-			"filePicker": "VeQVAa_filePicker",
 			"hint": "VeQVAa_hint",
-			"count": "VeQVAa_count",
+			"caret": "VeQVAa_caret",
+			"previewImage": "VeQVAa_previewImage",
 			"selfTag": "VeQVAa_selfTag",
-			"section": "VeQVAa_section",
-			"previewBody": "VeQVAa_previewBody",
-			"crumbSep": "VeQVAa_crumbSep",
-			"root": "VeQVAa_root",
-			"sectionHeader": "VeQVAa_sectionHeader",
-			"editorFooter": "VeQVAa_editorFooter",
-			"linkButton": "VeQVAa_linkButton",
-			"crumbs": "VeQVAa_crumbs",
-			"fileButton": "VeQVAa_fileButton",
-			"remove": "VeQVAa_remove",
-			"sectionBody": "VeQVAa_sectionBody",
-			"ownerTag": "VeQVAa_ownerTag"
+			"name": "VeQVAa_name",
+			"previewTitle": "VeQVAa_previewTitle",
+			"error": "VeQVAa_error",
+			"preview": "VeQVAa_preview"
 		};
 		//#endregion
 		//#region src/client/MembersPanel.tsx
@@ -4046,10 +4055,10 @@ window.__ModuleLoader__.load({
 		}
 		var GuideEntry_module_css_default = {
 			"title": "_0Vnsuq_title",
-			"text": "_0Vnsuq_text",
-			"icon": "_0Vnsuq_icon",
 			"entry": "_0Vnsuq_entry",
-			"description": "_0Vnsuq_description"
+			"icon": "_0Vnsuq_icon",
+			"description": "_0Vnsuq_description",
+			"text": "_0Vnsuq_text"
 		};
 		//#endregion
 		//#region src/client/GuideEntry.tsx
@@ -4116,13 +4125,13 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var QuoteComposer_module_css_default = {
+			"dismiss": "AK6KxW_dismiss",
+			"button": "AK6KxW_button",
 			"author": "AK6KxW_author",
-			"bar": "AK6KxW_bar",
-			"text": "AK6KxW_text",
 			"body": "AK6KxW_body",
-			"dismiss": "AK6KxW_dismiss",
 			"mark": "AK6KxW_mark",
-			"button": "AK6KxW_button"
+			"text": "AK6KxW_text",
+			"bar": "AK6KxW_bar"
 		};
 		//#endregion
 		//#region src/client/QuoteComposer.tsx
@@ -4197,9 +4206,9 @@ window.__ModuleLoader__.load({
 		* @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";
+		const SOURCE_NAME$1 = "@sparkelf/dsh-group-chat/message";
 		/** How many messages the menu offers at once. */
-		const MAX_CANDIDATES = 20;
+		const MAX_CANDIDATES$1 = 20;
 		/** How much of a message the menu row and the chip label show. */
 		const LABEL_CHARS = 28;
 		/**
@@ -4255,7 +4264,7 @@ window.__ModuleLoader__.load({
 		const registerMessageSource = (inputTriggers, store) => {
 			const source = {
 				trigger: "@",
-				name: SOURCE_NAME,
+				name: SOURCE_NAME$1,
 				order: 30,
 				showGroupTitle: true,
 				async candidates(_session, request) {
@@ -4277,7 +4286,7 @@ window.__ModuleLoader__.load({
 							icon: "session",
 							value: row.ref
 						});
-						if (out.length >= MAX_CANDIDATES) break;
+						if (out.length >= MAX_CANDIDATES$1) break;
 					}
 					return out;
 				},
@@ -4287,7 +4296,7 @@ window.__ModuleLoader__.load({
 					const found = resolved.get(ref);
 					if (found === void 0) return void 0;
 					return { insert: {
-						source: SOURCE_NAME,
+						source: SOURCE_NAME$1,
 						ref,
 						label: found.label,
 						appearance: "session",
@@ -4310,6 +4319,115 @@ window.__ModuleLoader__.load({
 			return inputTriggers.registerSource(source);
 		};
 		//#endregion
+		//#region src/reference-ids.ts
+		/**
+		* Trigger-source identities shared by both halves of the package.
+		*
+		* The composer declares a mention with the source that produced the chip, and the Host routes
+		* only the ids that source owns, so the string is a contract rather than a label. It lives here
+		* so the client bundle and the host bundle cannot drift apart.
+		*
+		* @module @sparkelf/dsh-group-chat/reference-ids
+		*/
+		/** The `@` source whose picks are roster members. */
+		const MEMBER_MENTION_SOURCE = "@sparkelf/dsh-group-chat/member";
+		//#endregion
+		//#region src/client/mentionSource.ts
+		/**
+		* Build the member source for one room.
+		* @param members - the room roster.
+		* @param selfId - the caller's account id, excluded because mentioning yourself is not a way
+		*   to notify anyone; the host's self-mention route handles waking the agent separately.
+		* @returns id/name/avatar rows in roster order.
+		*/
+		function mentionSourceOf(members, selfId) {
+			return members.filter((member) => member.userId !== selfId).map((member) => ({
+				id: member.userId,
+				displayName: member.displayName.trim() === "" ? member.userId : member.displayName,
+				...member.avatarUrl === void 0 || member.avatarUrl === null || member.avatarUrl === "" ? {} : { avatarUrl: member.avatarUrl }
+			}));
+		}
+		//#endregion
+		//#region src/client/memberReference.ts
+		/**
+		* Room members as `@` mentions in the composer.
+		*
+		* The `@` menu is a multi-source pipeline: every source owns one group, and a pick becomes an
+		* official inline chip. A member is picked the same way a room message is, but the chip declares
+		* itself with `appearance: 'mention'`, which is what makes the composer hand the picked ids to the
+		* Host as `prompt.mentions` instead of leaving them to be re-parsed out of the prompt text. The
+		* Host's routing reads ids by design ("never parsed out of message text"): text parsing would
+		* misread a code sample containing `@` and would let any message smuggle itself into an execution
+		* path.
+		*
+		* The group appears only in a room: `candidates` answers an empty list everywhere else, and an
+		* empty group closes itself, so a normal session's `@` menu is unchanged.
+		*
+		* @module @sparkelf/dsh-group-chat/client/memberReference
+		*/
+		/** Unique source name; duplicate `(trigger, name)` pairs throw at registration. */
+		const SOURCE_NAME = MEMBER_MENTION_SOURCE;
+		/** How many members the menu offers at once. */
+		const MAX_CANDIDATES = 20;
+		/** Reference id → the display name the chip and the clipboard need. */
+		const names = /* @__PURE__ */ new Map();
+		/**
+		* Registers the room-member mention 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 registerMemberSource = (inputTriggers, store) => {
+			const source = {
+				trigger: "@",
+				name: SOURCE_NAME,
+				order: 20,
+				showGroupTitle: true,
+				async candidates(_session, request) {
+					const roomId = store.getState().activeRoomId;
+					if (roomId === void 0) return [];
+					const members = await listMembers(roomId);
+					const roster = mentionSourceOf(members);
+					const owners = new Set(members.filter((member) => member.owner).map((member) => member.userId));
+					const needle = request.query.trim().toLowerCase();
+					const out = [];
+					for (const member of roster) {
+						if (request.signal.aborted) break;
+						if (needle.length > 0 && !member.displayName.toLowerCase().includes(needle)) continue;
+						names.set(member.id, member.displayName);
+						out.push({
+							name: member.displayName,
+							...owners.has(member.id) ? { description: "群主" } : {},
+							icon: "mention",
+							value: member.id
+						});
+						if (out.length >= MAX_CANDIDATES) break;
+					}
+					return out;
+				},
+				onPick(pick) {
+					const memberId = pick.candidate.value;
+					if (memberId === void 0) return void 0;
+					const name = names.get(memberId) ?? pick.candidate.name;
+					return { insert: {
+						source: SOURCE_NAME,
+						ref: memberId,
+						label: name,
+						appearance: "mention",
+						clipboardText: `@${name}`
+					} };
+				},
+				codec: {
+					/** What lands in the draft and the clipboard: the human-facing mention. */
+					clipboardText: (ref) => `@${names.get(ref) ?? ref}`,
+					/** What the model reads in place of the chip. The id rides the prompt's `mentions`. */
+					serialize: (ref) => Promise.resolve(`@${names.get(ref) ?? ref}`)
+				}
+			};
+			return inputTriggers.registerSource(source);
+		};
+		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* Group-chat copy, in the shape every locale-backed DSH client plugin uses: one
@@ -4325,6 +4443,7 @@ window.__ModuleLoader__.load({
 			description: "Rooms this workspace has joined. @ yourself to make the agent answer; every other message is recorded and read, but nothing runs.",
 			loading: "Loading rooms…",
 			retry: "Retry",
+			roomOpenFailed: "Could not open this room. Please retry.",
 			emptyRooms: "No rooms yet",
 			createRoom: "New room",
 			roomName: "Room name",
@@ -4475,6 +4594,7 @@ window.__ModuleLoader__.load({
 			title: "群聊",
 			description: "本工作区已加入的群聊。@ 自己会触发 agent 应答；其他消息都会记录并进入上下文，但不执行。",
 			loading: "正在加载群聊…",
+			roomOpenFailed: "无法打开该房间，请稍后重试。",
 			retry: "重试",
 			emptyRooms: "暂无群聊",
 			createRoom: "新建群聊",
@@ -4690,7 +4810,9 @@ window.__ModuleLoader__.load({
 			"uiWorkspace",
 			"workspaces",
 			"sidebarRightTabs",
-			"sidebarRight"
+			"sidebarRight",
+			"sessions",
+			"layout"
 		];
 		/**
 		* Register the sidebar region and the room page.
@@ -4724,7 +4846,13 @@ window.__ModuleLoader__.load({
 			}), "group-chat: copy");
 			const t = ctx.locale.bind(NS);
 			const tPreset = ctx.locale.bind(PRESET_LOCALE_NS);
-			const base = createRoomStore();
+			const navigation = ctx.get("uiWorkspace");
+			if (navigation?.openSession === void 0) console.warn("[group-chat] uiWorkspace.openSession is unavailable; room selection cannot navigate");
+			const layout = ctx.get("layout");
+			const base = createRoomStore({ openSession: (sessionId) => {
+				navigation?.openSession?.(sessionId);
+				layout?.selectPanel?.(null);
+			} });
 			const quotes = createQuoteStore();
 			/**
 			* Drops the pending reply once the composer submits.
@@ -4992,7 +5120,10 @@ window.__ModuleLoader__.load({
 				};
 			});
 			const inputTriggers = ctx.get("inputTriggers");
-			if (inputTriggers !== void 0) ctx.effect(() => registerMessageSource(inputTriggers, store));
+			if (inputTriggers !== void 0) {
+				ctx.effect(() => registerMessageSource(inputTriggers, store));
+				ctx.effect(() => registerMemberSource(inputTriggers, store));
+			}
 			ctx.effect(() => ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: QUOTE_DOCK_ID,