@sparkelf/dsh-group-chat 0.0.0-stage → 0.1.1

package/lib/client.js

@@ -0,0 +1,4238 @@
+window.__ModuleLoader__.load({
+	id: "@sparkelf/dsh-group-chat",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_dom = require("react-dom");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/api.ts
+		/**
+		* Room-page transport.
+		*
+		* The browser talks only to the Host plugin's own route. The Host holds the
+		* workspace credential and forwards to the server under the workspace identity, so
+		* this module never sees a token and cannot disagree with the agent about who the
+		* caller is.
+		*
+		* @module @sparkelf/dsh-group-chat/client/api
+		*/
+		/** The Host route registered by this plugin's own Host half. */
+		const GC_API = "/dsh-group-chat/api";
+		/** A failure the page renders as copy rather than as an exception. */
+		var RoomError = class extends Error {
+			status;
+			constructor(message, status) {
+				super(message);
+				this.status = status;
+				this.name = "RoomError";
+			}
+		};
+		const call = async (path, init) => {
+			let response;
+			try {
+				response = await fetch(`${GC_API}${path}`, {
+					...init,
+					headers: {
+						...init?.body === void 0 ? {} : { "content-type": "application/json" },
+						...init?.headers
+					},
+					credentials: "same-origin"
+				});
+			} catch (cause) {
+				throw new RoomError("unreachable", 0);
+			}
+			if (!response.ok) {
+				const status = response.status;
+				if (status === 503) throw new RoomError("credentialMissing", status);
+				if (status === 401 || status === 403) throw new RoomError("credentialRejected", status);
+				if (status === 404) throw new RoomError("notConfigured", status);
+				if (status === 409) throw new RoomError("ownerCannotLeave", status);
+				throw new RoomError("unreachable", status);
+			}
+			if (response.status === 204) return void 0;
+			return await response.json();
+		};
+		/**
+		* The account this workspace acts as.
+		*
+		* The message renderer needs it to tell the operator's own messages from another member's,
+		* and the browser holds no credential of its own to ask DataOps directly — the Host resolves
+		* it from the same identity that decides message routing, so the two cannot disagree.
+		*
+		* @returns the account id, or `undefined` when the Host cannot identify this workspace.
+		*/
+		const readSelf = async () => {
+			try {
+				const me = await call("/me");
+				if (typeof me?.id !== "string" || me.id.length === 0) return void 0;
+				const administrator = Array.isArray(me.roleCodes) && me.roleCodes.some((code) => code === "管理员" || code === "超级管理员");
+				return {
+					id: me.id,
+					administrator
+				};
+			} catch {
+				return;
+			}
+		};
+		/** Rooms this workspace has joined. */
+		const listRooms = () => call("/rooms");
+		/**
+		* Rooms this account could join, as opposed to the ones it is already in.
+		*
+		* Kept separate from {@link listRooms} because the two answer different questions: the sidebar
+		* shows what you belong to, while this is consulted only when the operator is looking for
+		* something to join. Merging them would make every list read ask for rooms the account has no
+		* relationship with.
+		*
+		* @param query - optional narrowing keyword, applied by the server.
+		* @returns matching rooms, each carrying `joined` so the caller can tell them apart.
+		*/
+		const listDiscoverableRooms = (query) => {
+			const suffix = query === void 0 || query.trim().length === 0 ? "" : `?query=${encodeURIComponent(query.trim())}`;
+			return call(`/discover${suffix}`);
+		};
+		/**
+		* Take a seat in a room the server allows this account to join.
+		*
+		* The decision to allow it is the server's: it re-reads discoverability, invite policy and
+		* membership at the moment of the press, so a room offered a minute ago may still be refused.
+		* That refusal arrives as a `RoomError` and is shown as-is rather than being pre-empted here.
+		*
+		* @param roomId - the room to join.
+		* @returns the server's answer, including whether the account was already a member.
+		*/
+		const joinRoom = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}/join`, { method: "POST" });
+		const listMembers = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}/members`);
+		/**
+		* Accounts that match `query` and are not yet in the room.
+		*
+		* The search runs on the Host, which holds the credential: the browser has no DataOps token
+		* of its own, so a client-side filter over a full directory is not an option here. An empty
+		* query is valid and returns a browsable first page rather than nothing, which is what makes
+		* the picker usable before the operator has typed anything.
+		*/
+		const searchInviteCandidates = (roomId, query) => {
+			const suffix = query.length === 0 ? "" : `?q=${encodeURIComponent(query)}`;
+			return call(`/rooms/${encodeURIComponent(roomId)}/invite-candidates${suffix}`);
+		};
+		/** Preset names this deployment offers. An empty list means the picker falls back to typing. */
+		const readOptions = () => call("/options");
+		/** Child directories of `path`, for the working-directory picker. */
+		const listDirectories = (path) => {
+			const suffix = path === void 0 || path.length === 0 ? "" : `?path=${encodeURIComponent(path)}`;
+			return call(`/directories${suffix}`);
+		};
+		/**
+		* Create a room.
+		*
+		* `cwd` and the preset are sent at creation because they decide the scope every member
+		* will share; the server does not accept them afterwards.
+		*/
+		const createRoom = (name, execution) => call("/rooms", {
+			method: "POST",
+			body: JSON.stringify({
+				name,
+				...execution
+			})
+		});
+		/**
+		* Set or clear a room's announcement.
+		*
+		* Only the room owner may write it; the server decides that, so a refusal is surfaced as-is
+		* rather than pre-empted here. An empty string clears the announcement — the server stores
+		* that as no announcement, which is why the panel treats `''` and `null` alike when reading.
+		*
+		* @param roomId - the room whose announcement to write.
+		* @param announcement - the new text, or an empty string to clear it.
+		*/
+		const setAnnouncement = (roomId, announcement) => call(`/rooms/${encodeURIComponent(roomId)}/announcement`, {
+			method: "POST",
+			body: JSON.stringify({ announcement })
+		});
+		const updateRoom = (roomId, patch) => call(`/rooms/${encodeURIComponent(roomId)}/update`, {
+			method: "POST",
+			body: JSON.stringify(patch)
+		});
+		/**
+		* Hand ownership of a room to another member.
+		*
+		* The reason this exists at all is that a room's owner cannot leave it: leaving would strand the
+		* room with nobody able to change its settings. Transferring is the way out, so the server owns
+		* the rule (owner only, target must be a member) and this only carries the request.
+		*/
+		const transferOwnership = (roomId, userId) => call(`/rooms/${encodeURIComponent(roomId)}/transfer`, {
+			method: "POST",
+			body: JSON.stringify({ userId })
+		});
+		const inviteMembers = (roomId, userIds) => call(`/rooms/${encodeURIComponent(roomId)}/members`, {
+			method: "POST",
+			body: JSON.stringify({ userIds })
+		});
+		const leaveRoom = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}/members/me`, { method: "DELETE" });
+		/** Reads the stored preferences. Never fails: an unreadable file reads as "nothing saved". */
+		const readPreferences = async () => {
+			try {
+				return await call("/preferences");
+			} catch {
+				return {};
+			}
+		};
+		/** Stores the preferences and returns what the host settled on, clamped. */
+		const savePreferences = (patch) => call("/preferences", {
+			method: "PATCH",
+			body: JSON.stringify(patch)
+		});
+		/**
+		* List a room's shared folder.
+		*
+		* An empty `path` means this deployment has no shared tree, which the panel renders as
+		* "not available" rather than as an empty folder — the two read differently to a member.
+		*/
+		const listRoomFiles = (roomId, path) => call(`/rooms/${encodeURIComponent(roomId)}/files${path === void 0 || path.length === 0 ? "" : `?path=${encodeURIComponent(path)}`}`);
+		/** Read one file out of a room's shared folder. */
+		const getRoomFile = (roomId, path) => call(`/rooms/${encodeURIComponent(roomId)}/file-content?path=${encodeURIComponent(path)}`);
+		/**
+		* Upload one file into a room's shared folder.
+		*
+		* Base64 in JSON rather than multipart: the plugin's request path reads one JSON envelope for
+		* every operation, and a second body format would need its own parser, limits, and error
+		* mapping for no gain.
+		*
+		* @param roomId - the room whose folder receives the file.
+		* @param file - the browser's File object.
+		* @returns the written file.
+		*/
+		const uploadRoomFile = async (roomId, file) => {
+			const buffer = new Uint8Array(await file.arrayBuffer());
+			let binary = "";
+			for (let index = 0; index < buffer.length; index += 1) binary += String.fromCharCode(buffer[index]);
+			return call(`/rooms/${encodeURIComponent(roomId)}/files`, {
+				method: "POST",
+				body: JSON.stringify({
+					name: file.name,
+					data: btoa(binary)
+				})
+			});
+		};
+		/**
+		* Remove one member from a room.
+		*
+		* The reserved word `me` keeps its meaning: removal always names another account, and the
+		* server rejects the owner as a target. Leaving therefore never goes through this call.
+		*/
+		const removeMember = (roomId, userId) => call(`/rooms/${encodeURIComponent(roomId)}/members/${encodeURIComponent(userId)}`, { method: "DELETE" });
+		/**
+		* Dissolve a room outright.
+		*
+		* Distinct from {@link leaveRoom}: leaving removes one membership and the room keeps existing
+		* for everyone else, while dissolving ends the room for every member. The server decides who
+		* may do it (the owner, or an administrator), so a refusal surfaces as copy rather than being
+		* pre-empted here.
+		*/
+		const dissolveRoom = (roomId) => call(`/rooms/${encodeURIComponent(roomId)}`, { method: "DELETE" });
+		//#endregion
+		//#region src/client/rows.ts
+		/**
+		* The decisions the plugin's components make without a browser.
+		*
+		* They live outside their components on purpose. The components import the official
+		* primitives, which bring CSS modules that this repository's test runner cannot transform,
+		* so anything worth asserting has to be reachable without mounting a component. That
+		* constraint turns out to match the risk: what an operator sees — which rows survive a
+		* query, what a picture falls back to, who carries the owner tag, whether an empty
+		* announcement area means "write one" or "this deployment cannot store one" — is exactly
+		* what goes wrong quietly, and it is all decidable from plain values.
+		*
+		* @module @sparkelf/dsh-group-chat/client/rows
+		*/
+		/**
+		* The locale namespace the shipped presets publish their names in.
+		*
+		* Read as a foreign namespace rather than one this plugin registers: `standard` and the other
+		* three are declared by the platform, and their copy is owned there. Reprinting that copy here
+		* would freeze today's wording and drift from the hero chip the moment the platform changes it.
+		*/
+		const PRESET_LOCALE_NS = "settings.agentPreset";
+		/** Locale keys the shipped presets use, keyed by the id the registry publishes. */
+		const BUILT_IN_PRESET_KEYS = {
+			standard: {
+				name: "presetStandardName",
+				description: "presetStandardDescription"
+			},
+			ptc: {
+				name: "presetPtcName",
+				description: "presetPtcDescription"
+			},
+			minimal: {
+				name: "presetMinimalName",
+				description: "presetMinimalDescription"
+			},
+			cordis: {
+				name: "presetCordisName",
+				description: "presetCordisDescription"
+			}
+		};
+		/**
+		* A preset's display copy, following the platform's own rule.
+		*
+		* A shipped preset publishes no `name`, so its copy is a locale lookup; a preset that names
+		* itself in YAML owns its own words and is never translated. The split matters because the two
+		* arrive as the same `{ id, name? }` shape — treating a published name as a locale key would
+		* render the key itself, and treating a shipped id as self-named would render `standard`.
+		*
+		* @param preset - one roster row.
+		* @param t - lookup for the preset locale namespace; a missing key resolves to the key, so the
+		* fallback below is what keeps a renamed platform key from reaching the operator.
+		* @returns the name and optional description to draw.
+		*/
+		const presetDisplay = (preset, t) => {
+			const keys = preset.name === void 0 ? BUILT_IN_PRESET_KEYS[preset.id] : void 0;
+			if (keys === void 0) return {
+				name: preset.name ?? preset.id,
+				...preset.description === void 0 ? {} : { description: preset.description }
+			};
+			const name = t(keys.name);
+			const description = t(keys.description);
+			return {
+				name: name === keys.name ? preset.id : name,
+				...description === keys.description ? {} : { description }
+			};
+		};
+		/**
+		* Filter rows by what the operator typed.
+		*
+		* Matching happens here rather than only at the source because the source's answer arrives a
+		* debounce behind the keystroke; re-filtering the rows already held narrows the list on the
+		* same frame instead of one request later. `secondary` participates because a member's handle
+		* is often what the operator knows them by.
+		*
+		* @param options - the rows currently held.
+		* @param query - the raw input.
+		* @returns the rows to draw, in their original order.
+		*/
+		const filterOptions = (options, query) => {
+			const needle = query.trim().toLowerCase();
+			if (needle.length === 0) return options;
+			return options.filter((option) => option.label.toLowerCase().includes(needle) || (option.secondary ?? "").toLowerCase().includes(needle));
+		};
+		/**
+		* Add or remove one person from the invite selection.
+		*
+		* The selection is kept apart from the search result rows because the two answer different
+		* questions: the rows are "what the current query found", while the selection is "who will be
+		* invited". A narrowed query legitimately hides a person already picked, and deriving the
+		* selection from the visible rows would drop them the moment the operator typed another name.
+		*
+		* The row is stored whole, not by id, so a chip can still draw the name and picture after the
+		* search that produced it has been replaced.
+		*
+		* @param chosen - the current selection, in pick order.
+		* @param candidate - the row the operator pressed.
+		* @returns the new selection; a second press on the same id removes it, and identity is stable
+		*   when the press changed nothing.
+		*/
+		const toggleChosen = (chosen, candidate) => chosen.some((member) => member.userId === candidate.userId) ? chosen.filter((member) => member.userId !== candidate.userId) : [...chosen, candidate];
+		/**
+		* Narrow the invite candidates to what the operator typed.
+		*
+		* The same rule the server applies, applied again to the rows already held, for one reason:
+		* the server's answer arrives a debounce behind the keystroke, and the list would otherwise
+		* sit still while the operator types. Re-filtering locally makes the narrowing immediate; the
+		* server request still happens, and its answer replaces these rows a moment later.
+		*
+		* Both the display name and the handle participate, because the handle is often what a
+		* colleague is known by — the server's search matches the same pair.
+		*
+		* @param candidates - the rows currently held, from the last answer.
+		* @param query - the raw input.
+		* @returns the rows to draw, in their original order.
+		*/
+		const filterCandidates = (candidates, query) => {
+			const needle = query.trim().toLowerCase();
+			if (needle.length === 0) return candidates;
+			return candidates.filter((candidate) => candidate.displayName.toLowerCase().includes(needle) || candidate.username.toLowerCase().includes(needle));
+		};
+		/**
+		* Whether one candidate row is part of the selection.
+		*
+		* @param chosen - the current selection.
+		* @param userId - the row's account id.
+		* @returns whether the row draws as selected.
+		*/
+		const isChosen = (chosen, userId) => chosen.some((member) => member.userId === userId);
+		/**
+		* Up to two initials from a display name.
+		*
+		* Names arriving here are DataOps display names, which are as often Chinese as Latin. A CJK
+		* name has no spaces to split on, so the first two characters are taken as-is; a Latin name
+		* takes the first letter of its first two words. Both paths return at most two glyphs, which
+		* is what keeps the circle from overflowing at either size.
+		*
+		* @param name - the display name, possibly empty.
+		* @returns one or two characters, or `'?'` when the name carries nothing to draw.
+		*/
+		const initialsOf = (name) => {
+			const trimmed = name.trim();
+			if (trimmed.length === 0) return "?";
+			if (/^[\u3400-\u9fff\uf900-\ufaff]/u.test(trimmed)) return [...trimmed].slice(0, 2).join("");
+			const words = trimmed.split(/\s+/u).filter((word) => word.length > 0);
+			if (words.length === 1) return [...words[0]].slice(0, 2).join("").toUpperCase();
+			return (words[0][0] + words[1][0]).toUpperCase();
+		};
+		/**
+		* The rooms worth offering as joinable.
+		*
+		* Two filters, for two different failures. `joined` is belt-and-braces: the Host already strips
+		* joined rooms from discovery, but this list arrives from a request the sidebar did not wait
+		* for, so a room the operator joined a moment ago can still be in the response.
+		*
+		* The member-id check covers the other window: the discovery read and the sidebar's own list
+		* come from separate requests, so a room can be in both for a moment. Without it the same room
+		* would appear twice, and the copy under the discovery heading would offer a Join button that
+		* can only fail.
+		*
+		* @param discoverable - what the discovery read returned.
+		* @param memberIds - ids of the rooms the sidebar is already showing.
+		* @returns the rooms to render under the discovery heading.
+		*/
+		const joinableRooms = (discoverable, memberIds) => discoverable.filter((room) => !room.joined && !memberIds.has(room.id));
+		/**
+		* Whether a member owns the room.
+		*
+		* `owner` is the field every server has ever sent, `role` is the one the announcement work
+		* added. Preferring `role` and falling back to `owner` keeps the tag correct against either
+		* server, and costs nothing: the two carry the same fact.
+		*
+		* @param member - one roster row.
+		* @returns whether the row is the room's owner.
+		*/
+		const memberIsOwner = (member) => member.role === void 0 ? member.owner === true : member.role === "owner";
+		/**
+		* Roster rows for the panel, owner pinned first.
+		*
+		* Only the owner is moved. Everyone else keeps the order the server sent, which is join
+		* order — a roster re-sorted alphabetically would scramble the one fact a reader can
+		* actually see in it (who has been here longest), and would do so differently for a CJK
+		* name than for a Latin one.
+		*
+		* @param members - the roster as the store holds it.
+		* @param selfId - this workspace's account id, `undefined` while identity is still unknown.
+		* @returns rows to draw.
+		*/
+		const memberRows = (members, selfId) => {
+			return members.map((member) => ({
+				userId: member.userId,
+				name: member.displayName.length > 0 ? member.displayName : member.userId,
+				avatarUrl: member.avatarUrl,
+				owner: memberIsOwner(member),
+				self: selfId !== void 0 && member.userId === selfId
+			})).slice().sort((left, right) => Number(right.owner) - Number(left.owner));
+		};
+		/**
+		* Narrow the roster to what the operator typed.
+		*
+		* The account id participates because it is what another member is often known by — the
+		* invite picker searches the handle for the same reason.
+		*
+		* @param rows - the roster rows currently held.
+		* @param query - the raw input.
+		* @returns rows to draw, in their order.
+		*/
+		const filterMemberRows = (rows, query) => {
+			const needle = query.trim().toLowerCase();
+			if (needle.length === 0) return rows;
+			return rows.filter((row) => row.name.toLowerCase().includes(needle) || row.userId.toLowerCase().includes(needle));
+		};
+		/**
+		* Read one room's announcement into the state its area draws.
+		*
+		* @param announcement - the room summary's field.
+		* @returns the state to render.
+		*/
+		const announcementView = (announcement) => {
+			if (announcement === void 0) return { state: "unavailable" };
+			const text = (announcement ?? "").trim();
+			return text.length === 0 ? { state: "empty" } : {
+				state: "text",
+				text
+			};
+		};
+		/**
+		* Whether a failed write means this deployment has no announcement feature.
+		*
+		* A rolled-back deployment answers the route with 404 (no route) or 501/405 (a route that
+		* refuses the method). Those are the only failures that should switch the area to
+		* "unavailable": a 401 or a 5xx is this request's problem, and reporting it as a missing
+		* feature would send the operator looking at the wrong thing.
+		*
+		* @param error - whatever the write threw.
+		* @returns whether the feature should be regarded as absent.
+		*/
+		const announcementMissing = (error) => error instanceof RoomError && (error.status === 404 || error.status === 405 || error.status === 501);
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/Avatar.module.css.mjs
+		const css$8 = ".Ohch6W_avatar{letter-spacing:.02em;color:#fff;background:var(--dsw-static-blue-600,#2563eb);user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.Ohch6W_md{width:30px;height:30px;font-size:12px;line-height:30px}.Ohch6W_sm{width:24px;height:24px;font-size:10px;line-height:24px}.Ohch6W_stack{flex:none;display:inline-flex;position:relative}.Ohch6W_over{background:0 0;position:absolute;inset:0}img.Ohch6W_avatar{object-fit:cover;background:0 0}";
+		const tagId$8 = "@sparkelf/dsh-group-chat/Avatar.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
+			document.head.appendChild(tag);
+		}
+		var Avatar_module_css_default = {
+			"sm": "Ohch6W_sm",
+			"over": "Ohch6W_over",
+			"md": "Ohch6W_md",
+			"avatar": "Ohch6W_avatar",
+			"stack": "Ohch6W_stack"
+		};
+		//#endregion
+		//#region src/client/Avatar.tsx
+		/** One member's picture, or their initials when there is no picture to show. */
+		const Avatar = (props) => {
+			const { name, src, size = "md" } = props;
+			const className = `${Avatar_module_css_default["avatar"]} ${size === "sm" ? Avatar_module_css_default["sm"] : Avatar_module_css_default["md"]}`;
+			const fallback = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className,
+				role: "img",
+				"aria-label": name,
+				children: initialsOf(name)
+			});
+			if (typeof src !== "string" || src.length === 0) return fallback;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: Avatar_module_css_default["stack"],
+				children: [fallback, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					className: `${Avatar_module_css_default["avatar"]} ${size === "sm" ? Avatar_module_css_default["sm"] : Avatar_module_css_default["md"]} ${Avatar_module_css_default["over"]}`,
+					src,
+					alt: "",
+					"aria-hidden": "true",
+					onError: (event) => {
+						event.currentTarget.style.display = "none";
+					}
+				})]
+			});
+		};
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/Picker.module.css.mjs
+		const css$7 = ".sKjJ-a_box{flex-direction:column;min-width:0;display:flex;position:relative}.sKjJ-a_list{z-index:10;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-base,var(--dsw-alias-interactive-bg-hover));max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000003d}.sKjJ-a_row,.sKjJ-a_rowActive{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:18px;display:flex}.sKjJ-a_rowActive{background:var(--dsw-alias-interactive-bg-hover)}.sKjJ-a_label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sKjJ-a_secondary{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.sKjJ-a_note{color:var(--dsw-alias-label-tertiary);margin:6px 8px;font-size:12px;line-height:17px}";
+		const tagId$7 = "@sparkelf/dsh-group-chat/Picker.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			document.head.appendChild(tag);
+		}
+		var Picker_module_css_default = {
+			"note": "sKjJ-a_note",
+			"secondary": "sKjJ-a_secondary",
+			"list": "sKjJ-a_list",
+			"row": "sKjJ-a_row",
+			"box": "sKjJ-a_box",
+			"rowActive": "sKjJ-a_rowActive",
+			"label": "sKjJ-a_label"
+		};
+		//#endregion
+		//#region src/client/Picker.tsx
+		/**
+		* A searchable list of choices, for the fields that used to be free text.
+		*
+		* Three of the room dialogs ask for values the deployment already knows — who can be
+		* invited, which preset to run, which directory to work in — and each used to be an empty
+		* box that only accepted the answer if it was spelled exactly right. A wrong userId failed
+		* only after the invite was submitted, and a wrong directory silently became a room the
+		* agent could not work in. This component is the shared answer so all three behave alike
+		* rather than each growing its own behaviour.
+		*
+		* It is deliberately not a `<datalist>`: the options come from an async source, the row
+		* needs a picture and a secondary line, and a datalist cannot group or report why it is
+		* empty. It is also not built on the official primitives because none of them is a
+		* combobox — the package ships Button, Input, Menu and friends, but no searchable select.
+		*
+		* @module @sparkelf/dsh-group-chat/client/Picker
+		*/
+		/**
+		* Sentinel id for the "use what I typed" row.
+		*
+		* A real id cannot collide with it because account ids, preset names and paths are all
+		* printable, so a NUL is outside every id space this component is handed.
+		*/
+		const TYPED_ROW_ID = "\0typed";
+		/**
+		* A text field with a filtered list beneath it.
+		*
+		* Keyboard support is the reason this is not a plain list of buttons: ↑/↓ move the highlight
+		* without leaving the field, Enter takes the highlighted row, and Escape first closes the
+		* list and only then reaches the dialog, so a stray Escape while searching does not discard
+		* the whole dialog.
+		*/
+		const Picker = (props) => {
+			const { options, placeholder, emptyHint, loadingHint, loading = false, onQueryChange, onTypedCommit, typedCommitLabel, onPick, value, autoFocus = false } = props;
+			const [query, setQuery] = (0, react.useState)(value ?? "");
+			const [open, setOpen] = (0, react.useState)(autoFocus);
+			const [active, setActive] = (0, react.useState)(0);
+			const boxRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				setQuery(value ?? "");
+			}, [value]);
+			const visible = [...onTypedCommit !== void 0 && query.trim().length > 0 ? [{
+				id: TYPED_ROW_ID,
+				label: typedCommitLabel?.(query.trim()) ?? query.trim()
+			}] : [], ...filterOptions(options, query)];
+			(0, react.useEffect)(() => {
+				setActive(0);
+			}, [query]);
+			const pick = (0, react.useCallback)((option) => {
+				if (option === void 0) return;
+				if (option.id === TYPED_ROW_ID) {
+					onTypedCommit?.(query.trim());
+					return;
+				}
+				onPick(option);
+			}, [
+				onPick,
+				onTypedCommit,
+				query
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (event) => {
+					if (boxRef.current !== null && !boxRef.current.contains(event.target)) setOpen(false);
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => {
+					document.removeEventListener("pointerdown", onPointerDown);
+				};
+			}, [open]);
+			const onKeyDown = (event) => {
+				if (event.key === "ArrowDown") {
+					event.preventDefault();
+					setOpen(true);
+					setActive((current) => visible.length === 0 ? 0 : (current + 1) % visible.length);
+					return;
+				}
+				if (event.key === "ArrowUp") {
+					event.preventDefault();
+					setActive((current) => visible.length === 0 ? 0 : (current - 1 + visible.length) % visible.length);
+					return;
+				}
+				if (event.key === "Enter") {
+					if (open && visible.length > 0) {
+						event.preventDefault();
+						pick(visible[active]);
+					}
+					return;
+				}
+				if (event.key === "Escape" && open) {
+					event.preventDefault();
+					event.stopPropagation();
+					setOpen(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: Picker_module_css_default["box"],
+				ref: boxRef,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					value: query,
+					autoFocus,
+					placeholder,
+					role: "combobox",
+					"aria-expanded": open,
+					"aria-autocomplete": "list",
+					onFocus: () => {
+						setOpen(true);
+					},
+					onChange: (event) => {
+						setQuery(event.target.value);
+						setOpen(true);
+						onQueryChange?.(event.target.value);
+					},
+					onKeyDown
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: Picker_module_css_default["list"],
+					role: "listbox",
+					children: [
+						loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: Picker_module_css_default["note"],
+							children: loadingHint ?? ""
+						}),
+						!loading && visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: Picker_module_css_default["note"],
+							children: emptyHint ?? ""
+						}),
+						!loading && visible.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "option",
+							"aria-selected": index === active,
+							className: index === active ? Picker_module_css_default["rowActive"] : Picker_module_css_default["row"],
+							onMouseEnter: () => {
+								setActive(index);
+							},
+							onClick: () => {
+								pick(option);
+							},
+							children: [
+								option.avatarId !== void 0 || option.avatarUrl !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+									name: option.label,
+									src: option.avatarUrl,
+									size: "sm"
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: Picker_module_css_default["label"],
+									children: option.label
+								}),
+								option.secondary !== void 0 && option.secondary.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: Picker_module_css_default["secondary"],
+									children: option.secondary
+								})
+							]
+						}, option.id))
+					]
+				})]
+			});
+		};
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/PresetSelect.module.css.mjs
+		const css$6 = ".xjnmxG_trigger{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;line-height:18px;display:flex}.xjnmxG_trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.xjnmxG_triggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.xjnmxG_trigger:after{border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);content:\"\";flex:none;width:6px;height:6px;margin-left:2px;transform:translateY(-1px)rotate(45deg)}.xjnmxG_row{flex-direction:column;gap:2px;min-width:0;display:flex}.xjnmxG_name{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.xjnmxG_description{color:var(--dsw-alias-label-tertiary);white-space:normal;font-size:12px;line-height:17px}";
+		const tagId$6 = "@sparkelf/dsh-group-chat/PresetSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		var PresetSelect_module_css_default = {
+			"description": "xjnmxG_description",
+			"triggerLabel": "xjnmxG_triggerLabel",
+			"row": "xjnmxG_row",
+			"name": "xjnmxG_name",
+			"trigger": "xjnmxG_trigger"
+		};
+		//#endregion
+		//#region src/client/PresetSelect.tsx
+		/**
+		* The agent-preset field, built on the platform's own menu.
+		*
+		* This is the same control the new-session screen shows beside the workspace picker: the
+		* platform paints that one with `Menu` and draws each row as a name over its description.
+		* Reproducing the choice as a text box — or as a differently-shaped list — would make the same
+		* concept look like two things depending on where the operator met it, so the dialog borrows
+		* the platform's materials instead:
+		*
+		* - `Menu` for the dropdown, so the keyboard walk, outside-click dismissal and the portaled
+		*   list behave exactly as they do on the hero chip.
+		* - The platform's `settings.agentPreset` locale namespace for the shipped presets' names and
+		*   descriptions. That copy is owned by the platform; reprinting it here would freeze today's
+		*   wording and drift the moment the platform rewords it.
+		*
+		* What this deliberately does not do is import the platform's preset component: its props are
+		* bound to the `conversation.hero.agentPreset` slot and carry a session plus a staged-selection
+		* store this dialog has neither of. The roster comes from the Host instead, which reads the
+		* same registry that slot renders.
+		*
+		* @module @sparkelf/dsh-group-chat/client/PresetSelect
+		*/
+		/**
+		* Render the preset trigger and its menu.
+		* @param props - roster, current choice, and the platform copy lookup.
+		* @returns the anchored dropdown.
+		*/
+		const PresetSelect = (props) => {
+			const { presets, value, t, defaultLabel, onChange } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const chosen = presets.find((preset) => preset.id === value);
+			const trigger = chosen === void 0 ? defaultLabel : presetDisplay(chosen, t).name;
+			const entryOf = (preset) => {
+				const { name, description } = presetDisplay(preset, t);
+				return {
+					id: preset.id,
+					disabled: preset.broken !== void 0,
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: PresetSelect_module_css_default["row"],
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PresetSelect_module_css_default["name"],
+							children: name
+						}), description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PresetSelect_module_css_default["description"],
+							children: description
+						})]
+					})
+				};
+			};
+			const items = [...presets.filter((preset) => preset.name === void 0).map(entryOf), ...presets.filter((preset) => preset.name !== void 0).map(entryOf)];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				portal: true,
+				side: "bottom",
+				align: "start",
+				items,
+				selectedId: value.length === 0 ? void 0 : value,
+				onSelect: (id) => {
+					onChange(id);
+					setOpen(false);
+				},
+				onClose: () => {
+					setOpen(false);
+				},
+				footer: [{
+					id: "",
+					label: defaultLabel
+				}],
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: PresetSelect_module_css_default["trigger"],
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					onClick: () => {
+						setOpen((current) => !current);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: PresetSelect_module_css_default["triggerLabel"],
+						children: trigger
+					})
+				})
+			});
+		};
+		//#endregion
+		//#region src/client/store.ts
+		/**
+		* The room list both client surfaces read.
+		*
+		* It lives here rather than inside either component because the sidebar region and the
+		* room page must never show different lists. It is a plain observable, not a framework
+		* store: both consumers are components this plugin already owns.
+		*
+		* The slot caches the value its `inject` factory returns, so a snapshot taken at inject
+		* time would freeze at the first read. Consumers therefore subscribe through
+		* `useSyncExternalStore` and re-read on every change.
+		*
+		* @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() {
+			let state = {
+				rooms: void 0,
+				activeRoomId: void 0,
+				failure: void 0,
+				searchQuery: "",
+				selfId: void 0,
+				administrator: false,
+				members: {},
+				pendingCreate: false,
+				discoverable: void 0,
+				dialog: void 0
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			const set = (patch) => {
+				state = {
+					...state,
+					...patch
+				};
+				for (const listener of listeners) listener();
+			};
+			/**
+			* Read one room's roster into the store.
+			*
+			* A failure leaves the previous roster in place rather than clearing it: the room is still
+			* readable without names (the renderer falls back to an unlabelled bubble), and a stale name is
+			* still the right person far more often than no name at all.
+			*
+			* @param roomId - the room whose roster to read.
+			*/
+			const loadMembersInto = async (roomId) => {
+				try {
+					const roster = await listMembers(roomId);
+					set({ members: {
+						...state.members,
+						[roomId]: roster
+					} });
+				} catch {}
+			};
+			return {
+				getState: () => state,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				refresh: async () => {
+					readSelf().then((self) => {
+						if (self !== void 0) set({
+							selfId: self.id,
+							administrator: self.administrator
+						});
+					});
+					try {
+						const rooms = await listRooms();
+						set({
+							rooms,
+							failure: void 0
+						});
+						for (const room of rooms) {
+							if (!room.joined || state.members[room.id] !== void 0) continue;
+							loadMembersInto(room.id);
+						}
+					} catch (error) {
+						set({ failure: failureOf(error) });
+					}
+				},
+				open: (roomId) => {
+					set({ activeRoomId: roomId });
+					loadMembersInto(roomId);
+				},
+				discover: async (query) => {
+					try {
+						set({ discoverable: await listDiscoverableRooms(query) });
+					} catch (error) {
+						set({
+							discoverable: [],
+							failure: failureOf(error)
+						});
+					}
+				},
+				join: async (roomId) => {
+					await joinRoom(roomId);
+					set({
+						rooms: await listRooms(),
+						discoverable: await listDiscoverableRooms()
+					});
+				},
+				selfId: () => state.selfId,
+				administrator: () => state.administrator,
+				setFailure: (failure) => set({ failure }),
+				setSearch: (searchQuery) => set({ searchQuery }),
+				loadMembers: loadMembersInto,
+				setPolicy: async (roomId, patch) => {
+					await updateRoom(roomId, patch);
+					set({ rooms: await listRooms() });
+				},
+				openCreate: () => set({ pendingCreate: true }),
+				closeCreate: () => set({ pendingCreate: false }),
+				setDialog: (dialog) => set({ dialog }),
+				openMembers: void 0,
+				rename: async (roomId, name) => {
+					await updateRoom(roomId, { name });
+					set({ rooms: await listRooms() });
+				},
+				leave: async (roomId) => {
+					await leaveRoom(roomId);
+					set({
+						rooms: await listRooms(),
+						activeRoomId: void 0
+					});
+				},
+				removeMember: async (roomId, userId) => {
+					await removeMember(roomId, userId);
+					set({ rooms: await listRooms() });
+				},
+				dissolve: async (roomId) => {
+					await dissolveRoom(roomId);
+					set({
+						rooms: await listRooms(),
+						activeRoomId: void 0
+					});
+				},
+				transfer: async (roomId, userId) => {
+					await transferOwnership(roomId, userId);
+					set({ rooms: await listRooms() });
+				}
+			};
+		}
+		/** Map a transport failure onto the copy key the surfaces render. */
+		const failureOf = (error) => {
+			const message = error instanceof Error ? error.message : "";
+			if (message === "credentialMissing") return "credentialMissing";
+			if (message === "credentialRejected") return "credentialRejected";
+			if (message === "notConfigured") return "notConfigured";
+			if (message === "ownerCannotLeave") return "ownerCannotLeave";
+			return "unreachable";
+		};
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/CreateRoomDialog.module.css.mjs
+		const css$5 = ".Z3w8WW_body{flex-direction:column;gap:14px;min-width:0;display:flex}.Z3w8WW_field{flex-direction:column;gap:5px;min-width:0;display:flex}.Z3w8WW_label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.Z3w8WW_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.Z3w8WW_warn{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-warning,#d299221f);color:var(--dsw-alias-state-warning-primary,#d29922);padding:6px 8px;font-size:12px;line-height:17px;display:block}.Z3w8WW_switches{border-top:1px solid var(--dsw-alias-border-l3);flex-direction:column;gap:8px;padding:10px 0 0;display:flex}.Z3w8WW_triggerExtra{flex-wrap:wrap;gap:6px;padding-left:0;display:flex}.Z3w8WW_pill,.Z3w8WW_pillActive{border:1px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.Z3w8WW_pillActive{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary)}.Z3w8WW_notice{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-2,#80808014);color:var(--dsw-alias-label-secondary);margin:0;padding:8px 10px;font-size:12px;line-height:17px}.Z3w8WW_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.Z3w8WW_footer{justify-content:flex-end;gap:8px;display:flex}.Z3w8WW_policyRow{flex-direction:column;gap:5px;display:flex}.Z3w8WW_memberList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.Z3w8WW_memberRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.Z3w8WW_memberRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.Z3w8WW_memberName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.Z3w8WW_memberBadge{background:var(--dsw-alias-bg-layer-2,#8080801f);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:0 6px;font-size:11px;line-height:16px}";
+		const tagId$5 = "@sparkelf/dsh-group-chat/CreateRoomDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
+			document.head.appendChild(tag);
+		}
+		var CreateRoomDialog_module_css_default = {
+			"label": "Z3w8WW_label",
+			"pillActive": "Z3w8WW_pillActive",
+			"notice": "Z3w8WW_notice",
+			"hint": "Z3w8WW_hint",
+			"policyRow": "Z3w8WW_policyRow",
+			"pill": "Z3w8WW_pill",
+			"field": "Z3w8WW_field",
+			"memberList": "Z3w8WW_memberList",
+			"memberName": "Z3w8WW_memberName",
+			"memberBadge": "Z3w8WW_memberBadge",
+			"warn": "Z3w8WW_warn",
+			"error": "Z3w8WW_error",
+			"triggerExtra": "Z3w8WW_triggerExtra",
+			"memberRow": "Z3w8WW_memberRow",
+			"body": "Z3w8WW_body",
+			"footer": "Z3w8WW_footer",
+			"switches": "Z3w8WW_switches"
+		};
+		//#endregion
+		//#region src/client/CreateRoomDialog.tsx
+		/**
+		* The create-room dialog.
+		*
+		* Three fields are required because each one decides something the room cannot change
+		* later — the name, the working directory, and the agent preset. `cwd` is the real
+		* security boundary: every member of the room can ask the agent to modify anything under
+		* it, so the field carries a visible warning rather than a hint.
+		*
+		* The three policy switches are the room's settings, offered at creation so a room is not
+		* born with defaults the creator would have chosen differently. The notice at the foot is
+		* required wording: these settings control where a room appears, not who may reach it.
+		*
+		* @module @sparkelf/dsh-group-chat/client/CreateRoomDialog
+		*/
+		/**
+		* Render the create-room dialog.
+		* @param props - the copy resolver and shared store whose `pendingCreate` opens this.
+		* @returns the dialog, or null while closed.
+		*/
+		function CreateRoomDialog(props) {
+			const { t, tPreset, store } = props;
+			const open = store.getState().pendingCreate;
+			const [name, setName] = (0, react.useState)("");
+			const [cwd, setCwd] = (0, react.useState)("");
+			const [preset, setPreset] = (0, react.useState)("");
+			const [invitePolicy, setInvitePolicy] = (0, react.useState)("anyone");
+			const [discoverability, setDiscoverability] = (0, react.useState)("discoverable");
+			const [agentTrigger, setAgentTrigger] = (0, react.useState)("mention");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [presets, setPresets] = (0, react.useState)([]);
+			const [directories, setDirectories] = (0, react.useState)([]);
+			const [dirPath, setDirPath] = (0, react.useState)("");
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				let cancelled = false;
+				(async () => {
+					try {
+						const options = await readOptions();
+						if (!cancelled) setPresets(options.presets);
+					} catch {
+						if (!cancelled) setPresets([]);
+					}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, [open]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				let cancelled = false;
+				(async () => {
+					try {
+						const listing = await listDirectories(dirPath.length === 0 ? void 0 : dirPath);
+						if (cancelled) return;
+						const entries = listing.entries.map((entry) => ({
+							id: entry.path,
+							label: entry.name,
+							secondary: entry.path
+						}));
+						setDirectories([
+							{
+								id: listing.path,
+								label: listing.path,
+								secondary: t("pickThisDirectory")
+							},
+							...listing.parent === null ? [] : [{
+								id: listing.parent,
+								label: "..",
+								secondary: listing.parent
+							}],
+							...entries
+						]);
+					} catch {
+						if (!cancelled) setDirectories([]);
+					}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				open,
+				dirPath,
+				t
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) {
+					setName("");
+					setBusy(false);
+					setError(void 0);
+				}
+			}, [open]);
+			const close = () => store.closeCreate();
+			const submit = async () => {
+				if (name.trim().length === 0 || busy) return;
+				setBusy(true);
+				try {
+					const room = await createRoom(name.trim(), {
+						...cwd.trim().length === 0 ? {} : { cwd: cwd.trim() },
+						...preset.trim().length === 0 ? {} : { agentPreset: preset.trim() }
+					});
+					await Promise.all([
+						invitePolicy === "anyone" ? Promise.resolve() : store.setPolicy(room.id, { invitePolicy }),
+						discoverability === "discoverable" ? Promise.resolve() : store.setPolicy(room.id, { discoverability }),
+						agentTrigger === "mention" ? Promise.resolve() : store.setPolicy(room.id, { agentTrigger })
+					]);
+					await store.refresh();
+					store.open(room.id);
+					close();
+				} catch (cause) {
+					setError(failureOf(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open,
+				onClose: close,
+				title: t("createTitle"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						onClick: close,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "md",
+						disabled: busy || name.trim().length === 0,
+						onClick: () => void submit(),
+						children: t("createSubmit")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.body,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: CreateRoomDialog_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CreateRoomDialog_module_css_default.label,
+								children: t("createName")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								value: name,
+								autoFocus: true,
+								onChange: (event) => setName(event.target.value),
+								onKeyDown: (event) => {
+									if (event.key === "Enter") submit();
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CreateRoomDialog_module_css_default.label,
+									children: t("createCwd")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Picker, {
+									value: cwd,
+									options: directories,
+									placeholder: "/workspace",
+									emptyHint: t("optionEmpty"),
+									onQueryChange: (next) => {
+										setCwd(next);
+									},
+									onTypedCommit: (text) => {
+										setCwd(text);
+										setDirPath(text);
+									},
+									typedCommitLabel: (text) => text,
+									onPick: (option) => {
+										setCwd(option.id);
+										setDirPath(option.id);
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CreateRoomDialog_module_css_default.warn,
+									children: t("createCwdHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CreateRoomDialog_module_css_default.label,
+									children: t("createPreset")
+								}),
+								presets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CreateRoomDialog_module_css_default.hint,
+									children: t("createPresetUnavailable")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PresetSelect, {
+									presets,
+									value: preset,
+									t: tPreset,
+									defaultLabel: t("createPresetDefault"),
+									onChange: setPreset
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CreateRoomDialog_module_css_default.hint,
+									children: t("createPresetHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.switches,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+									checked: invitePolicy === "anyone",
+									onChange: (next) => setInvitePolicy(next ? "anyone" : "admin"),
+									label: t("createPolicy")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+									checked: discoverability === "discoverable",
+									onChange: (next) => setDiscoverability(next ? "discoverable" : "invite_only"),
+									label: t("createVisibility")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+									checked: agentTrigger === "mention",
+									onChange: (next) => setAgentTrigger(next ? "mention" : "always"),
+									label: t("createTrigger")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CreateRoomDialog_module_css_default.triggerExtra,
+									children: [
+										"mention",
+										"always",
+										"never"
+									].map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: agentTrigger === mode ? CreateRoomDialog_module_css_default.pillActive : CreateRoomDialog_module_css_default.pill,
+										onClick: () => setAgentTrigger(mode),
+										children: mode === "mention" ? t("triggerMention") : mode === "always" ? t("triggerAlways") : t("triggerNever")
+									}, mode))
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.notice,
+							children: t("createNotice")
+						}),
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.error,
+							children: t(error)
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/InviteDialog.module.css.mjs
+		const css$4 = ".r4uCba_dialog.r4uCba_dialog{width:min(760px,100%);max-height:100%}.r4uCba_content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.r4uCba_searchRow{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.r4uCba_search{flex:1;min-width:0}.r4uCba_spinner{color:var(--dsw-alias-label-tertiary);flex:none;animation:.9s linear infinite r4uCba_inviteSpin}@keyframes r4uCba_inviteSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.r4uCba_spinner{animation:none}}.r4uCba_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.r4uCba_field{flex-direction:column;gap:5px;min-width:0;display:flex}.r4uCba_chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.r4uCba_chip{border:1px solid var(--dsw-alias-border-l3);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 3px;font-size:12px;line-height:18px;display:inline-flex}.r4uCba_chipName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r4uCba_chipRemove{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:14px;line-height:14px}.r4uCba_chipRemove:hover{color:var(--dsw-alias-label-primary)}.r4uCba_chipRemove:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px;border-radius:var(--dsw-radius-sm)}.r4uCba_list{scrollbar-gutter:stable;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);max-height:min(46vh,420px);margin:0;padding:4px;list-style:none;overflow-y:auto}.r4uCba_list>li+li{margin-top:2px}.r4uCba_row,.r4uCba_rowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;min-height:38px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:5px 8px;font-size:13px;line-height:18px;display:flex}.r4uCba_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.r4uCba_rowSelected{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-interactive-bg-active)}.r4uCba_rowSelected:hover{background:var(--dsw-alias-interactive-bg-hover-accent)}.r4uCba_row:focus-visible,.r4uCba_rowSelected:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.r4uCba_rowName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.r4uCba_rowHandle{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.r4uCba_check,.r4uCba_checkHidden{width:14px;color:var(--dsw-alias-state-business-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.r4uCba_checkHidden{visibility:hidden}.r4uCba_note{color:var(--dsw-alias-label-tertiary);margin:0;padding:14px 10px;font-size:12px;line-height:17px}.r4uCba_errorRow{align-items:center;gap:8px;min-width:0;display:flex}.r4uCba_errorRow>span{flex:1;min-width:0}.r4uCba_error{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}";
+		const tagId$4 = "@sparkelf/dsh-group-chat/InviteDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var InviteDialog_module_css_default = {
+			"inviteSpin": "r4uCba_inviteSpin",
+			"rowName": "r4uCba_rowName",
+			"search": "r4uCba_search",
+			"rowSelected": "r4uCba_rowSelected",
+			"note": "r4uCba_note",
+			"chipName": "r4uCba_chipName",
+			"spinner": "r4uCba_spinner",
+			"errorRow": "r4uCba_errorRow",
+			"rowHandle": "r4uCba_rowHandle",
+			"error": "r4uCba_error",
+			"dialog": "r4uCba_dialog",
+			"check": "r4uCba_check",
+			"chip": "r4uCba_chip",
+			"checkHidden": "r4uCba_checkHidden",
+			"chipRemove": "r4uCba_chipRemove",
+			"row": "r4uCba_row",
+			"list": "r4uCba_list",
+			"visuallyHidden": "r4uCba_visuallyHidden",
+			"content": "r4uCba_content",
+			"searchRow": "r4uCba_searchRow",
+			"field": "r4uCba_field",
+			"chips": "r4uCba_chips"
+		};
+		//#endregion
+		//#region src/client/RoomDialogs.tsx
+		/**
+		* The three per-room dialogs: invite, members, and settings.
+		*
+		* They share one module because they are one interaction family — each is opened from a
+		* room row's context menu, each operates on exactly one room, and each writes through the
+		* same store. Splitting them would triple the plumbing without separating anything.
+		*
+		* The settings dialog carries the required notice: its three switches change where a room
+		* appears, not who may reach it. The server enforces permissions; these are preferences.
+		*
+		* @module @sparkelf/dsh-group-chat/client/RoomDialogs
+		*/
+		/**
+		* Render whichever room dialog is open.
+		* @param props - the copy resolver and the store holding the open dialog.
+		* @returns the dialog, or null when none is open.
+		*/
+		function RoomDialogs(props) {
+			const { t, store } = props;
+			const dialog = store.getState().dialog;
+			if (dialog === void 0) return null;
+			const close = () => store.setDialog(void 0);
+			if (dialog.kind === "invite") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InviteDialog, {
+				t,
+				store,
+				roomId: dialog.roomId,
+				onClose: close
+			});
+			if (dialog.kind === "settings") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsDialog, {
+				t,
+				store,
+				roomId: dialog.roomId,
+				onClose: close
+			});
+			if (dialog.kind === "transfer") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransferDialog, {
+				t,
+				store,
+				roomId: dialog.roomId,
+				onClose: close
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MembersDialog, {
+				t,
+				roomId: dialog.roomId,
+				onClose: close
+			});
+		}
+		/**
+		* Add existing DataOps accounts to a room.
+		*
+		* The list is multi-select rather than one-pick-at-a-time: a room is usually started with
+		* several colleagues, and a dialog that closed after each person made that a repeated
+		* errand. Rows are native buttons with `aria-pressed`, so Tab, Enter and Space all work and
+		* a screen reader hears the selected state; ↑/↓ move between rows without leaving the list.
+		*
+		* What is selected lives in `chosen` and not in the search result rows. A query can hide an
+		* already-picked person — the server search returns only what matches — and keeping the two
+		* separate is what stops the selection from silently emptying as the operator narrows the
+		* list.
+		*/
+		function InviteDialog(props) {
+			const { t, store, roomId, onClose } = props;
+			const [candidates, setCandidates] = (0, react.useState)([]);
+			const [query, setQuery] = (0, react.useState)("");
+			const [chosen, setChosen] = (0, react.useState)([]);
+			const [searching, setSearching] = (0, react.useState)(true);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [searchError, setSearchError] = (0, react.useState)(void 0);
+			const [submitError, setSubmitError] = (0, react.useState)(void 0);
+			const [done, setDone] = (0, react.useState)(false);
+			const [attempt, setAttempt] = (0, react.useState)(0);
+			const listRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				setSearching(true);
+				const timer = setTimeout(() => {
+					(async () => {
+						try {
+							const next = await searchInviteCandidates(roomId, query);
+							if (!cancelled) {
+								setCandidates(next);
+								setSearchError(void 0);
+							}
+						} catch (cause) {
+							if (!cancelled) setSearchError(failureOf(cause));
+						} finally {
+							if (!cancelled) setSearching(false);
+						}
+					})();
+				}, 220);
+				return () => {
+					cancelled = true;
+					clearTimeout(timer);
+				};
+			}, [
+				roomId,
+				query,
+				attempt
+			]);
+			const toggle = (candidate) => {
+				setDone(false);
+				setSubmitError(void 0);
+				setChosen((current) => toggleChosen(current, candidate));
+			};
+			const submit = async () => {
+				if (chosen.length === 0 || busy) return;
+				setBusy(true);
+				setSubmitError(void 0);
+				try {
+					await inviteMembers(roomId, chosen.map((member) => member.userId));
+					await store.refresh();
+					setChosen([]);
+					setDone(true);
+					if (query.length === 0) setAttempt((current) => current + 1);
+					else setQuery("");
+				} catch (cause) {
+					setSubmitError(failureOf(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			const onListKeyDown = (event) => {
+				if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+				const rows = [...listRef.current?.querySelectorAll("button[data-candidate]") ?? []];
+				if (rows.length === 0) return;
+				event.preventDefault();
+				const index = rows.indexOf(document.activeElement);
+				const step = event.key === "ArrowDown" ? 1 : -1;
+				rows[index < 0 ? 0 : (index + step + rows.length) % rows.length]?.focus();
+			};
+			const moveToList = () => {
+				listRef.current?.querySelector("button[data-candidate]")?.focus();
+			};
+			const visible = filterCandidates(candidates, query);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose,
+				title: t("inviteTitle"),
+				closeLabel: t("cancel"),
+				className: InviteDialog_module_css_default.dialog,
+				contentClassName: InviteDialog_module_css_default.content,
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						onClick: onClose,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "md",
+						disabled: busy || chosen.length === 0,
+						onClick: () => void submit(),
+						children: chosen.length === 0 ? t("inviteSubmit") : t("inviteSubmitCount").replace("{count}", String(chosen.length))
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.body,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: InviteDialog_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: InviteDialog_module_css_default.searchRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: InviteDialog_module_css_default.search,
+									value: query,
+									"data-modal-autofocus": true,
+									placeholder: t("invitePlaceholder"),
+									"aria-label": t("inviteSearchLabel"),
+									onChange: (event) => {
+										setQuery(event.target.value);
+									},
+									onKeyDown: (event) => {
+										if (event.key !== "ArrowDown") return;
+										event.preventDefault();
+										moveToList();
+									}
+								}), searching && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLoadingOutlineRegular, {
+									className: InviteDialog_module_css_default.spinner,
+									size: 14
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CreateRoomDialog_module_css_default.hint,
+								children: t("inviteHint")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: InviteDialog_module_css_default.visuallyHidden,
+							role: "status",
+							children: chosen.length === 0 ? "" : t("inviteSelectedCount").replace("{count}", String(chosen.length))
+						}),
+						chosen.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CreateRoomDialog_module_css_default.label,
+								children: t("inviteSelectedCount").replace("{count}", String(chosen.length))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: InviteDialog_module_css_default.chips,
+								children: chosen.map((member) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: InviteDialog_module_css_default.chip,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+												name: member.displayName || member.username,
+												src: member.avatarUrl,
+												size: "sm"
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: InviteDialog_module_css_default.chipName,
+											children: member.displayName || member.username
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: InviteDialog_module_css_default.chipRemove,
+											"aria-label": `${t("inviteRemove")} ${member.displayName || member.username}`,
+											onClick: () => {
+												setChosen((current) => current.filter((row) => row.userId !== member.userId));
+											},
+											children: "×"
+										})
+									]
+								}, member.userId))
+							})]
+						}),
+						searchError !== void 0 && !searching ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: InviteDialog_module_css_default.errorRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: InviteDialog_module_css_default.error,
+								children: t(searchError)
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => {
+									setAttempt((current) => current + 1);
+								},
+								children: t("retry")
+							})]
+						}) : searching && visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: t("inviteSearching")
+						}) : visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: t("inviteEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							ref: listRef,
+							className: InviteDialog_module_css_default.list,
+							onKeyDown: onListKeyDown,
+							children: visible.map((candidate) => {
+								const selected = isChosen(chosen, candidate.userId);
+								const name = candidate.displayName.length > 0 ? candidate.displayName : candidate.username;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									"data-candidate": true,
+									className: selected ? InviteDialog_module_css_default.rowSelected : InviteDialog_module_css_default.row,
+									"aria-pressed": selected,
+									onClick: () => {
+										toggle(candidate);
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+												name,
+												src: candidate.avatarUrl,
+												size: "sm"
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: InviteDialog_module_css_default.rowName,
+											children: name
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: InviteDialog_module_css_default.rowHandle,
+											children: candidate.username
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: selected ? InviteDialog_module_css_default.check : InviteDialog_module_css_default.checkHidden,
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, { size: 14 })
+										})
+									]
+								}) }, candidate.userId);
+							})
+						}),
+						done && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.hint,
+							children: t("saved")
+						}),
+						submitError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.error,
+							children: t(submitError)
+						})
+					]
+				})
+			});
+		}
+		/** List a room's members. */
+		function MembersDialog(props) {
+			const { t, roomId, onClose } = props;
+			const [members, setMembers] = (0, react.useState)(void 0);
+			const [error, setError] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				(async () => {
+					try {
+						const next = await listMembers(roomId);
+						if (!cancelled) setMembers(next);
+					} catch (cause) {
+						if (!cancelled) setError(failureOf(cause));
+					}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, [roomId]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose,
+				title: t("membersTitle"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: CreateRoomDialog_module_css_default.footer,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						onClick: onClose,
+						children: t("cancel")
+					})
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.body,
+					children: [
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.error,
+							children: t(error)
+						}),
+						error === void 0 && members === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.hint,
+							children: t("loading")
+						}),
+						members !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: CreateRoomDialog_module_css_default.memberList,
+							children: members.map((member) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: CreateRoomDialog_module_css_default.memberRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+										name: member.displayName,
+										src: member.avatarUrl
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CreateRoomDialog_module_css_default.memberName,
+										children: member.displayName
+									}),
+									member.owner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CreateRoomDialog_module_css_default.memberBadge,
+										children: t("ownerBadge")
+									})
+								]
+							}, member.userId))
+						})
+					]
+				})
+			});
+		}
+		/** The room's three policy dimensions. */
+		/**
+		* Hand ownership of this room to another member.
+		*
+		* Exists because an owner cannot leave: a room without an owner has nobody who may change its
+		* settings, so the server refuses the leave. Transferring is that way out, and this dialog is
+		* where the owner names the successor.
+		*
+		* Only current members are offered, and the owner is excluded — the server rejects both a
+		* non-member and a self-transfer, so listing them would only invite a refusal.
+		*/
+		function TransferDialog(props) {
+			const { t, store, roomId, onClose } = props;
+			const room = store.getState().rooms?.find((candidate) => candidate.id === roomId);
+			const [members, setMembers] = (0, react.useState)(void 0);
+			const [chosen, setChosen] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [failure, setFailure] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				listMembers(roomId).then((rows) => {
+					if (!cancelled) setMembers(rows);
+				}).catch(() => {
+					if (!cancelled) setMembers([]);
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [roomId]);
+			const candidates = (members ?? []).filter((member) => member.userId !== store.selfId());
+			const submit = async () => {
+				if (busy || chosen === void 0) return;
+				setBusy(true);
+				setFailure(void 0);
+				try {
+					await store.transfer(roomId, chosen);
+					onClose();
+				} catch (cause) {
+					setFailure(failureOf(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose: busy ? () => {} : onClose,
+				title: t("menuTransferTitle"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						disabled: busy,
+						onClick: onClose,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "md",
+						disabled: busy || chosen === void 0,
+						onClick: () => void submit(),
+						children: t("menuTransferConfirm")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: InviteDialog_module_css_default.content,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: t("menuTransferHint")
+						}),
+						room !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: room.name
+						}),
+						members === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: "…"
+						}),
+						members !== void 0 && candidates.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.note,
+							children: t("menuTransferEmpty")
+						}),
+						candidates.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: InviteDialog_module_css_default.list,
+							role: "listbox",
+							"aria-label": t("menuTransferTitle"),
+							children: candidates.map((member) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "option",
+								"aria-selected": chosen === member.userId,
+								className: chosen === member.userId ? InviteDialog_module_css_default.rowSelected : InviteDialog_module_css_default.row,
+								onClick: () => setChosen(member.userId),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+									size: "sm",
+									name: member.displayName,
+									src: member.avatarUrl ?? void 0
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: InviteDialog_module_css_default.rowName,
+									children: member.displayName
+								})]
+							}) }, member.userId))
+						}),
+						failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: InviteDialog_module_css_default.error,
+							role: "alert",
+							children: t(failure)
+						})
+					]
+				})
+			});
+		}
+		function SettingsDialog(props) {
+			const { t, store, roomId, onClose } = props;
+			const room = store.getState().rooms?.find((candidate) => candidate.id === roomId);
+			const [invitePolicy, setInvitePolicy] = (0, react.useState)(room?.invitePolicy ?? "anyone");
+			const [discoverability, setDiscoverability] = (0, react.useState)(room?.discoverability ?? "discoverable");
+			const [agentTrigger, setAgentTrigger] = (0, react.useState)(room?.agentTrigger ?? "mention");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(void 0);
+			const save = async () => {
+				setBusy(true);
+				try {
+					await updateRoom(roomId, {
+						invitePolicy,
+						discoverability,
+						agentTrigger
+					});
+					await store.refresh();
+					onClose();
+				} catch (cause) {
+					setError(failureOf(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose,
+				title: t("settingsTitle"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						onClick: onClose,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "md",
+						disabled: busy,
+						onClick: () => void save(),
+						children: t("save")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.body,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.switches,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PolicyRow, {
+								t,
+								label: t("createPolicy"),
+								value: invitePolicy === "anyone",
+								onChange: (next) => setInvitePolicy(next ? "anyone" : "admin"),
+								onLabel: t("policyAnyone"),
+								offLabel: t("policyAdmin")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PolicyRow, {
+								t,
+								label: t("createVisibility"),
+								value: discoverability === "discoverable",
+								onChange: (next) => setDiscoverability(next ? "discoverable" : "invite_only"),
+								onLabel: t("discoverable"),
+								offLabel: t("inviteOnly")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CreateRoomDialog_module_css_default.switches,
+							style: {
+								borderTop: "none",
+								paddingTop: 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CreateRoomDialog_module_css_default.label,
+								children: t("createTrigger")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CreateRoomDialog_module_css_default.triggerExtra,
+								children: [
+									"mention",
+									"always",
+									"never"
+								].map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: agentTrigger === mode ? CreateRoomDialog_module_css_default.pillActive : CreateRoomDialog_module_css_default.pill,
+									onClick: () => setAgentTrigger(mode),
+									children: mode === "mention" ? t("triggerMention") : mode === "always" ? t("triggerAlways") : t("triggerNever")
+								}, mode))
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.notice,
+							children: t("createNotice")
+						}),
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: CreateRoomDialog_module_css_default.error,
+							children: t(error)
+						})
+					]
+				})
+			});
+		}
+		/** One two-state policy row, labelled with what each side means. */
+		function PolicyRow(props) {
+			const { label, value, onChange, onLabel, offLabel } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CreateRoomDialog_module_css_default.policyRow,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CreateRoomDialog_module_css_default.label,
+					children: label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CreateRoomDialog_module_css_default.triggerExtra,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: value ? CreateRoomDialog_module_css_default.pillActive : CreateRoomDialog_module_css_default.pill,
+						onClick: () => onChange(true),
+						children: onLabel
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: !value ? CreateRoomDialog_module_css_default.pillActive : CreateRoomDialog_module_css_default.pill,
+						onClick: () => onChange(false),
+						children: offLabel
+					})]
+				})]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/SidebarRooms.module.css.mjs
+		const css$3 = ".s0QgKq_root{--dsh-session-list-edge-inset:var(--dsh-sidebar-inline-padding,12px);--dsh-session-list-scrollbar-width:5px;--dsh-session-list-scrollbar-offset:2px;box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;max-height:20vh;display:flex;position:relative}.s0QgKq_resizer{z-index:1;cursor:row-resize;touch-action:none;background:0 0;height:6px;position:absolute;top:-3px;left:0;right:0}.s0QgKq_resizer:after{content:\"\";background:var(--dsw-alias-border-l1,var(--dsw-alias-separator-primary));opacity:0;border-radius:1px;height:1px;transition:opacity .12s;position:absolute;top:3px;left:8px;right:8px}.s0QgKq_root:hover .s0QgKq_resizer:after,.s0QgKq_resizer:focus-visible:after{opacity:1}.s0QgKq_resizer:focus-visible{outline:none}.s0QgKq_resizer:focus-visible:after{background:var(--dsw-alias-brand-primary,var(--dsw-alias-label-primary));height:2px}.s0QgKq_sectionHeader{box-sizing:border-box;border-radius:var(--dsw-radius-md);height:36px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px;margin-right:-4px;padding-left:4px;display:flex;overflow:hidden}.s0QgKq_sectionLabel{white-space:nowrap;flex:none;min-width:0;max-width:45%;line-height:20px;overflow:hidden}.s0QgKq_searchSlot{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:28px;margin-left:auto;padding-left:0;display:flex}.s0QgKq_searchSlotExpanded{box-sizing:border-box;flex:1;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.s0QgKq_search,.s0QgKq_searchExpanded{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:28px;color:var(--dsw-alias-label-secondary);cursor:text;background:0 0;border:none;flex:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.s0QgKq_searchExpanded{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);width:calc(100% + 4px);height:30px;color:var(--dsw-alias-label-caption);margin-inline:-2px;padding:0 4px 0 0}.s0QgKq_iconButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_iconButton:focus-visible,.s0QgKq_searchButton:focus-visible,.s0QgKq_clearButton:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.s0QgKq_searchButton{border-radius:var(--dsw-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_searchExpanded .s0QgKq_searchButton{width:28px;height:30px}.s0QgKq_searchButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_searchExpanded .s0QgKq_searchButton:hover{background:0 0}.s0QgKq_searchInput{width:0;min-width:0;color:var(--dsw-alias-label-primary);opacity:0;pointer-events:none;transition:opacity .12s var(--ds-ease-in-out);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px;line-height:18px}.s0QgKq_searchExpanded .s0QgKq_searchInput{opacity:1;pointer-events:auto;margin-left:-2px}.s0QgKq_searchInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_clearButton{border-radius:var(--dsw-radius-sm);width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.s0QgKq_clearButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.s0QgKq_viewWrap{display:flex;position:relative}.s0QgKq_listArea{min-height:0;margin-left:-4px;margin-right:calc(-1 * var(--dsh-session-list-edge-inset));flex-direction:column;flex:1;padding-left:4px;display:flex;position:relative}.s0QgKq_list{min-height:0;max-height:100%;margin-left:-4px;margin-right:var(--dsh-session-list-scrollbar-offset);padding-left:4px;padding-right:calc(var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset));scrollbar-gutter:stable;padding-bottom:8px;overflow-y:auto}.s0QgKq_flatList{margin:0;padding:0;list-style:none}.s0QgKq_flatList>*+*{margin-top:2px}.s0QgKq_sessionRow,.s0QgKq_sessionRowSelected{box-sizing:border-box;border-radius:var(--dsw-radius-sm);width:100%;height:32px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.s0QgKq_sessionRow:hover,.s0QgKq_sessionRowSelected{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_rowIcon{width:16px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}.s0QgKq_title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s0QgKq_time{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:17px}.s0QgKq_unread{background:var(--dsw-alias-bg-layer-3,var(--dsw-alias-interactive-bg-hover));min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_unreadMentioned{background:var(--dsw-alias-state-business-primary);min-width:18px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:9px;flex:none;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.s0QgKq_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:13px}.s0QgKq_emptyState{color:var(--dsw-alias-label-tertiary);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:80px;padding:0 12px;font-size:13px;line-height:20px;display:flex}.s0QgKq_emptyState>svg{color:var(--dsw-alias-label-caption);margin-bottom:4px}.s0QgKq_fade{left:0;right:var(--dsh-session-list-edge-inset);background:linear-gradient(to bottom, transparent, var(--dsw-specific-sidebar-fill));pointer-events:none;height:24px;position:absolute;bottom:0}.s0QgKq_menuLayer{z-index:60;max-height:calc(100vh - 16px);position:fixed;overflow-y:auto}.s0QgKq_menuInline{z-index:30;position:absolute;top:32px;right:0}.s0QgKq_menu{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:200px;padding:4px;position:relative;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuHeading{color:var(--dsw-alias-label-tertiary);padding:4px 8px 2px;font-size:11px;line-height:16px;display:block}.s0QgKq_menuItem{border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.s0QgKq_menuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_check{color:var(--dsw-alias-state-business-primary);margin-left:auto}.s0QgKq_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s0QgKq_rowWrap{position:relative}.s0QgKq_menuRename{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1,var(--dsw-specific-sidebar-fill));min-width:240px;padding:8px;box-shadow:0 6px 20px #0000002e}.s0QgKq_menuRename .s0QgKq_menuHeading{padding:0 0 6px}.s0QgKq_menuInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-sm);appearance:none;background:var(--dsw-alias-bg-base);width:100%;color:var(--dsw-alias-label-primary);font:inherit;outline:none;margin:2px 0 6px;padding:6px 8px;font-size:13px;line-height:20px}.s0QgKq_menuInput:focus-visible{border-color:var(--dsw-alias-state-business-primary)}.s0QgKq_menuInput::placeholder{color:var(--dsw-alias-label-tertiary)}.s0QgKq_menuActions{justify-content:flex-end;gap:6px;padding-top:2px;display:flex}.s0QgKq_menuConfirm{box-sizing:border-box;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font:inherit;cursor:pointer;border:1px solid #0000;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuConfirm:hover:not(:disabled){filter:brightness(1.06)}.s0QgKq_menuConfirm:disabled{opacity:.5;cursor:default}.s0QgKq_menuCancel{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;line-height:18px}.s0QgKq_menuCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_menuItem:disabled{opacity:.5;cursor:default}.s0QgKq_discoverSection{border-top:1px solid var(--dsw-alias-border-l3);margin-top:8px;padding-top:8px}.s0QgKq_discoverHeading{color:var(--dsw-alias-label-tertiary);margin:0 0 4px;padding:0 12px;font-size:11px;line-height:16px}.s0QgKq_discoverRow{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-primary);align-items:center;gap:8px;padding:4px 12px;font-size:13px;line-height:18px;display:flex}.s0QgKq_discoverRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_discoverName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.s0QgKq_discoverMeta{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px}.s0QgKq_joinButton{border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;flex:none;padding:2px 10px;font-size:12px}.s0QgKq_joinButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.s0QgKq_joinButton:disabled{opacity:.5;cursor:default}.s0QgKq_leaveBody{flex-direction:column;gap:8px;min-width:0;display:flex}.s0QgKq_leaveCopy{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:22px}.s0QgKq_leaveRoomName strong{font-weight:600}.s0QgKq_leaveError{color:var(--dsw-alias-state-error-primary,#f85149);margin:0;font-size:12px;line-height:17px}.s0QgKq_footer{justify-content:flex-end;gap:8px;display:flex}.s0QgKq_leaveConfirmDanger{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger.s0QgKq_leaveConfirmDanger{color:var(--dsw-alias-label-primary)}.s0QgKq_leaveConfirmDanger:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);filter:brightness(1.08)}.s0QgKq_leaveConfirmDanger:disabled{opacity:.5}";
+		const tagId$3 = "@sparkelf/dsh-group-chat/SidebarRooms.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var SidebarRooms_module_css_default = {
+			"rowIcon": "s0QgKq_rowIcon",
+			"unread": "s0QgKq_unread",
+			"headerActions": "s0QgKq_headerActions",
+			"leaveRoomName": "s0QgKq_leaveRoomName",
+			"menu": "s0QgKq_menu",
+			"menuRename": "s0QgKq_menuRename",
+			"searchSlotExpanded": "s0QgKq_searchSlotExpanded",
+			"rowWrap": "s0QgKq_rowWrap",
+			"menuConfirm": "s0QgKq_menuConfirm",
+			"viewWrap": "s0QgKq_viewWrap",
+			"joinButton": "s0QgKq_joinButton",
+			"listArea": "s0QgKq_listArea",
+			"sessionRowSelected": "s0QgKq_sessionRowSelected",
+			"fade": "s0QgKq_fade",
+			"sectionLabel": "s0QgKq_sectionLabel",
+			"discoverHeading": "s0QgKq_discoverHeading",
+			"check": "s0QgKq_check",
+			"discoverName": "s0QgKq_discoverName",
+			"iconButton": "s0QgKq_iconButton",
+			"menuLayer": "s0QgKq_menuLayer",
+			"leaveCopy": "s0QgKq_leaveCopy",
+			"empty": "s0QgKq_empty",
+			"emptyState": "s0QgKq_emptyState",
+			"clearButton": "s0QgKq_clearButton",
+			"discoverRow": "s0QgKq_discoverRow",
+			"leaveConfirmDanger": "s0QgKq_leaveConfirmDanger",
+			"unreadMentioned": "s0QgKq_unreadMentioned",
+			"searchButton": "s0QgKq_searchButton",
+			"search": "s0QgKq_search",
+			"searchInput": "s0QgKq_searchInput",
+			"discoverSection": "s0QgKq_discoverSection",
+			"sessionRow": "s0QgKq_sessionRow",
+			"menuItem": "s0QgKq_menuItem",
+			"menuCancel": "s0QgKq_menuCancel",
+			"title": "s0QgKq_title",
+			"searchSlot": "s0QgKq_searchSlot",
+			"resizer": "s0QgKq_resizer",
+			"flatList": "s0QgKq_flatList",
+			"root": "s0QgKq_root",
+			"time": "s0QgKq_time",
+			"menuInline": "s0QgKq_menuInline",
+			"menuHeading": "s0QgKq_menuHeading",
+			"sectionHeader": "s0QgKq_sectionHeader",
+			"menuInput": "s0QgKq_menuInput",
+			"list": "s0QgKq_list",
+			"searchExpanded": "s0QgKq_searchExpanded",
+			"visuallyHidden": "s0QgKq_visuallyHidden",
+			"leaveBody": "s0QgKq_leaveBody",
+			"leaveError": "s0QgKq_leaveError",
+			"footer": "s0QgKq_footer",
+			"menuActions": "s0QgKq_menuActions",
+			"discoverMeta": "s0QgKq_discoverMeta"
+		};
+		//#endregion
+		//#region src/client/SidebarRooms.tsx
+		/**
+		* The group-chat region of the left sidebar.
+		*
+		* Structured after `ui-workspace`'s browsing region so the two read as the same design
+		* system rather than a lookalike: a 36px header holding a 14px section label, a
+		* collapsible search slot, and the trailing icon actions (view options, new room), then
+		* a flat list of rows. Sizes, tokens, and icon set are the ones that package uses — the
+		* group-chat region is the workspace region with the grouping removed, because a room is
+		* 1:1 with its session while a workspace is 1:N.
+		*
+		* Registered into `sidebar.footer.action`, the official list seat at the sidebar foot. The
+		* shell renders it inside `footerActions` (full width, `flex: none`), under
+		* `sidebar.workspaces` and above Settings.
+		*
+		* @module @sparkelf/dsh-group-chat/client/SidebarRooms
+		*/
+		/**
+		* Height bounds for the region, in pixels.
+		*
+		* The floor keeps a room row and the header visible; the ceiling keeps the region from
+		* crowding out the workspace list above it, which is the same reason the stylesheet capped it
+		* at `46vh` before this was adjustable. The host clamps to the same pair, so a stored value
+		* cannot arrive outside the range the region can draw.
+		*/
+		const HEIGHT_MIN = 120;
+		const HEIGHT_MAX = 1200;
+		/** Clamps a requested height into the range the region can draw. */
+		const clampHeight = (value) => Math.min(HEIGHT_MAX, Math.max(HEIGHT_MIN, Math.round(value)));
+		/** How often the list re-reads, so a peer's new room appears without a reload. */
+		const REFRESH_MS = 1e4;
+		/**
+		* Render the sidebar's group-chat region.
+		* @param props - the injected copy resolver and the shared room store.
+		* @returns the section header plus the flat room list.
+		*/
+		function SidebarRooms(props) {
+			const { t, tPreset, store } = props;
+			const { rooms, activeRoomId, failure, 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");
+			const [archivedFilter, setArchivedFilter] = (0, react.useState)("default");
+			const [joining, setJoining] = (0, react.useState)(void 0);
+			const searchInput = (0, react.useRef)(null);
+			/**
+			* 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
+			* the stylesheet's `max-height` and shrinks to its content, which is what every workspace
+			* looked like before this existed. Storing a number here switches it to a fixed height.
+			*/
+			const [heightPx, setHeightPx] = (0, react.useState)(void 0);
+			/** The height being dragged to; `undefined` when no drag is in progress. */
+			const [draggingPx, setDraggingPx] = (0, react.useState)(void 0);
+			const dragStart = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				store.refresh();
+			}, [store]);
+			(0, react.useEffect)(() => {
+				let live = true;
+				readPreferences().then((saved) => {
+					if (!live || saved.sidebarHeightPx === void 0) return;
+					setHeightPx(saved.sidebarHeightPx);
+				});
+				return () => {
+					live = false;
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const timer = setInterval(() => {
+					store.refresh();
+				}, REFRESH_MS);
+				return () => clearInterval(timer);
+			}, [store]);
+			/**
+			* Start a height drag from the grip on the region's top edge.
+			*
+			* The delta is inverted because the grip sits above the region: dragging up (a smaller `y`)
+			* makes the region taller, which is the same direction the right sidebar's grip works in.
+			* Listeners go on the document so the pointer may leave the 4px grip — and the window —
+			* without dropping the drag halfway.
+			*/
+			const beginResize = (event) => {
+				event.preventDefault();
+				const section = event.currentTarget.parentElement;
+				if (section === null) return;
+				dragStart.current = {
+					y: event.clientY,
+					height: section.getBoundingClientRect().height
+				};
+				setDraggingPx(dragStart.current.height);
+				const onMove = (move) => {
+					const start = dragStart.current;
+					if (start === null) return;
+					setDraggingPx(clampHeight(start.height + (start.y - move.clientY)));
+				};
+				const onUp = () => {
+					document.removeEventListener("pointermove", onMove);
+					document.removeEventListener("pointerup", onUp);
+					document.removeEventListener("pointercancel", onUp);
+					dragStart.current = null;
+					setDraggingPx((settled) => {
+						if (settled !== void 0) {
+							setHeightPx(settled);
+							savePreferences({ sidebarHeightPx: settled }).catch(() => void 0);
+						}
+					});
+				};
+				document.addEventListener("pointermove", onMove);
+				document.addEventListener("pointerup", onUp);
+				document.addEventListener("pointercancel", onUp);
+			};
+			(0, react.useEffect)(() => {
+				if (!searchExpanded) return;
+				const onDown = (event) => {
+					if (event.target?.closest(`.${SidebarRooms_module_css_default.search}`) === null) {
+						if (searchQuery.length === 0) setSearchExpanded(false);
+					}
+				};
+				document.addEventListener("mousedown", onDown);
+				return () => document.removeEventListener("mousedown", onDown);
+			}, [searchExpanded, searchQuery.length]);
+			const query = searchQuery.trim().toLowerCase();
+			const visible = (rooms ?? []).filter((room) => archivedFilter === "all" || room.joined).filter((room) => query.length === 0 || room.name.toLowerCase().includes(query)).slice().sort((a, b) => orderBy === "manual" ? 0 : Date.parse(b.updatedAt || b.createdAt) - Date.parse(a.updatedAt || a.createdAt));
+			const onPickOrder = (0, react.useCallback)(async (mode) => {
+				setOrderBy(mode);
+				setViewOpen(false);
+			}, []);
+			(0, react.useEffect)(() => {
+				const keyword = searchQuery.trim();
+				if (keyword.length === 0) return;
+				let cancelled = false;
+				const timer = setTimeout(() => {
+					if (!cancelled) store.discover(keyword);
+				}, 300);
+				return () => {
+					cancelled = true;
+					clearTimeout(timer);
+				};
+			}, [searchQuery, store]);
+			const joinable = joinableRooms(discoverable ?? [], new Set((rooms ?? []).map((room) => room.id)));
+			const onJoin = async (roomId) => {
+				setJoining(roomId);
+				try {
+					await store.join(roomId);
+					store.open(roomId);
+					store.setSearch("");
+					setSearchExpanded(false);
+				} finally {
+					setJoining(void 0);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: SidebarRooms_module_css_default.root,
+				"aria-label": t("title"),
+				style: {
+					height: `${String(draggingPx ?? heightPx ?? HEIGHT_MIN)}px`,
+					maxHeight: "none"
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: SidebarRooms_module_css_default.resizer,
+						role: "separator",
+						"aria-orientation": "horizontal",
+						"aria-label": t("resizeRegion"),
+						"aria-valuenow": Math.round(draggingPx ?? heightPx ?? 0) || void 0,
+						tabIndex: 0,
+						onPointerDown: beginResize,
+						onKeyDown: (event) => {
+							const step = event.shiftKey ? 40 : 10;
+							const grow = event.key === "ArrowUp" || event.key === "ArrowLeft";
+							const shrink = event.key === "ArrowDown" || event.key === "ArrowRight";
+							if (!grow && !shrink) return;
+							event.preventDefault();
+							event.currentTarget.parentElement;
+							const next = clampHeight((heightPx ?? HEIGHT_MIN) + (grow ? step : -step));
+							setHeightPx(next);
+							savePreferences({ sidebarHeightPx: next }).catch(() => void 0);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SidebarRooms_module_css_default.sectionHeader,
+						children: [
+							!searchExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.sectionLabel,
+								children: t("title")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: searchExpanded ? SidebarRooms_module_css_default.searchSlotExpanded : SidebarRooms_module_css_default.searchSlot,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: searchExpanded ? SidebarRooms_module_css_default.searchExpanded : SidebarRooms_module_css_default.search,
+									onClick: () => {
+										setSearchExpanded(true);
+										searchInput.current?.focus();
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t("search"),
+											side: "bottom",
+											delayMs: 500,
+											disabled: searchExpanded,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: SidebarRooms_module_css_default.searchButton,
+												"aria-label": t("search"),
+												"aria-expanded": searchExpanded,
+												onClick: (event) => {
+													event.stopPropagation();
+													setSearchExpanded((v) => !v);
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutlineRegular, { size: searchExpanded ? 11 : 14 })
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											ref: searchInput,
+											className: SidebarRooms_module_css_default.searchInput,
+											type: "text",
+											placeholder: t("searchPlaceholder"),
+											value: searchQuery,
+											tabIndex: searchExpanded ? 0 : -1,
+											onChange: (event) => store.setSearch(event.target.value),
+											onKeyDown: (event) => {
+												if (event.key !== "Escape") return;
+												store.setSearch("");
+												setSearchExpanded(false);
+											}
+										}),
+										searchExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: SidebarRooms_module_css_default.clearButton,
+											"aria-label": t("searchClear"),
+											onClick: (event) => {
+												event.stopPropagation();
+												store.setSearch("");
+												setSearchExpanded(false);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseFillRegular, {})
+										})
+									]
+								})
+							}),
+							!searchExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SidebarRooms_module_css_default.headerActions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewOptionsMenu, {
+									t,
+									open: viewOpen,
+									orderBy,
+									archivedFilter,
+									onToggle: () => setViewOpen((v) => !v),
+									onPickOrder: (mode) => void onPickOrder(mode),
+									onPickArchived: (mode) => {
+										setArchivedFilter(mode);
+										setViewOpen(false);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+									label: t("createRoom"),
+									side: "bottom",
+									delayMs: 500,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: SidebarRooms_module_css_default.iconButton,
+										"aria-label": t("createRoom"),
+										onClick: () => store.openCreate(),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconProjectAddOutlineRegular, { size: 16 })
+									})
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SidebarRooms_module_css_default.listArea,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SidebarRooms_module_css_default.list,
+							children: [
+								failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: SidebarRooms_module_css_default.empty,
+									children: t(failure)
+								}),
+								failure === void 0 && rooms === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: SidebarRooms_module_css_default.empty,
+									children: t("loading")
+								}),
+								failure === void 0 && rooms !== void 0 && visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SidebarRooms_module_css_default.emptyState,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutlineRegular, { size: 28 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: query.length > 0 ? t("searchEmpty") : t("emptyRooms") })]
+								}),
+								visible.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+									className: SidebarRooms_module_css_default.flatList,
+									children: visible.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomRow, {
+										room,
+										t,
+										store,
+										selected: room.id === activeRoomId,
+										onOpen: () => store.open(room.id)
+									}) }, room.id))
+								}),
+								query.length > 0 && discoverable !== void 0 && joinable.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SidebarRooms_module_css_default.discoverSection,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: SidebarRooms_module_css_default.discoverHeading,
+										children: t("discoverHeading")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+										className: SidebarRooms_module_css_default.flatList,
+										children: joinable.map((room) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: SidebarRooms_module_css_default.discoverRow,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SidebarRooms_module_css_default.discoverName,
+													children: room.name
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SidebarRooms_module_css_default.discoverMeta,
+													children: t("discoverMembers").replace("{count}", String(room.memberCount))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: SidebarRooms_module_css_default.joinButton,
+													disabled: joining === room.id,
+													onClick: () => {
+														onJoin(room.id);
+													},
+													children: joining === room.id ? t("joining") : t("joinRoom")
+												})
+											]
+										}) }, room.id))
+									})]
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SidebarRooms_module_css_default.fade,
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreateRoomDialog, {
+						t,
+						tPreset,
+						store
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomDialogs, {
+						t,
+						store
+					})
+				]
+			});
+		}
+		/** One room row: glyph, name, and the member count where a session row shows its time. */
+		function RoomRow(props) {
+			const { room, t, selected, onOpen, store } = props;
+			const [menuAnchor, setMenuAnchor] = (0, react.useState)(null);
+			const [confirmingLeave, setConfirmingLeave] = (0, react.useState)(false);
+			const [leaving, setLeaving] = (0, react.useState)(false);
+			const [leaveFailure, setLeaveFailure] = (0, react.useState)(void 0);
+			const [confirmingDissolve, setConfirmingDissolve] = (0, react.useState)(false);
+			const [dissolving, setDissolving] = (0, react.useState)(false);
+			const [dissolveFailure, setDissolveFailure] = (0, react.useState)(void 0);
+			const unread = room.joined ? room.unreadCount ?? 0 : 0;
+			const mentioned = unread > 0 && (room.mentionCount ?? 0) > 0;
+			const closeLeave = () => {
+				setConfirmingLeave(false);
+				setLeaveFailure(void 0);
+			};
+			const closeDissolve = () => {
+				setConfirmingDissolve(false);
+				setDissolveFailure(void 0);
+			};
+			const leave = async () => {
+				if (leaving) return;
+				setLeaving(true);
+				setLeaveFailure(void 0);
+				try {
+					await store.leave(room.id);
+					setConfirmingLeave(false);
+				} catch (cause) {
+					setLeaveFailure(failureOf(cause));
+				} finally {
+					setLeaving(false);
+				}
+			};
+			const dissolve = async () => {
+				if (dissolving) return;
+				setDissolving(true);
+				setDissolveFailure(void 0);
+				try {
+					await store.dissolve(room.id);
+					setConfirmingDissolve(false);
+				} catch (cause) {
+					setDissolveFailure(failureOf(cause));
+				} finally {
+					setDissolving(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SidebarRooms_module_css_default.rowWrap,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: selected ? SidebarRooms_module_css_default.sessionRowSelected : SidebarRooms_module_css_default.sessionRow,
+						onClick: onOpen,
+						onContextMenu: (event) => {
+							event.preventDefault();
+							setMenuAnchor(event.currentTarget.getBoundingClientRect());
+						},
+						"aria-current": selected,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.rowIcon,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+									width: "16",
+									height: "16",
+									viewBox: "0 0 16 16",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.4",
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 3.5A1.5 1.5 0 0 1 4 2h5a1.5 1.5 0 0 1 1.5 1.5v3A1.5 1.5 0 0 1 9 8H5.5L3 10V8h-.5A1.5 1.5 0 0 1 2.5 6.5z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11 5.5h1A1.5 1.5 0 0 1 13.5 7v3.5A1.5 1.5 0 0 1 12 12h-.5v2l-2.5-2H7" })]
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.title,
+								children: room.name
+							}),
+							unread > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: mentioned ? SidebarRooms_module_css_default.unreadMentioned : SidebarRooms_module_css_default.unread,
+								"aria-label": mentioned ? t("unreadMentionAria").replace("{count}", String(unread)) : t("unreadAria").replace("{count}", String(unread)),
+								children: unread > 99 ? "99+" : String(unread)
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.time,
+								children: room.joined ? t("memberCountShort").replace("{count}", String(room.memberCount)) : t("left")
+							})
+						]
+					}),
+					menuAnchor !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomMenu, {
+						t,
+						room,
+						store,
+						anchor: menuAnchor,
+						onClose: () => setMenuAnchor(null),
+						onRequestLeave: () => {
+							setMenuAnchor(null);
+							setConfirmingLeave(true);
+						},
+						onRequestDissolve: () => {
+							setMenuAnchor(null);
+							setConfirmingDissolve(true);
+						}
+					}),
+					confirmingLeave && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LeaveRoomDialog, {
+						t,
+						room,
+						busy: leaving,
+						failure: leaveFailure,
+						onCancel: closeLeave,
+						onConfirm: () => void leave()
+					}),
+					confirmingDissolve && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DissolveRoomDialog, {
+						t,
+						room,
+						busy: dissolving,
+						failure: dissolveFailure,
+						onCancel: closeDissolve,
+						onConfirm: () => void dissolve()
+					})
+				]
+			});
+		}
+		/**
+		* The row's context menu.
+		*
+		* Two official workspace entries are absent here rather than relabelled. Archiving would
+		* duplicate "leave room", and forking copies history whose events carry no member
+		* attribution — producing a room that looks continuous but whose earlier messages belong
+		* to nobody. The remaining entries are the ones the design settled on, and each is shown
+		* only when it applies to this room and this caller.
+		*/
+		function RoomMenu(props) {
+			const { t, room, store, onClose, anchor, onRequestLeave, onRequestDissolve } = props;
+			const [renaming, setRenaming] = (0, react.useState)(false);
+			const [draftName, setDraftName] = (0, react.useState)(room.name);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const run = async (action) => {
+				setBusy(true);
+				try {
+					await action();
+					onClose();
+				} finally {
+					setBusy(false);
+				}
+			};
+			const below = window.innerHeight - anchor.bottom - 8;
+			const placement = below < 220 && anchor.top > below ? { bottom: window.innerHeight - anchor.top + 4 } : { top: anchor.bottom + 4 };
+			const portal = (body) => (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: SidebarRooms_module_css_default.menuLayer,
+				style: {
+					...placement,
+					left: anchor.left
+				},
+				onClick: (event) => event.stopPropagation(),
+				children: body
+			}), document.body);
+			if (renaming) {
+				const commit = () => {
+					run(() => store.rename(room.id, draftName.trim()));
+				};
+				const cancel = () => {
+					setRenaming(false);
+					setDraftName(room.name);
+				};
+				return portal(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.menuRename,
+					role: "dialog",
+					"aria-label": t("renameTitle"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SidebarRooms_module_css_default.menuHeading,
+							children: t("renameTitle")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: SidebarRooms_module_css_default.menuInput,
+							value: draftName,
+							autoFocus: true,
+							placeholder: t("renamePlaceholder"),
+							onChange: (event) => setDraftName(event.target.value),
+							onKeyDown: (event) => {
+								if (event.key === "Enter" && draftName.trim().length > 0) commit();
+								if (event.key === "Escape") cancel();
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SidebarRooms_module_css_default.menuActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SidebarRooms_module_css_default.menuCancel,
+								onClick: cancel,
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SidebarRooms_module_css_default.menuConfirm,
+								disabled: busy || draftName.trim().length === 0,
+								onClick: commit,
+								children: t("save")
+							})]
+						})
+					]
+				}));
+			}
+			return portal(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SidebarRooms_module_css_default.menu,
+				role: "menu",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => setRenaming(true),
+						children: t("menuRename")
+					}),
+					room.joined && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => {
+							store.setDialog({
+								kind: "invite",
+								roomId: room.id
+							});
+							onClose();
+						},
+						children: t("menuInvite")
+					}),
+					store.openMembers !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => {
+							store.openMembers?.(room.id);
+							onClose();
+						},
+						children: t("menuMembers")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => {
+							store.setDialog({
+								kind: "settings",
+								roomId: room.id
+							});
+							onClose();
+						},
+						children: t("menuSettings")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => {
+							navigator.clipboard?.writeText(room.id);
+							onClose();
+						},
+						children: t("copyRoomId")
+					}),
+					room.joined && store.selfId() === room.ownerUserId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: () => {
+							store.setDialog({
+								kind: "transfer",
+								roomId: room.id
+							});
+							onClose();
+						},
+						children: t("menuTransfer")
+					}),
+					room.joined && store.selfId() !== room.ownerUserId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: onRequestLeave,
+						children: t("menuLeave")
+					}),
+					(store.selfId() === room.ownerUserId || store.administrator()) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: SidebarRooms_module_css_default.menuItem,
+						onClick: onRequestDissolve,
+						children: t("menuDissolve")
+					})
+				]
+			}));
+		}
+		/**
+		* The dissolve-room confirmation.
+		*
+		* A separate dialog from leaving, not a variant of it: leaving removes one membership and the
+		* room carries on for everyone else, while dissolving ends it for every member and takes the
+		* messages with it. Sharing one dialog would let the far more destructive act read as the
+		* mild one.
+		*
+		* Like the leave dialog, a refusal keeps this open and prints the mapped reason: the room is
+		* still there, so closing would read as success.
+		*/
+		function DissolveRoomDialog(props) {
+			const { t, room, busy, failure, onCancel, onConfirm } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose: onCancel,
+				title: t("menuDissolve"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						"data-modal-autofocus": true,
+						variant: "ghost",
+						size: "md",
+						disabled: busy,
+						onClick: onCancel,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "md",
+						disabled: busy,
+						className: SidebarRooms_module_css_default.leaveConfirmDanger,
+						onClick: onConfirm,
+						children: t("menuDissolve")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.leaveBody,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SidebarRooms_module_css_default.leaveCopy,
+							children: t("menuDissolveConfirm")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: SidebarRooms_module_css_default.leaveRoomName,
+							children: [t("menuDissolveTarget"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: room.name })]
+						}),
+						failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SidebarRooms_module_css_default.leaveError,
+							role: "alert",
+							children: t(failure)
+						})
+					]
+				})
+			});
+		}
+		/**
+		* The leave-room confirmation.
+		*
+		* It exists because leaving is not undoable from this surface: the sidebar keeps the room
+		* under the "left rooms" filter, but rejoining is a separate discovery step. The copy names
+		* that the agent's recorded history stays, which is the part a reader cannot infer.
+		*
+		* A refused leave keeps this dialog open and prints the mapped failure. Closing on failure
+		* was the old behaviour and read as success — the only sign it had gone wrong was the room
+		* still being in the list.
+		*/
+		function LeaveRoomDialog(props) {
+			const { t, room, busy, failure, onCancel, onConfirm } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose: onCancel,
+				title: t("menuLeave"),
+				closeLabel: t("cancel"),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.footer,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						"data-modal-autofocus": true,
+						variant: "ghost",
+						size: "md",
+						disabled: busy,
+						onClick: onCancel,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "md",
+						disabled: busy,
+						onClick: onConfirm,
+						children: t("menuLeave")
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.leaveBody,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SidebarRooms_module_css_default.leaveCopy,
+							children: t("menuLeaveConfirm")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SidebarRooms_module_css_default.leaveRoomName,
+							children: room.name
+						}),
+						failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SidebarRooms_module_css_default.leaveError,
+							role: "alert",
+							children: t(failure)
+						})
+					]
+				})
+			});
+		}
+		/** The trailing view menu: ordering and whether rooms the operator left are listed. */
+		function ViewOptionsMenu(props) {
+			const { t, open, orderBy, archivedFilter, onToggle, onPickOrder, onPickArchived } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SidebarRooms_module_css_default.viewWrap,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+					label: t("viewOptions"),
+					side: "bottom",
+					delayMs: 500,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: SidebarRooms_module_css_default.iconButton,
+						"aria-label": t("viewOptions"),
+						"aria-expanded": open,
+						onClick: onToggle,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSlidersTwoOutlineRegular, { size: 16 })
+					})
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SidebarRooms_module_css_default.menuInline,
+					role: "menu",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SidebarRooms_module_css_default.menuHeading,
+							children: t("orderBy")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "menuitem",
+							className: SidebarRooms_module_css_default.menuItem,
+							onClick: () => onPickOrder("updated"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconClockOutlineRegular, { size: 14 }),
+								t("orderByUpdated"),
+								orderBy === "updated" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SidebarRooms_module_css_default.check,
+									children: "✓"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "menuitem",
+							className: SidebarRooms_module_css_default.menuItem,
+							onClick: () => onPickOrder("manual"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronsUpDownOutlineRegular, { size: 14 }),
+								t("orderByManual"),
+								orderBy === "manual" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SidebarRooms_module_css_default.check,
+									children: "✓"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SidebarRooms_module_css_default.menuHeading,
+							children: t("archivedFilter")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "menuitem",
+							className: SidebarRooms_module_css_default.menuItem,
+							onClick: () => onPickArchived("default"),
+							children: [t("archivedHide"), archivedFilter === "default" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.check,
+								children: "✓"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "menuitem",
+							className: SidebarRooms_module_css_default.menuItem,
+							onClick: () => onPickArchived("all"),
+							children: [t("archivedShow"), archivedFilter === "all" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SidebarRooms_module_css_default.check,
+								children: "✓"
+							})]
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/MessageSide.module.css.mjs
+		const css$2 = ".KXabfq_otherRow{display:contents}.KXabfq_otherRow.KXabfq_otherRow>*{align-items:flex-start}.KXabfq_otherRow{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;display:flex}.KXabfq_author{min-width:0;max-width:100%;color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;margin:0 0 4px 2px;font-size:12px;line-height:16px;display:flex}.KXabfq_authorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.KXabfq_otherRow.KXabfq_otherRow>:not(.KXabfq_author){align-items:flex-start;max-width:100%}";
+		const tagId$2 = "@sparkelf/dsh-group-chat/MessageSide.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var MessageSide_module_css_default = {
+			"authorName": "KXabfq_authorName",
+			"author": "KXabfq_author",
+			"otherRow": "KXabfq_otherRow"
+		};
+		//#endregion
+		//#region src/client/MessageSide.tsx
+		/**
+		* Left/right placement for group-chat messages.
+		*
+		* The official Chat renderer draws every user message right-aligned — its own CSS is
+		* unconditional (`align-items: flex-end`), with no self/other distinction, because in an
+		* ordinary Session the only author is the operator. A room has several authors, so the
+		* side has to carry a meaning the official renderer does not compute: this workspace's own
+		* messages stay right, everyone else's move left.
+		*
+		* It is implemented by **wrapping the official renderer, not replacing it**. The official
+		* component is read back out of the slot registry and rendered as an element, so markdown,
+		* images, file and skill references, per-message actions and the streaming behaviour all
+		* stay the official implementation's. Re-drawing the bubble here would have to track every
+		* one of those forever.
+		*
+		* An ordinary Session is untouched: a message with no room source is rendered through the
+		* official component with no wrapper at all, which is what keeps the two paths equal in
+		* what they draw.
+		*
+		* Another author's message also carries their name and picture above the bubble. The official
+		* renderer draws neither — in an ordinary Session every message is the operator's own, so there
+		* is no author to attribute — and the event itself carries only the author's id. The name and
+		* picture therefore come from the roster, looked up by that id. When the roster has not loaded,
+		* or the author has since left, the message renders bare rather than labelled with an id: a
+		* wrong name is worse than no name.
+		*
+		* @module @sparkelf/dsh-group-chat/client/MessageSide
+		*/
+		/**
+		* Which side a message belongs on, or `undefined` when it is not a room message.
+		*
+		* `roomId` is the discriminator: the Host stamps it on every message it admits to a room,
+		* and an ordinary Session's message carries `{kind, rpcId, clientTimeZone}` instead. The
+		* remaining cases split the room's own authors — an agent is always someone else, and a
+		* human is "self" only when the id matches this workspace's account. A message whose
+		* author cannot be identified is placed left, because assuming "self" would silently
+		* attribute another member's words to the operator.
+		*
+		* @param message - the message data the node carries.
+		* @param selfId - this workspace's own account id, when known.
+		* @returns `'self'`, `'other'`, or `undefined` for a non-room message.
+		*/
+		const messageSide = (message, selfId) => {
+			const source = message?.source;
+			if (source === void 0 || source === null) return void 0;
+			if (typeof source.roomId !== "string" || source.roomId.length === 0) return void 0;
+			if (source.authorKind === "agent") return "other";
+			return selfId !== void 0 && source.memberId === selfId ? "self" : "other";
+		};
+		/**
+		* The roster entry for one message's author, when the room knows it.
+		*
+		* The bubble needs the name and the picture, and neither is on the event: a message carries only
+		* `source.memberId`. The roster is the only place those two facts live, so this is the lookup
+		* that lets another author's message say who wrote it.
+		*
+		* @param message - the message data the node carries.
+		* @param roster - that room's members, or `undefined` before the roster has been read.
+		* @returns the matching member, or `undefined` when the author is unknown or has left.
+		*/
+		const authorOf = (message, roster) => {
+			const memberId = message?.source?.memberId;
+			if (typeof memberId !== "string" || memberId.length === 0) return void 0;
+			return roster?.find((member) => member.userId === memberId);
+		};
+		/**
+		* The name to draw above another author's message.
+		*
+		* Falls back to the roster's display name only, never to the id: an unlabelled bubble is
+		* readable, but a bubble labelled `u_7f3a91` is not, and it would also leak an internal id into
+		* the conversation.
+		*
+		* @param member - the author's roster entry.
+		* @returns the name, or `undefined` when the roster has no usable one.
+		*/
+		const authorNameOf = (member) => {
+			const name = member?.displayName?.trim() ?? "";
+			return name.length === 0 ? void 0 : name;
+		};
+		/**
+		* Render one node with its room side applied.
+		*
+		* Two details this has to get right, both of which fail silently otherwise:
+		*
+		* The official view is created as a React **element**, never called as a plain function. It
+		* is a `React.memo` component, which compiles to a non-callable object, so calling it throws
+		* `TypeError: … is not a function`; and even when a view is callable, calling it directly
+		* would run its Hooks as this component's and drop its memoization.
+		*
+		* The account id is read through `useSyncExternalStore` rather than captured. It is fetched
+		* after the first paint, and a value captured when this renderer was registered would stay
+		* `undefined` for the life of the page — every message would keep the unknown-author
+		* placement, and nothing would ever correct it. The store is the same observable the room
+		* list uses, and the snapshot is a plain string, so an unrelated room-list change notifies
+		* without re-rendering: React compares the snapshot by identity.
+		*
+		* @param props - the official props plus this wrapper's placement inputs.
+		* @returns the official view, wrapped only when the message is another author's room message.
+		*/
+		const MessageSide = (props) => {
+			const { node, Official, getSelfId, subscribeSelf, sided, getRoster } = props;
+			const selfId = (0, react.useSyncExternalStore)(subscribeSelf, getSelfId, getSelfId);
+			if (typeof Official !== "function" && typeof Official !== "object") return null;
+			const view = (0, react.createElement)(Official, props);
+			const message = node?.data;
+			if ((sided ? messageSide(message, selfId) : void 0) !== "other") return view;
+			const roomId = message?.source?.roomId;
+			const member = authorOf(message, typeof roomId === "string" && roomId.length > 0 ? getRoster(roomId) : void 0);
+			const name = authorNameOf(member);
+			const head = name === void 0 || member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageSide_module_css_default["author"],
+				"data-group-chat-author": member.userId,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+					name,
+					src: member.avatarUrl,
+					size: "sm"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: MessageSide_module_css_default["authorName"],
+					children: name
+				})]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageSide_module_css_default["otherRow"],
+				"data-group-chat-side": "other",
+				children: [head, view]
+			});
+		};
+		//#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$1 = ".VeQVAa_root{box-sizing:border-box;flex-direction:column;gap:16px;min-width:200px;padding:12px 12px 20px;display:flex}.VeQVAa_section{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_section+.VeQVAa_section{border-top:1px solid var(--dsw-alias-border-l3);padding-top:14px}.VeQVAa_sectionHeader{align-items:center;gap:6px;min-width:0;display:flex}.VeQVAa_sectionToggle{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.VeQVAa_caret{width:10px;color:var(--dsw-alias-label-tertiary);flex:none;font-size:10px;line-height:12px}.VeQVAa_sectionBody{flex-direction:column;gap:8px;min-width:0;display:flex}.VeQVAa_sectionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VeQVAa_count{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.VeQVAa_searchToggle{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.VeQVAa_searchToggle:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.VeQVAa_searchToggle:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.VeQVAa_linkButton{border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-business-primary);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:12px}.VeQVAa_linkButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_announcementText{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_editor{flex-direction:column;gap:8px;display:flex}.VeQVAa_textarea{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-sm);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;background:0 0;padding:8px 10px;font-size:13px;line-height:20px}.VeQVAa_textarea:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}.VeQVAa_editorFooter{align-items:center;gap:6px;display:flex}.VeQVAa_editorFooter .VeQVAa_hint{margin-right:auto}.VeQVAa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:16px}.VeQVAa_unavailable{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.VeQVAa_error{color:var(--dsw-alias-state-error-primary,var(--dsw-alias-label-primary));margin:0;font-size:12px;line-height:16px}.VeQVAa_notice{color:var(--dsw-alias-label-tertiary);margin:0;padding:16px 12px;font-size:12px;line-height:18px}.VeQVAa_search{min-width:0}.VeQVAa_list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.VeQVAa_row{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;min-width:0;padding:5px 4px;display:flex}.VeQVAa_row:hover{background:var(--dsw-alias-interactive-bg-hover)}.VeQVAa_name{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;line-height:18px;overflow:hidden}.VeQVAa_fileButton{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:var(--dsw-alias-border-radius-s);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.VeQVAa_fileButton:hover .VeQVAa_name{text-decoration:underline}.VeQVAa_filePicker{display:none}.VeQVAa_crumbs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;display:flex}.VeQVAa_crumbGroup{align-items:center;gap:2px;min-width:0;display:inline-flex}.VeQVAa_crumb{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;overflow:hidden}.VeQVAa_crumb:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.VeQVAa_crumbSep{color:var(--dsw-alias-label-tertiary);font-size:11px}.VeQVAa_refresh{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0 4px;font-size:12px;line-height:16px}.VeQVAa_refresh:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_preview{border:1px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-alias-border-radius-m);background:var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-base));margin-top:8px;overflow:hidden}.VeQVAa_previewHeader{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 8px;display:flex}.VeQVAa_previewTitle{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.VeQVAa_previewClose{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:14px;line-height:16px}.VeQVAa_previewClose:hover{color:var(--dsw-alias-label-primary)}.VeQVAa_previewImage{border-radius:var(--dsw-alias-border-radius-s);background:var(--dsw-alias-bg-base);max-width:100%;height:auto;display:block}.VeQVAa_previewBody{max-height:240px;font-family:var(--dsw-alias-font-family-mono,monospace);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px;font-size:11px;line-height:16px;overflow:auto}.VeQVAa_fileIcon{text-align:center;flex:none;width:16px;font-size:12px;line-height:16px}.VeQVAa_fileSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.VeQVAa_remove{border-radius:var(--dsw-radius-sm);width:20px;height:20px;color:var(--dsw-alias-label-tertiary);opacity:0;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.VeQVAa_row:hover .VeQVAa_remove,.VeQVAa_remove:focus-visible{opacity:1}.VeQVAa_remove:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-error-primary)}.VeQVAa_selfTag{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);flex:none;padding:0 5px;font-size:11px;line-height:16px}.VeQVAa_ownerTag{border:1px solid color-mix(in srgb, var(--dsw-alias-state-warning-primary,#f7ad31) 40%, transparent);border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-state-warning-primary,#f7ad31);flex:none;padding:0 5px;font-size:11px;line-height:16px}";
+		const tagId$1 = "@sparkelf/dsh-group-chat/MembersPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var MembersPanel_module_css_default = {
+			"announcementText": "VeQVAa_announcementText",
+			"notice": "VeQVAa_notice",
+			"name": "VeQVAa_name",
+			"previewClose": "VeQVAa_previewClose",
+			"unavailable": "VeQVAa_unavailable",
+			"crumbGroup": "VeQVAa_crumbGroup",
+			"textarea": "VeQVAa_textarea",
+			"search": "VeQVAa_search",
+			"linkButton": "VeQVAa_linkButton",
+			"fileButton": "VeQVAa_fileButton",
+			"previewImage": "VeQVAa_previewImage",
+			"section": "VeQVAa_section",
+			"sectionToggle": "VeQVAa_sectionToggle",
+			"fileSize": "VeQVAa_fileSize",
+			"crumbSep": "VeQVAa_crumbSep",
+			"selfTag": "VeQVAa_selfTag",
+			"ownerTag": "VeQVAa_ownerTag",
+			"sectionBody": "VeQVAa_sectionBody",
+			"preview": "VeQVAa_preview",
+			"previewTitle": "VeQVAa_previewTitle",
+			"sectionHeader": "VeQVAa_sectionHeader",
+			"remove": "VeQVAa_remove",
+			"editor": "VeQVAa_editor",
+			"error": "VeQVAa_error",
+			"caret": "VeQVAa_caret",
+			"count": "VeQVAa_count",
+			"crumb": "VeQVAa_crumb",
+			"row": "VeQVAa_row",
+			"filePicker": "VeQVAa_filePicker",
+			"refresh": "VeQVAa_refresh",
+			"previewHeader": "VeQVAa_previewHeader",
+			"editorFooter": "VeQVAa_editorFooter",
+			"root": "VeQVAa_root",
+			"previewBody": "VeQVAa_previewBody",
+			"fileIcon": "VeQVAa_fileIcon",
+			"sectionLabel": "VeQVAa_sectionLabel",
+			"hint": "VeQVAa_hint",
+			"searchToggle": "VeQVAa_searchToggle",
+			"list": "VeQVAa_list",
+			"crumbs": "VeQVAa_crumbs"
+		};
+		//#endregion
+		//#region src/client/MembersPanel.tsx
+		/**
+		* The members panel, shown in the right sidebar beside a room's conversation.
+		*
+		* A room is a Session, so the shell already draws its messages; what the shell has no reason to
+		* know about is the roster behind them. This panel is that missing view: who is in the room, who
+		* owns it, and the one message every member is meant to see.
+		*
+		* It is a **tab in the official right sidebar**, not a dialog. A roster is something a reader
+		* consults while reading — opening it must not cover the conversation it describes — and the
+		* shell already owns tab placement, width, persistence and the ability to put it side by side
+		* with the document preview. Drawing our own overlay would have to track all of that.
+		*
+		* What the panel shows comes from the shared store rather than its own requests: the sidebar
+		* already reads the roster, and a second reader would let the two disagree about who is present.
+		* The one exception is writing the announcement, which no other surface can do.
+		*
+		* @module @sparkelf/dsh-group-chat/client/MembersPanel
+		*/
+		/** The tab type this panel is opened as. */
+		const MEMBERS_TAB_KIND = "groupChatMembers";
+		/**
+		* Render the roster and announcement for the room this Session belongs to.
+		*
+		* @param props - the Session, copy, and shared store.
+		* @returns the panel, or a short notice when this Session is not a room.
+		*/
+		function MembersPanel(props) {
+			const { sessionId, t, store } = props;
+			const roomId = roomIdOfSession({ id: sessionId });
+			const state = useRoomState(store);
+			(0, react.useEffect)(() => {
+				if (roomId !== void 0) store.loadMembers(roomId);
+			}, [roomId, store]);
+			const members = roomId === void 0 ? void 0 : state.members[roomId];
+			const rows = (0, react.useMemo)(() => members === void 0 ? void 0 : memberRows(members, state.selfId), [members, state.selfId]);
+			const room = state.rooms?.find((candidate) => candidate.id === roomId);
+			if (roomId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: MembersPanel_module_css_default["notice"],
+				children: t("membersNotARoom")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MembersPanel_module_css_default["root"],
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Announcement, {
+						t,
+						roomId,
+						announcement: room?.announcement,
+						canEdit: room !== void 0 && room.ownerUserId === state.selfId,
+						onSaved: () => {
+							store.refresh();
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharedFiles, {
+						t,
+						roomId
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Roster, {
+						t,
+						rows,
+						canRemove: room !== void 0 && room.ownerUserId === state.selfId,
+						onRemove: (userId) => {
+							store.removeMember(roomId, userId);
+						}
+					})
+				]
+			});
+		}
+		/**
+		* Subscribe to the shared store.
+		*
+		* Written as a hook rather than read inline so a roster that arrives after the first paint
+		* re-renders the panel: the store is a plain observable, not a framework store.
+		*
+		* @param store - the shared room store.
+		* @returns its current state, re-read on every change.
+		*/
+		function useRoomState(store) {
+			const [snapshot, setSnapshot] = (0, react.useState)(() => store.getState());
+			(0, react.useEffect)(() => {
+				setSnapshot(store.getState());
+				return store.subscribe(() => {
+					setSnapshot(store.getState());
+				});
+			}, [store]);
+			return snapshot;
+		}
+		/**
+		* The announcement area: read it, and for the owner, write it.
+		*
+		* Saving re-reads the room list instead of patching local state. The server stores a cleared
+		* announcement as `null`, so a local patch would leave this panel and the sidebar showing
+		* different spellings of the same absence.
+		*
+		* @param props - the text, the permission, and how to report a save.
+		* @returns the section.
+		*/
+		function Announcement(props) {
+			const { t, roomId, announcement, canEdit, onSaved } = props;
+			const view = announcementView(announcement);
+			const [editing, setEditing] = (0, react.useState)(false);
+			const [draft, setDraft] = (0, react.useState)("");
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [missing, setMissing] = (0, react.useState)(false);
+			const [failure, setFailure] = (0, react.useState)(void 0);
+			const begin = (0, react.useCallback)(() => {
+				setDraft(view.state === "text" ? view.text : "");
+				setFailure(void 0);
+				setEditing(true);
+			}, [view]);
+			const save = (0, react.useCallback)(async () => {
+				setSaving(true);
+				setFailure(void 0);
+				try {
+					await setAnnouncement(roomId, draft.trim());
+					setEditing(false);
+					onSaved();
+				} catch (error) {
+					if (announcementMissing(error)) setMissing(true);
+					else setFailure("announcementFailed");
+				} finally {
+					setSaving(false);
+				}
+			}, [
+				draft,
+				onSaved,
+				roomId
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+				t,
+				title: t("announcementTitle"),
+				actions: canEdit && !editing && !missing && view.state !== "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: MembersPanel_module_css_default["linkButton"],
+					onClick: begin,
+					children: view.state === "empty" ? t("announcementAdd") : t("announcementEdit")
+				}) : void 0,
+				children: [missing || view.state === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["unavailable"],
+					children: t("announcementUnavailable")
+				}) : editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MembersPanel_module_css_default["editor"],
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: MembersPanel_module_css_default["textarea"],
+						value: draft,
+						placeholder: t("announcementPlaceholder"),
+						onChange: (event) => {
+							setDraft(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Escape") {
+								event.preventDefault();
+								setEditing(false);
+								return;
+							}
+							if (event.key === "Enter" && !event.shiftKey) {
+								event.preventDefault();
+								save();
+							}
+						},
+						rows: 4
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: MembersPanel_module_css_default["editorFooter"],
+						children: [
+							saving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["hint"],
+								children: t("announcementSaving")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["hint"],
+								children: t("announcementCleared")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								onClick: () => {
+									setEditing(false);
+								},
+								children: t("cancel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "primary",
+								onClick: () => void save(),
+								disabled: saving,
+								children: t("save")
+							})
+						]
+					})]
+				}) : view.state === "text" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["announcementText"],
+					children: view.text
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["unavailable"],
+					children: canEdit ? t("announcementEmpty") : t("announcementOwnerOnly")
+				}), failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["error"],
+					children: t(failure)
+				})]
+			});
+		}
+		/**
+		* A collapsible section header.
+		*
+		* The right sidebar can be dragged narrow, and this panel stacks three sections in it. A
+		* section that stays open at 200px squeezes the roster until names collide, so each section
+		* can collapse to its title — the title row is the thinnest thing that still tells a member
+		* what exists below. Collapsed state is local: a member who folded "shared files" to make
+		* room for the roster is describing what they are looking at now, not a preference to
+		* persist across rooms.
+		*
+		* @param props - visible title, optional count, and the body to hide.
+		* @returns the section.
+		*/
+		function CollapsibleSection(props) {
+			const { title, count, defaultOpen = true, actions, t, children } = props;
+			const [open, setOpen] = (0, react.useState)(defaultOpen);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: MembersPanel_module_css_default["section"],
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MembersPanel_module_css_default["sectionHeader"],
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: MembersPanel_module_css_default["sectionToggle"],
+							"aria-expanded": open,
+							onClick: () => {
+								setOpen((value) => !value);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["caret"],
+								"aria-hidden": "true",
+								children: open ? "▾" : "▸"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["sectionLabel"],
+								children: title
+							})]
+						}),
+						count !== void 0 && count > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MembersPanel_module_css_default["count"],
+							children: count
+						}),
+						actions
+					]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: MembersPanel_module_css_default["sectionBody"],
+					children
+				})]
+			});
+		}
+		/**
+		* The room's shared folder, as the members panel shows it.
+		*
+		* Read on demand rather than kept in the shared store: the folder changes when someone
+		* uploads or when the room's agent writes a file, and a panel that only refreshes on room
+		* switch would show a stale list for the whole time it is open. Re-reading each time the
+		* panel opens keeps the list honest without a poll of its own.
+		*
+		* @param props - the room and copy.
+		* @returns the section.
+		*/
+		function SharedFiles(props) {
+			const { t, roomId } = props;
+			const [state, setState] = (0, react.useState)(void 0);
+			const [preview, setPreview] = (0, react.useState)(void 0);
+			const [previewFailure, setPreviewFailure] = (0, react.useState)(void 0);
+			const [uploading, setUploading] = (0, react.useState)(false);
+			const [uploadFailure, setUploadFailure] = (0, react.useState)(void 0);
+			const [reloadKey, setReloadKey] = (0, react.useState)(0);
+			const [subPath, setSubPath] = (0, react.useState)("");
+			const fileInput = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				let live = true;
+				listRoomFiles(roomId, subPath).then((next) => {
+					if (live) setState(next);
+				}).catch(() => {
+					if (live) setState({
+						path: null,
+						files: []
+					});
+				});
+				return () => {
+					live = false;
+				};
+			}, [
+				roomId,
+				reloadKey,
+				subPath
+			]);
+			if (state === void 0) return null;
+			const crumbs = state.crumbs ?? [];
+			if (state.path === null) return null;
+			const openPreview = (path) => {
+				setPreviewFailure(void 0);
+				getRoomFile(roomId, path).then((next) => {
+					setPreview(next);
+				}).catch(() => {
+					setPreviewFailure(t("membersFileUnreadable"));
+				});
+			};
+			const upload = (picked) => {
+				setUploading(true);
+				setUploadFailure(void 0);
+				uploadRoomFile(roomId, picked).then(() => {
+					setReloadKey((value) => value + 1);
+				}).catch(() => {
+					setUploadFailure(t("membersFileUploadFailed"));
+				}).finally(() => {
+					setUploading(false);
+					if (fileInput.current !== null) fileInput.current.value = "";
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+				t,
+				title: t("membersFilesTitle"),
+				count: state.files.length,
+				actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: fileInput,
+						type: "file",
+						className: MembersPanel_module_css_default["filePicker"],
+						"aria-label": t("membersFileUpload"),
+						onChange: (event) => {
+							const picked = event.target.files?.[0];
+							if (picked !== void 0) upload(picked);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: MembersPanel_module_css_default["refresh"],
+						"aria-label": t("membersFileUpload"),
+						title: t("membersFileUpload"),
+						disabled: uploading,
+						onClick: () => {
+							fileInput.current?.click();
+						},
+						children: uploading ? "⋯" : "+"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: MembersPanel_module_css_default["refresh"],
+						"aria-label": t("membersFilesRefresh"),
+						title: t("membersFilesRefresh"),
+						onClick: () => {
+							setReloadKey((value) => value + 1);
+						},
+						children: "↻"
+					})
+				] }),
+				children: [
+					crumbs.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+						className: MembersPanel_module_css_default["crumbs"],
+						"aria-label": t("membersFilesTitle"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: MembersPanel_module_css_default["crumb"],
+							onClick: () => {
+								setSubPath("");
+							},
+							children: t("membersFilesRoot")
+						}), crumbs.map((crumb) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: MembersPanel_module_css_default["crumbGroup"],
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["crumbSep"],
+								"aria-hidden": "true",
+								children: "/"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: MembersPanel_module_css_default["crumb"],
+								onClick: () => {
+									setSubPath(crumb.path);
+								},
+								children: crumb.name
+							})]
+						}, crumb.path))]
+					}),
+					state.files.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: MembersPanel_module_css_default["hint"],
+						children: t("membersFilesEmpty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: MembersPanel_module_css_default["list"],
+						children: state.files.map((file) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+							className: MembersPanel_module_css_default["row"],
+							children: file.directory ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: MembersPanel_module_css_default["fileButton"],
+								onClick: () => {
+									setSubPath(joinPath(subPath, file.path));
+								},
+								title: file.path,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: MembersPanel_module_css_default["fileIcon"],
+									"aria-hidden": "true",
+									children: "📁"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: MembersPanel_module_css_default["name"],
+									children: file.name
+								})]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: MembersPanel_module_css_default["fileButton"],
+								onClick: () => {
+									openPreview(joinPath(subPath, file.path));
+								},
+								title: file.path,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: MembersPanel_module_css_default["fileIcon"],
+										"aria-hidden": "true",
+										children: "📄"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: MembersPanel_module_css_default["name"],
+										children: file.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: MembersPanel_module_css_default["fileSize"],
+										children: formatBytes(file.size)
+									})
+								]
+							})
+						}, file.path))
+					}),
+					previewFailure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: MembersPanel_module_css_default["hint"],
+						children: previewFailure
+					}),
+					uploadFailure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: MembersPanel_module_css_default["error"],
+						children: uploadFailure
+					}),
+					preview !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: MembersPanel_module_css_default["preview"],
+						"aria-label": preview.name,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: MembersPanel_module_css_default["previewHeader"],
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["previewTitle"],
+								title: preview.path,
+								children: preview.name
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: MembersPanel_module_css_default["previewClose"],
+								"aria-label": t("membersFileClose"),
+								onClick: () => {
+									setPreview(void 0);
+								},
+								children: "×"
+							})]
+						}), preview.image !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: MembersPanel_module_css_default["previewImage"],
+							src: preview.image,
+							alt: preview.name
+						}) : preview.textLike ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: MembersPanel_module_css_default["previewBody"],
+							children: preview.text
+						}), preview.truncated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: MembersPanel_module_css_default["hint"],
+							children: t("membersFileTruncated")
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: MembersPanel_module_css_default["hint"],
+							children: t("membersFileBinary")
+						})]
+					})
+				]
+			});
+		}
+		/** Joins a folder-relative path onto the folder currently shown. */
+		const joinPath = (prefix, name) => prefix === "" ? name : `${prefix}/${name}`;
+		/** Bytes as a short human string; the panel has one column, not a table. */
+		const formatBytes = (bytes) => {
+			if (bytes < 1024) return `${String(bytes)} B`;
+			if (bytes < 1048576) return `${(bytes / 1024).toFixed(0)} KB`;
+			return `${(bytes / 1048576).toFixed(1)} MB`;
+		};
+		/**
+		* The roster: a search box and one row per member.
+		*
+		* The search box appears only once the roster is long enough that scanning is slower than
+		* typing. Below that it would be a control that cannot help.
+		*
+		* @param props - the rows and copy.
+		* @returns the section.
+		*/
+		function Roster(props) {
+			const { t, rows, canRemove, onRemove } = props;
+			const [query, setQuery] = (0, react.useState)("");
+			const [searching, setSearching] = (0, react.useState)(false);
+			const visible = (0, react.useMemo)(() => rows === void 0 ? void 0 : filterMemberRows(rows, query), [rows, query]);
+			const closeSearch = () => {
+				setSearching(false);
+				setQuery("");
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+				t,
+				title: t("membersRosterTitle"),
+				count: rows?.length,
+				actions: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: MembersPanel_module_css_default["searchToggle"],
+					"aria-label": searching ? t("membersSearchClear") : t("membersSearchOpen"),
+					"aria-expanded": searching,
+					title: searching ? t("membersSearchClear") : t("membersSearchOpen"),
+					onClick: () => {
+						if (searching) closeSearch();
+						else setSearching(true);
+					},
+					children: searching ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.6",
+						strokeLinecap: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" })
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.6",
+						strokeLinecap: "round",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+							cx: "7",
+							cy: "7",
+							r: "4.5"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.5 10.5L14 14" })]
+					})
+				}),
+				children: [searching && rows !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: MembersPanel_module_css_default["search"],
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+						value: query,
+						autoFocus: true,
+						placeholder: t("membersSearchPlaceholder"),
+						"aria-label": t("membersSearch"),
+						onChange: (event) => {
+							setQuery(event.target.value);
+						}
+					})
+				}), visible === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["hint"],
+					children: t("loading")
+				}) : visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: MembersPanel_module_css_default["hint"],
+					children: rows !== void 0 && rows.length > 0 ? t("membersSearchEmpty") : t("membersEmpty")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					className: MembersPanel_module_css_default["list"],
+					children: visible.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: MembersPanel_module_css_default["row"],
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+								name: row.name,
+								src: row.avatarUrl,
+								size: "md"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["name"],
+								title: row.name,
+								children: row.name
+							}),
+							row.self && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["selfTag"],
+								children: t("membersSelf")
+							}),
+							row.owner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MembersPanel_module_css_default["ownerTag"],
+								children: t("membersOwner")
+							}),
+							canRemove && !row.self && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: MembersPanel_module_css_default["remove"],
+								title: t("removeMember"),
+								"aria-label": t("removeMember"),
+								onClick: () => {
+									onRemove(row.userId);
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 16 16",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.6",
+									strokeLinecap: "round",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4.5h10M6.5 4.5V3h3v1.5M5 4.5l.6 8a1 1 0 0 0 1 1h2.8a1 1 0 0 0 1-1l.6-8" })
+								})
+							})
+						]
+					}, row.userId))
+				})]
+			});
+		}
+		/**
+		* The chip that labels the members tab in the sidebar's tab strip.
+		*
+		* The sidebar calls this separately from the body so the strip can render without mounting every
+		* placed tab; it therefore needs the label alone, and none of the body's data.
+		*
+		* @param props - the localized copy.
+		* @returns the tab's label.
+		*/
+		function MembersTabTitle(props) {
+			return props.t("membersTitle");
+		}
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/group-chat/src/client/GuideEntry.module.css.mjs
+		const css = "._0Vnsuq_entry{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-xl);background:var(--dsw-alias-bg-layer-1);width:380px;max-width:100%;min-height:56px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:14px 20px;display:flex}._0Vnsuq_entry:hover{background:var(--dsw-alias-interactive-bg-hover)}._0Vnsuq_icon{width:26px;height:26px;color:var(--dsw-alias-label-secondary);flex:none;justify-content:center;align-items:center;display:flex}._0Vnsuq_text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}._0Vnsuq_title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;overflow:hidden}._0Vnsuq_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}";
+		const tagId = "@sparkelf/dsh-group-chat/GuideEntry.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-group-chat";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var GuideEntry_module_css_default = {
+			"title": "_0Vnsuq_title",
+			"text": "_0Vnsuq_text",
+			"icon": "_0Vnsuq_icon",
+			"description": "_0Vnsuq_description",
+			"entry": "_0Vnsuq_entry"
+		};
+		//#endregion
+		//#region src/client/GuideEntry.tsx
+		/**
+		* Draw the members box, or nothing when the open conversation is not a room.
+		*
+		* @param props - the box's copy, its Session, and how to open the page.
+		* @returns the box, or `null` outside a room.
+		*/
+		function MembersGuideEntry(props) {
+			const { title, description, sessionId, onPick } = props;
+			if (roomIdOfSession({ id: sessionId }) === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: GuideEntry_module_css_default["entry"],
+				"data-group-chat-guide-entry": props.entryId,
+				onClick: () => {
+					onPick?.();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: GuideEntry_module_css_default["icon"],
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+						width: "26",
+						height: "26",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.7",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+								cx: "9",
+								cy: "7",
+								r: "4"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+						]
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: GuideEntry_module_css_default["text"],
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: GuideEntry_module_css_default["title"],
+						children: title
+					}), description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: GuideEntry_module_css_default["description"],
+						children: description
+					})]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* Group-chat copy, in the shape every locale-backed DSH client plugin uses: one
+		* English object is the key set, and each other locale is a complete record over
+		* that key set so a missing translation fails to compile.
+		*
+		* @module @sparkelf/dsh-group-chat/client/locales
+		*/
+		/** English group-chat copy. */
+		const en = {
+			nav: "Group chat",
+			title: "Group chat",
+			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",
+			emptyRooms: "No rooms yet",
+			createRoom: "New room",
+			roomName: "Room name",
+			create: "Create",
+			search: "Search rooms",
+			searchPlaceholder: "Search rooms…",
+			searchClear: "Clear search",
+			searchEmpty: "No room matches",
+			discoverHeading: "Rooms you can join",
+			discoverMembers: "{count} members",
+			joinRoom: "Join",
+			joining: "Joining…",
+			viewOptions: "View options",
+			orderBy: "Sort",
+			orderByUpdated: "Recently active",
+			orderByManual: "Manual",
+			archivedFilter: "Left rooms",
+			archivedHide: "Hide",
+			archivedShow: "Show",
+			copyRoomId: "Copy room ID",
+			left: "Left",
+			memberCountShort: "{count}",
+			unreadAria: "{count} unread",
+			unreadMentionAria: "{count} unread, one mentions you",
+			createTitle: "New room",
+			createName: "Room name",
+			createCwd: "Working directory",
+			createCwdHint: "Determines which files the agent may change. Members of this room can ask the agent to modify anything under this directory.",
+			createPreset: "Agent preset",
+			createPresetHint: "Determines which tools the agent has in this room.",
+			createPresetDefault: "The deployment's default preset",
+			createPresetUnavailable: "The preset list is unavailable; the room will use the deployment default.",
+			createMembers: "Initial members",
+			createMembersHint: "You become the first member. Others can be added after the room exists.",
+			createPolicy: "Who may invite",
+			createVisibility: "Who can find this room",
+			createTrigger: "When the agent replies",
+			createNotice: "These settings control where the room appears in the interface. They are not access control.",
+			menuRename: "Rename",
+			menuInvite: "Invite members",
+			menuSettings: "Room settings",
+			menuMembers: "Manage members",
+			menuTransfer: "Transfer ownership",
+			menuTransferTitle: "Transfer ownership",
+			menuTransferHint: "Choose the member who becomes the owner. You become an ordinary member and can then leave.",
+			menuTransferConfirm: "Transfer",
+			menuTransferEmpty: "There is no other member to transfer to yet. Invite someone first.",
+			menuOwnerCannotLeave: "The owner cannot leave. Transfer ownership, or dissolve the room.",
+			menuDissolve: "Dissolve room",
+			menuDissolveTarget: "Room to dissolve: ",
+			menuDissolveConfirm: "Dissolve this room? Every member loses it, and its messages go with it. This cannot be undone.",
+			menuLeave: "Leave room",
+			menuLeaveConfirm: "Leave this room? The history your agent already recorded stays.",
+			renameTitle: "Rename room",
+			renamePlaceholder: "New name",
+			membersTitle: "Manage members",
+			/** The roster section's own heading; the tab label above already says "Manage members". */
+			membersRosterTitle: "Members",
+			membersSearch: "Search members",
+			membersSearchOpen: "Search members",
+			membersSearchPlaceholder: "Search members…",
+			membersSearchClear: "Clear search",
+			membersSearchEmpty: "No member matches",
+			membersEmpty: "This room has no members yet.",
+			membersError: "The member list could not be read. Retry from the room menu.",
+			announcementTitle: "Announcement",
+			announcementEmpty: "No announcement yet",
+			announcementAdd: "Add announcement",
+			announcementEdit: "Edit",
+			announcementPlaceholder: "Write something every member should see",
+			announcementUnavailable: "Announcements are unavailable in this deployment",
+			announcementSaving: "Saving…",
+			announcementOwnerOnly: "Only the room owner can edit the announcement",
+			announcementCleared: "The announcement was cleared",
+			announcementFailed: "Could not save the announcement. Try again.",
+			membersSelf: "You",
+			membersFilesTitle: "Shared files",
+			membersFilesEmpty: "Nothing shared yet.",
+			membersFilesRefresh: "Refresh files",
+			membersFileClose: "Close preview",
+			membersFileUnreadable: "Could not open that file.",
+			membersFileTruncated: "Only the beginning is shown.",
+			membersFileBinary: "Binary file — no text preview.",
+			membersSectionCollapsed: "Collapsed",
+			membersFileUpload: "Upload a file",
+			membersFileUploadFailed: "Upload failed.",
+			resizeRegion: "Resize the group chat region",
+			membersFilesRoot: "Files",
+			membersOwner: "Owner",
+			membersNotARoom: "This conversation is not a group chat, so it has no members.",
+			membersGuideHint: "Members and the announcement for this room",
+			inviteTitle: "Invite members",
+			invitePlaceholder: "Search DataOps accounts by name or handle",
+			inviteHint: "Only existing DataOps accounts can be added.",
+			inviteSubmit: "Invite",
+			inviteEmpty: "No matching accounts. They may already be in this room.",
+			inviteSearching: "Searching…",
+			inviteRemove: "Remove",
+			inviteSearchLabel: "Search accounts",
+			inviteSelectedCount: "{count} selected",
+			inviteSubmitCount: "Invite ({count})",
+			optionEmpty: "Nothing to choose from.",
+			pickThisDirectory: "Use this directory",
+			settingsTitle: "Room settings",
+			removeMember: "Remove",
+			ownerBadge: "Owner",
+			you: "You",
+			createSubmit: "Create",
+			cancel: "Cancel",
+			members: "Members",
+			memberCount: "members",
+			invite: "Invite",
+			leave: "Leave room",
+			leaveConfirm: "Leave this room? Your own agent keeps the history it already recorded.",
+			owner: "Owner",
+			sendPlaceholder: "Message the room. @ yourself to have your agent answer.",
+			send: "Send",
+			sending: "Sending…",
+			agentBadge: "agent",
+			triggeredHint: "Your agent is answering.",
+			notConfigured: "The group-chat server is not configured, so no rooms can be listed.",
+			unreachable: "The group-chat server did not answer.",
+			credentialMissing: "No workspace credential is available, so rooms cannot be read.",
+			credentialRejected: "The workspace credential was refused. Sign in to DataOps again, then retry.",
+			ownerCannotLeave: "The owner cannot leave. Transfer ownership, or dissolve the room.",
+			policy: "Who may invite",
+			policyAnyone: "Any member",
+			policyAdmin: "Owner only",
+			discoverability: "Discoverability",
+			discoverable: "Listed in search",
+			inviteOnly: "Invite only",
+			trigger: "When the agent replies",
+			triggerMention: "Only when @-mentioned",
+			triggerAlways: "Every message",
+			triggerNever: "Never (record only)",
+			save: "Save",
+			saved: "Saved"
+		};
+		/** Simplified Chinese group-chat copy. */
+		const zh = {
+			nav: "群聊",
+			title: "群聊",
+			description: "本工作区已加入的群聊。@ 自己会触发 agent 应答；其他消息都会记录并进入上下文，但不执行。",
+			loading: "正在加载群聊…",
+			retry: "重试",
+			emptyRooms: "暂无群聊",
+			createRoom: "新建群聊",
+			roomName: "群聊名称",
+			create: "创建",
+			search: "搜索群聊",
+			searchPlaceholder: "搜索群聊…",
+			searchClear: "清除搜索",
+			searchEmpty: "无匹配结果",
+			discoverHeading: "可以加入的群聊",
+			discoverMembers: "{count} 位成员",
+			joinRoom: "加入",
+			joining: "加入中…",
+			viewOptions: "视图选项",
+			orderBy: "排序",
+			orderByUpdated: "最近活跃",
+			orderByManual: "手动",
+			archivedFilter: "已退出的群聊",
+			archivedHide: "隐藏",
+			archivedShow: "显示",
+			copyRoomId: "复制群聊 ID",
+			left: "已退出",
+			memberCountShort: "{count}",
+			unreadAria: "{count} 条未读",
+			unreadMentionAria: "{count} 条未读，其中有 @ 你",
+			createTitle: "新建群聊",
+			createName: "群聊名称",
+			createCwd: "工作目录",
+			createCwdHint: "决定机器人能操作哪些文件。此群成员可以让机器人修改该目录下的任何文件。",
+			createPreset: "Agent preset",
+			createPresetHint: "决定机器人在本群可用的工具能力。",
+			createPresetDefault: "跟随部署默认预设",
+			createPresetUnavailable: "预设列表暂时读取不到；创建后将使用部署默认预设。",
+			createMembers: "初始成员",
+			createMembersHint: "创建者自动成为第一个成员；其余成员可在建群后邀请。",
+			createPolicy: "谁能邀请成员",
+			createVisibility: "谁能在群里发现这个房间",
+			createTrigger: "机器人何时回复",
+			createNotice: "这些设置控制房间在界面上的可见性，不构成访问控制。",
+			menuRename: "重命名",
+			menuInvite: "邀请成员",
+			menuSettings: "群聊设置",
+			menuMembers: "成员管理",
+			menuTransfer: "转让群主",
+			menuTransferTitle: "转让群主",
+			menuTransferHint: "选择一位成员成为新群主。转让后你会变成普通成员，那时就可以退出群聊。",
+			menuTransferConfirm: "转让",
+			menuTransferEmpty: "目前没有其他成员可以转让，请先邀请成员。",
+			menuOwnerCannotLeave: "群主不能退出群聊。请先转让群主，或解散群聊。",
+			menuDissolve: "解散群聊",
+			menuDissolveTarget: "将要解散群聊：",
+			menuDissolveConfirm: "解散这个群聊？所有成员都会失去它，群消息也会一并删除，且无法恢复。",
+			menuLeave: "退出群聊",
+			menuLeaveConfirm: "退出这个群聊？你自己的 agent 已记录的历史会保留。",
+			renameTitle: "重命名群聊",
+			renamePlaceholder: "新名称",
+			membersTitle: "成员管理",
+			membersRosterTitle: "成员",
+			membersSearch: "搜索成员",
+			membersSearchOpen: "搜索成员",
+			membersSearchPlaceholder: "搜索成员…",
+			membersSearchClear: "清除搜索",
+			membersSearchEmpty: "没有匹配的成员",
+			membersEmpty: "这个群还没有成员。",
+			membersError: "成员列表读取失败，可从群聊菜单重试。",
+			announcementTitle: "群公告",
+			announcementEmpty: "暂无群公告",
+			announcementAdd: "+ 添加公告",
+			announcementEdit: "编辑",
+			announcementPlaceholder: "写一条所有成员都能看到的公告",
+			announcementUnavailable: "公告功能暂不可用",
+			announcementSaving: "保存中…",
+			announcementOwnerOnly: "只有群主可以编辑公告",
+			announcementCleared: "公告已清空",
+			announcementFailed: "公告保存失败，请重试。",
+			membersSelf: "我",
+			membersFilesTitle: "群文件",
+			membersFilesEmpty: "还没有共享文件。",
+			membersFilesRefresh: "刷新文件",
+			membersFileClose: "关闭预览",
+			membersFileUnreadable: "无法打开该文件。",
+			membersFileTruncated: "仅显示开头部分。",
+			membersFileBinary: "二进制文件，不提供文本预览。",
+			membersSectionCollapsed: "已折叠",
+			membersFileUpload: "上传文件",
+			membersFileUploadFailed: "上传失败。",
+			resizeRegion: "拖动调节群聊区域高度",
+			membersFilesRoot: "群文件",
+			membersOwner: "群主",
+			membersNotARoom: "该会话不是群聊，没有群成员。",
+			membersGuideHint: "本群成员与群公告",
+			inviteTitle: "邀请成员",
+			invitePlaceholder: "按姓名或账号搜索 DataOps 用户",
+			inviteHint: "只能加入已存在的 DataOps 账号。",
+			inviteEmpty: "没有匹配的账号，可能已在群里。",
+			inviteSearching: "搜索中…",
+			inviteRemove: "移除",
+			inviteSearchLabel: "搜索账号",
+			inviteSelectedCount: "已选 {count} 人",
+			inviteSubmitCount: "邀请 ({count})",
+			optionEmpty: "没有可选项。",
+			pickThisDirectory: "用这个目录",
+			inviteSubmit: "邀请",
+			settingsTitle: "群聊设置",
+			removeMember: "移除",
+			ownerBadge: "群主",
+			you: "我",
+			createSubmit: "创建",
+			cancel: "取消",
+			members: "成员",
+			memberCount: "位成员",
+			invite: "邀请",
+			leave: "退出群聊",
+			leaveConfirm: "退出这个群聊？你自己的 agent 会保留已记录的历史。",
+			owner: "群主",
+			sendPlaceholder: "发消息。@ 自己可以让你的 agent 应答。",
+			send: "发送",
+			sending: "发送中…",
+			agentBadge: "agent",
+			triggeredHint: "你的 agent 正在应答。",
+			notConfigured: "未配置群聊服务器，无法列出群聊。",
+			unreachable: "群聊服务器没有响应。",
+			credentialMissing: "没有可用的工作区凭证，无法读取群聊。",
+			credentialRejected: "工作区凭证被拒绝。请重新登录 DataOps 后重试。",
+			ownerCannotLeave: "群主不能退出群聊。请先转让群主，或解散群聊。",
+			policy: "谁可以邀请",
+			policyAnyone: "任何成员",
+			policyAdmin: "仅群主",
+			discoverability: "可发现性",
+			discoverable: "可在搜索中列出",
+			inviteOnly: "仅限邀请",
+			trigger: "机器人何时回复",
+			triggerMention: "仅被 @ 时回复",
+			triggerAlways: "每条都回复",
+			triggerNever: "从不回复（纯记录）",
+			save: "保存",
+			saved: "已保存"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		const NS = "settings.groupChat";
+		/**
+		* Every `user`-shaped cell of the chat-node seat.
+		*
+		* `user` and `steering` are separate cells that render the *same* official component: a room
+		* message is `steering` once a turn has claimed it and `user` otherwise, so shadowing only
+		* `user` would leave exactly the messages that arrived while the agent was working on the
+		* right. Both are cell-local shadows, so neither reaches an ordinary Session: the side is
+		* decided from the message's own room source, and an ordinary message has none.
+		*/
+		const CHAT_NODE_KEYS = ["user", "steering"];
+		/** Priority this plugin claims its chat-node cells at; the official entries sit at `0`. */
+		const SHADOW_PRIORITY = -1;
+		/**
+		* This plugin's own chat-node renderer, so the lookup below cannot mistake it for the
+		* official one. Compared by identity against the registered component.
+		*/
+		const OUR_VIEW = MessageSide;
+		/**
+		* The entry the shell would render for one cell without this plugin.
+		*
+		* The registry projects shadowing winners through `entriesOfSlot`, which is exactly the
+		* wrong question here — this plugin is the winner. `entries` keeps the whole ledger, so the
+		* official entry is still visible, and picking the lowest-priority live one other than this
+		* plugin's own reproduces the pre-plugin choice.
+		*
+		* @param ledger - every registered entry for the chat-node slot.
+		* @param key - the cell being claimed.
+		* @param ours - this plugin's own component, excluded from the candidates.
+		* @returns the official component, or `undefined` when nothing else is registered.
+		*/
+		const officialViewFor = (ledger, key, ours) => ledger.filter((entry) => entry.options.key === key && entry.component !== ours).reduce((lowest, entry) => lowest === void 0 || (entry.options.priority ?? 0) < (lowest.options.priority ?? 0) ? entry : lowest, void 0)?.component;
+		/**
+		* Report why one chat-node cell could not be claimed.
+		*
+		* A rejected claim is not fatal — the official renderer still draws that cell — but it does
+		* mean the side never flips, which is invisible in the UI. The console is the only channel
+		* this half has, and the message has to name the cell so the missing side can be traced to it.
+		*/
+		const logClaimFailure = (key, error) => {
+			console.warn(`[group-chat] could not claim the "${key}" chat-node cell; messages of this kind stay on the official side`, error);
+		};
+		/** Main-panel key the sidebar rows select. */
+		const PANEL_ID = "group-chat";
+		/**
+		* The members tab type.
+		*
+		* `MEMBERS_TAB_ID` keys the type's slot entries; `MEMBERS_TAB_KIND` is what `openTab` resolves.
+		* They are separate values because the sidebar stores a placed tab by kind while the slot ledger
+		* is keyed by id — the same split the official schedule plugin makes.
+		*/
+		const MEMBERS_TAB_ID = "@sparkelf/dsh-group-chat/members";
+		/**
+		* The guide entry's own identity, and where it sorts on the start page.
+		*
+		* An id rather than the tab's: the guide lists one box per entry, and the id is what the
+		* entry-level slot replacement below is keyed by. The order lands the box among the other
+		* `extension` types instead of at either end.
+		*/
+		const MEMBERS_GUIDE_ID = "@sparkelf/dsh-group-chat/members-guide";
+		const MEMBERS_GUIDE_ORDER = 60;
+		const inject = [
+			"slots",
+			"locale",
+			"uiWorkspace",
+			"workspaces",
+			"sidebarRightTabs",
+			"sidebarRight"
+		];
+		/**
+		* Register the sidebar region and the room page.
+		* @param ctx - DSH client context with locale and slot registries.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "group-chat: copy");
+			const t = ctx.locale.bind(NS);
+			const tPreset = ctx.locale.bind(PRESET_LOCALE_NS);
+			const base = createRoomStore();
+			const store = {
+				...base,
+				open: (roomId) => {
+					base.open(roomId);
+					ctx.uiWorkspace.openSession(roomSessionId(roomId));
+					queueMicrotask(() => {
+						store.openMembers?.(roomId);
+					});
+				},
+				/**
+				* Dissolve a room, then take its Session off the shell's grouping surfaces.
+				*
+				* The room row disappears because the server deleted it, but the Session is a durable
+				* record that outlives the room: `dissolveRoom` cannot reach it, so without this the
+				* room's leftover workspace (from before rooms stopped registering one) and its Session
+				* entry would stay listed for a conversation that no longer exists. Archiving is the
+				* documented, reversible way to remove a Session from those surfaces — the same action
+				* the shell's own "archive session" uses.
+				*
+				* Runs after the delete so a refused dissolve leaves the Session alone.
+				*/
+				dissolve: async (roomId) => {
+					await base.dissolve(roomId);
+					try {
+						await ctx.workspaces.archiveSession(roomSessionId(roomId), { stopActivity: true });
+						const sessionId = roomSessionId(roomId);
+						const snapshot = ctx.workspaces.list.getSnapshot();
+						for (const workspace of snapshot?.items ?? []) {
+							if (!workspace.sessionIds.includes(sessionId)) continue;
+							await ctx.workspaces.delete(workspace.workspaceId);
+						}
+					} catch {}
+				},
+				/**
+				* Open the members panel for a room.
+				*
+				* Two steps, in this order and not the other way round: the room has to be the *mounted*
+				* Session before a right-sidebar tab can be placed beside it, because `openTab` acts on the
+				* mounted seat and throws when there is none. `openSession` is synchronous in what it records
+				* but the seat re-binds on the next frame, so the tab is opened on a zero-delay task rather
+				* than inline — inline would aim at the session the operator is leaving.
+				*/
+				openMembers: (roomId) => {
+					const open = () => {
+						ctx.sidebarRight.openTab(MEMBERS_TAB_KIND, { params: { roomId } });
+					};
+					if (base.getState().activeRoomId === roomId) open();
+					else setTimeout(open, 0);
+				}
+			};
+			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+				name: "sidebar.footer.action",
+				id: PANEL_ID,
+				order: 20,
+				inject: () => ({
+					t,
+					tPreset,
+					store
+				})
+			}, SidebarRooms));
+			/**
+			* The members panel, as a tab in the official right sidebar.
+			*
+			* Three registrations, because the sidebar keeps three separate facts about a tab: the type it
+			* belongs to (so navigation can resolve and persist it), the body to draw, and the chip that
+			* labels it. `id` identifies the type's slot entries; `kind` is what `openTab` takes. They are
+			* not the same value — the official schedule plugin uses
+			* `"@deepseek-ai/dsh-client-ui-schedule/task"` and `"scheduleTask"` respectively — and
+			* collapsing them would make `openTab` throw where nobody can see it.
+			*
+			* The panel is registered for every profile and decides at render time whether the Session it
+			* was opened beside is a room. Registering conditionally instead would lose a placed tab on the
+			* next reload: a tab whose type is gone cannot be restored.
+			*/
+			/**
+			* Open this plugin's page type from the start guide.
+			*
+			* The guide's shipped box opens through the guide's own `openTab`; a replacement box is not
+			* handed that callback, so it goes through the same service the plugin already holds.
+			*/
+			const openTabFromGuide = (kind) => {
+				try {
+					ctx.sidebarRight.openTab(kind);
+				} catch (error) {
+					console.error("[group-chat] opening the members page failed", error);
+				}
+			};
+			ctx.effect(() => ctx.sidebarRightTabs.register({
+				id: MEMBERS_TAB_ID,
+				kind: MEMBERS_TAB_KIND,
+				priority: "extension",
+				title: () => t("membersTitle"),
+				guide: [{
+					id: MEMBERS_GUIDE_ID,
+					order: MEMBERS_GUIDE_ORDER,
+					title: () => t("membersTitle"),
+					description: () => t("membersGuideHint")
+				}]
+			}), "group-chat: members tab type");
+			ctx.effect(() => ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: MEMBERS_TAB_ID,
+				locale: NS,
+				inject: ((sessionId) => ({
+					sessionId,
+					t,
+					store
+				}))
+			}, MembersPanel)), "group-chat: members tab body");
+			ctx.effect(() => ctx.slots.inject("sidebar.right.pane.tab.title", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab.title",
+				key: MEMBERS_TAB_ID,
+				locale: NS,
+				inject: () => ({ t })
+			}, MembersTabTitle)), "group-chat: members tab title");
+			ctx.effect(() => ctx.slots.inject("sidebar.right.tab.guide.entry", () => ctx.slots.register({
+				name: "sidebar.right.tab.guide.entry",
+				key: MEMBERS_TAB_ID,
+				locale: NS,
+				inject: ((sessionId) => ({
+					sessionId,
+					onPick: () => {
+						openTabFromGuide(MEMBERS_TAB_KIND);
+					}
+				}))
+			}, MembersGuideEntry)), "group-chat: members guide box");
+			ctx.slots.inject("conversation.chat.node", () => {
+				let claims = [];
+				const release = () => {
+					for (const dispose of claims) dispose();
+					claims = [];
+				};
+				const reconcile = () => {
+					const ledger = ctx.slots.entries("conversation.chat.node");
+					const claimed = new Set(ledger.filter((entry) => (entry.options.priority ?? 0) === SHADOW_PRIORITY).map((entry) => entry.options.key));
+					for (const key of CHAT_NODE_KEYS) {
+						if (claimed.has(key)) continue;
+						const official = officialViewFor(ledger, key, OUR_VIEW);
+						if (official === void 0) continue;
+						let dispose;
+						try {
+							dispose = ctx.slots.register({
+								name: "conversation.chat.node",
+								key,
+								priority: SHADOW_PRIORITY,
+								locale: "chat"
+							}, (props) => MessageSide({
+								...props,
+								Official: official,
+								getSelfId: store.selfId,
+								subscribeSelf: store.subscribe,
+								getRoster: (roomId) => store.getState().members[roomId],
+								sided: props["node"] !== void 0
+							}));
+						} catch (error) {
+							logClaimFailure(key, error);
+						}
+						if (dispose !== void 0) claims.push(dispose);
+					}
+				};
+				const unsubscribe = ctx.slots.subscribe("conversation.chat.node", reconcile);
+				reconcile();
+				return () => {
+					unsubscribe();
+					release();
+				};
+			});
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map