@cecwxf/dsh-room 0.0.0-stage → 0.1.1

package/dist/client.js

@@ -0,0 +1,3015 @@
+// dsh-room Rooms UI client bundle — generated by build.mjs
+window.__ModuleLoader__.load({
+	id: "@cecwxf/dsh-room",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.jsx
+var index_exports = {};
+__export(index_exports, {
+  Avatar: () => Avatar,
+  RoomsIcon: () => RoomsIcon,
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/rooms.css
+var rooms_default = '/* Collab Rooms UI \u2014 original surface inside the dsh shell. Uses only dsh --dsw-* tokens.\n   Independent Rooms surface. Prefix: rm- (rooms). */\n\n.rm-root {\n  --rm-accent: var(--dsw-alias-state-business-primary);\n  --rm-hover: var(--dsw-alias-interactive-bg-hover);\n  --rm-border: var(--dsw-alias-border-l2);\n  --rm-bg: var(--dsw-alias-bg-base);\n  --rm-panel: var(--dsw-alias-bg-module-platform);\n  --rm-label: var(--dsw-alias-label-primary);\n  --rm-muted: var(--dsw-alias-label-secondary);\n  --rm-quiet: var(--dsw-alias-label-tertiary);\n  font: 13px/1.5 var(--dsw-font-family);\n  color: var(--rm-label);\n  box-sizing: border-box;\n}\n.rm-root *, .rm-root *::before, .rm-root *::after { box-sizing: border-box; }\n.rm-root button, .rm-root input, .rm-root textarea { font: inherit; }\n\n/* \u2500\u2500 sidebar (joined rooms + public search) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-side {\n  display: flex; flex-direction: column; height: 100%; min-height: 0;\n  padding: 0 8px 8px 0; gap: 8px;\n}\n.rm-side-toolbar {\n  display: flex; align-items: center; gap: 6px; flex: none; padding: 4px 0 2px;\n}\n.rm-side-title {\n  flex: 1; font-size: 12px; font-weight: 600; letter-spacing: .04em;\n  text-transform: uppercase; color: var(--rm-quiet);\n}\n.rm-icon-btn {\n  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 8px; background: transparent; color: var(--rm-muted); cursor: pointer; padding: 0;\n}\n.rm-icon-btn:hover { background: var(--rm-hover); color: var(--rm-label); }\n.rm-search {\n  display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px;\n  border: .5px solid var(--rm-border); border-radius: 8px; background: var(--rm-panel);\n}\n.rm-search input {\n  flex: 1; min-width: 0; border: 0; background: transparent; outline: none; color: var(--rm-label); font-size: 13px;\n}\n.rm-search input::placeholder { color: var(--rm-quiet); }\n.rm-side-scroll { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 12px; }\n.rm-group-label { font-size: 11px; font-weight: 600; color: var(--rm-quiet); padding: 0 4px 4px; text-transform: uppercase; letter-spacing: .03em; }\n.rm-room-list { display: flex; flex-direction: column; gap: 2px; }\n.rm-room-item {\n  display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px;\n  border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; text-align: left;\n}\n.rm-room-item:hover { background: var(--rm-hover); }\n.rm-room-item[aria-current="true"] { background: var(--rm-hover); }\n.rm-room-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }\n.rm-room-item-name { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item-meta { font-size: 11.5px; color: var(--rm-quiet); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item-trail { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }\n.rm-badge {\n  display: inline-flex; align-items: center; gap: 3px; height: 18px; padding: 0 6px;\n  border-radius: 999px; font-size: 10.5px; font-weight: 500; background: var(--rm-panel); color: var(--rm-muted);\n  border: .5px solid var(--rm-border);\n}\n.rm-badge-public { color: var(--rm-accent); border-color: color-mix(in srgb, var(--rm-accent) 35%, transparent); background: color-mix(in srgb, var(--rm-accent) 8%, transparent); }\n.rm-dot { width: 7px; height: 7px; border-radius: 50%; flex: none; background: var(--rm-quiet); }\n.rm-dot-online { background: var(--dsw-alias-state-success-primary, #2bb673); }\n.rm-dot-connecting { background: var(--dsw-alias-state-warn-primary, #e9a23b); }\n.rm-dot-offline { background: var(--dsw-alias-state-error-primary, #e5484d); }\n.rm-empty-hint { padding: 8px 10px; font-size: 12px; color: var(--rm-quiet); line-height: 1.45; }\n.rm-dir-item {\n  display: flex; align-items: flex-start; gap: 10px; padding: 10px; border-radius: 10px;\n  border: .5px solid var(--rm-border); background: var(--rm-bg); margin-bottom: 6px;\n}\n.rm-dir-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }\n.rm-dir-tags { display: flex; flex-wrap: wrap; gap: 4px; }\n.rm-tag { font-size: 11px; color: var(--rm-muted); background: var(--rm-hover); border-radius: 4px; padding: 0 5px; }\n.rm-menu {\n  position: fixed; z-index: 1000; min-width: 180px; padding: 4px;\n  border-radius: 10px; background: var(--dsw-alias-bg-layer-1, var(--rm-bg));\n  border: .5px solid var(--rm-border);\n  box-shadow: 0 8px 24px color-mix(in srgb, var(--rm-label) 12%, transparent);\n  display: flex; flex-direction: column;\n}\n.rm-menu button {\n  display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px;\n  border: 0; border-radius: 6px; background: transparent; color: var(--rm-label); cursor: pointer; text-align: left;\n}\n.rm-menu button:hover { background: var(--rm-hover); }\n\n/* \u2500\u2500 main: room workspace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-main { display: flex; flex: 1; min-height: 0; height: 100%; width: 100%; background: var(--rm-bg); }\n.rm-workspace { display: flex; flex: 1; min-width: 0; min-height: 0; }\n.rm-chat { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }\n.rm-chat-header {\n  flex: none; display: flex; align-items: center; gap: 10px; height: 48px;\n  padding: 0 16px; border-bottom: .5px solid var(--rm-border);\n}\n.rm-chat-header-title { font-size: 14px; font-weight: 600; }\n.rm-chat-header-sub { font-size: 12px; color: var(--rm-quiet); }\n.rm-messages {\n  flex: 1; min-height: 0; overflow: auto; padding: 16px 18px 8px;\n  display: flex; flex-direction: column; gap: 2px;\n}\n.rm-day {\n  align-self: center; margin: 10px 0 12px; padding: 2px 10px; border-radius: 999px;\n  font-size: 11px; color: var(--rm-quiet); background: var(--dsw-alias-button-elevated-fill, var(--rm-panel));\n}\n.rm-msg {\n  display: grid; grid-template-columns: 32px 1fr; gap: 0 10px; padding: 4px 6px; border-radius: 8px;\n  max-width: 720px;\n}\n.rm-msg:hover { background: color-mix(in srgb, var(--rm-hover) 60%, transparent); }\n.rm-msg-self { margin-left: auto; grid-template-columns: 1fr; max-width: 640px; }\n.rm-msg-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 1px; }\n.rm-msg-author { font-size: 12px; font-weight: 600; color: var(--rm-muted); }\n.rm-msg-time { font-size: 11px; color: var(--rm-quiet); }\n.rm-msg-body { font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }\n.rm-msg-self .rm-msg-body {\n  background: var(--dsw-alias-label-primary); color: var(--dsw-alias-label-primary-foreground);\n  padding: 8px 12px; border-radius: 12px 12px 4px 12px; width: fit-content; margin-left: auto;\n}\n.rm-msg-event {\n  grid-template-columns: 1fr; max-width: 560px; margin: 6px 0;\n  padding: 8px 12px; border: .5px solid var(--rm-border); border-radius: 10px; background: var(--rm-panel);\n}\n.rm-mention { color: var(--rm-accent); font-weight: 500; }\n.rm-msg-self .rm-mention { color: inherit; text-decoration: underline; text-underline-offset: 2px; }\n.rm-task-card { display: flex; flex-direction: column; gap: 4px; }\n.rm-task-head { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--rm-muted); }\n.rm-task-title { font-weight: 600; font-size: 13.5px; }\n.rm-composer {\n  flex: none; display: flex; align-items: flex-end; gap: 8px; padding: 10px 16px 14px;\n  border-top: .5px solid var(--rm-border);\n}\n.rm-composer-box {\n  flex: 1; display: flex; align-items: flex-end; gap: 6px; min-height: 44px;\n  padding: 8px 10px; border: .5px solid var(--rm-border); border-radius: 12px; background: var(--rm-panel);\n}\n.rm-composer-box:focus-within { border-color: color-mix(in srgb, var(--rm-accent) 50%, var(--rm-border)); }\n.rm-composer-box textarea {\n  flex: 1; min-height: 28px; max-height: 120px; border: 0; background: transparent; outline: none;\n  resize: none; color: var(--rm-label); line-height: 1.45;\n}\n.rm-composer-box textarea::placeholder { color: var(--rm-quiet); }\n.rm-composer-mode {\n  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 8px; background: transparent; color: var(--rm-muted); cursor: pointer; flex: none;\n}\n.rm-composer-mode:hover, .rm-composer-mode[aria-pressed="true"] {\n  color: var(--rm-accent); background: color-mix(in srgb, var(--rm-accent) 12%, transparent);\n}\n.rm-chat-hint { margin: 48px auto; text-align: center; color: var(--rm-quiet); font-size: 13px; max-width: 360px; line-height: 1.5; }\n\n/* \u2500\u2500 detail column (members / invite / about) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-detail {\n  flex: 0 0 280px; width: 280px; display: flex; flex-direction: column; min-height: 0;\n  border-left: .5px solid var(--rm-border); background: var(--rm-bg); overflow: auto;\n}\n.rm-detail-section { padding: 14px 14px 8px; border-bottom: .5px solid var(--rm-border); }\n.rm-detail-section:last-child { border-bottom: 0; }\n.rm-detail-h {\n  display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600;\n  text-transform: uppercase; letter-spacing: .04em; color: var(--rm-quiet); margin-bottom: 8px;\n}\n.rm-member {\n  display: flex; align-items: center; gap: 8px; padding: 5px 4px; border-radius: 8px; min-height: 34px;\n}\n.rm-member:hover { background: var(--rm-hover); }\n.rm-member-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.rm-member-actions { display: none; gap: 2px; }\n.rm-member:hover .rm-member-actions, .rm-member:focus-within .rm-member-actions { display: inline-flex; }\n.rm-mini {\n  width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 6px; background: transparent; color: var(--rm-muted); cursor: pointer; font-size: 12px;\n}\n.rm-mini:hover { background: var(--dsw-alias-interactive-bg-active); color: var(--rm-label); }\n.rm-task-row { display: flex; align-items: center; gap: 6px; padding: 4px; font-size: 12.5px; }\n.rm-task-row-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-about { display: grid; grid-template-columns: 88px 1fr; gap: 6px 8px; font-size: 12.5px; margin: 0; }\n.rm-about dt { color: var(--rm-quiet); margin: 0; }\n.rm-about dd { margin: 0; min-width: 0; overflow-wrap: anywhere; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }\n.rm-mono { font-family: var(--dsw-font-markdown-code-block-font-family, ui-monospace, monospace); font-size: 11.5px; }\n.rm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }\n.rm-danger { color: var(--dsw-alias-state-error-primary, #e5484d) !important; }\n.rm-note { font-size: 12px; color: var(--rm-quiet); line-height: 1.45; margin: 0 0 8px; }\n\n/* \u2500\u2500 empty / welcome \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-welcome-wrap {\n  flex: 1; display: flex; align-items: center; justify-content: center; padding: 32px; background: var(--rm-bg);\n}\n.rm-welcome {\n  width: min(420px, 100%); display: flex; flex-direction: column; gap: 10px;\n  padding: 20px; border-radius: 14px; border: .5px solid var(--rm-border); background: var(--rm-panel);\n}\n.rm-welcome h1 { margin: 0; font-size: 16px; font-weight: 600; }\n.rm-welcome p { margin: 0; font-size: 13px; color: var(--rm-muted); line-height: 1.5; }\n.rm-welcome-actions { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }\n.rm-welcome-action {\n  display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 10px 12px;\n  border: .5px solid var(--rm-border); border-radius: 10px; background: var(--rm-bg);\n  color: var(--rm-label); cursor: pointer; text-align: left;\n}\n.rm-welcome-action:hover { background: var(--rm-hover); }\n.rm-welcome-action b { display: block; font-size: 13px; }\n.rm-welcome-action span { display: block; font-size: 12px; color: var(--rm-quiet); margin-top: 2px; }\n\n/* \u2500\u2500 avatars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-avatar {\n  display: inline-flex; align-items: center; justify-content: center; flex: none;\n  font-weight: 600; letter-spacing: .02em; user-select: none;\n}\n.rm-avatar-wrap { position: relative; display: inline-flex; flex: none; }\n\n/* \u2500\u2500 dialogs (inside dsh Modal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-form { display: flex; flex-direction: column; gap: 14px; }\n.rm-field { display: flex; flex-direction: column; gap: 6px; }\n.rm-field-label { font-size: 13px; font-weight: 500; }\n.rm-field-hint { font-size: 12px; color: var(--rm-quiet); }\n.rm-name-row { display: flex; align-items: center; gap: 10px; }\n.rm-name-row > :last-child { flex: 1; }\n.rm-switch-row {\n  display: flex; align-items: center; justify-content: space-between; gap: 14px;\n  padding: 10px 12px; border-radius: 10px; background: var(--rm-panel);\n}\n.rm-error { color: var(--dsw-alias-state-error-primary, #e5484d); font-size: 12.5px; }\n.rm-invite {\n  display: block; padding: 10px 12px; border-radius: 8px; background: var(--rm-panel);\n  font-family: var(--dsw-font-markdown-code-block-font-family, ui-monospace, monospace);\n  font-size: 12px; word-break: break-all; user-select: all;\n}\n\n/* Dual transport + approvals + agent config */\n.rm-mode-row { display: flex; gap: 8px; }\n.rm-mode-btn {\n  flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rm-border, #2a2f3a);\n  background: transparent; color: inherit; cursor: pointer; font: inherit;\n}\n.rm-mode-btn.is-on { border-color: var(--rm-accent, #5b8cff); background: color-mix(in srgb, var(--rm-accent, #5b8cff) 16%, transparent); }\n.rm-lan-browse { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; align-items: center; }\n.rm-lan-peer {\n  font-size: 12px; padding: 4px 8px; border-radius: 999px; border: 1px solid var(--rm-border, #2a2f3a);\n  background: transparent; color: inherit; cursor: pointer;\n}\n.rm-approvals { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--rm-border, #2a2f3a); background: color-mix(in srgb, #f5a524 12%, transparent); }\n.rm-approval { display: flex; gap: 12px; align-items: center; justify-content: space-between; }\n.rm-approval-body { font-size: 13px; }\n.rm-approval-actions { display: flex; gap: 6px; flex-shrink: 0; }\n.rm-input { width: 100%; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; font: inherit; }\n\n.rm-ws-bar { display: flex; flex-direction: column; gap: 4px; padding: 8px 12px; border-bottom: 1px solid var(--rm-border, #2a2f3a); }\n.rm-ws-chip { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 12.5px; }\n.rm-ws-path { font-size: 11px; color: var(--rm-quiet, #8b93a7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item.is-active { background: color-mix(in srgb, var(--rm-accent, #5b8cff) 12%, transparent); }\n\n/* Native-aligned room composer (mirrors dsh conversation control row) */\n.rm-composer-card {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  border-radius: 16px;\n  background: var(--rm-elev, var(--rm-panel, #12151c));\n  border: 1px solid var(--rm-border, #2a2f3a);\n  box-shadow: 0 1px 2px rgba(0,0,0,.06);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px 0 6px;\n}\n.rm-composer-grow { position: relative; padding: 0 4px; }\n.rm-composer-grow textarea {\n  box-sizing: border-box; width: 100%; min-height: 36px; max-height: 160px;\n  resize: none; border: none; outline: none; background: transparent;\n  color: inherit; font: inherit; font-size: 14px; line-height: 22px;\n  padding: 4px 12px 0 14px;\n}\n.rm-composer-grow textarea:disabled { opacity: .55; cursor: not-allowed; }\n.rm-composer-row {\n  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;\n  gap: 10px; min-width: 0; padding: 2px 8px 4px;\n}\n.rm-composer-tools, .rm-composer-modes, .rm-composer-trailing {\n  display: flex; align-items: center; min-width: 0; gap: 8px;\n}\n.rm-composer-trailing { flex: none; margin-left: auto; }\n.rm-composer-add {\n  width: 28px; height: 28px; border: none; border-radius: 999px;\n  background: color-mix(in srgb, var(--rm-fg, #e8eaed) 8%, transparent);\n  color: inherit; cursor: pointer; display: grid; place-items: center;\n}\n.rm-composer-add:hover, .rm-composer-add[aria-pressed="true"] {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 22%, transparent);\n}\n.rm-composer-select {\n  max-width: 220px; height: 28px; border: none; border-radius: 8px;\n  background: transparent; color: var(--rm-quiet, #8b93a7);\n  font: inherit; font-size: 13px; font-weight: 500; line-height: 20px;\n  padding: 0 8px; cursor: pointer; white-space: nowrap;\n}\n.rm-composer-select:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--rm-fg, #e8eaed) 8%, transparent);\n}\n.rm-composer-select:disabled { opacity: .5; cursor: default; }\n.rm-composer-model-text { display: inline; }\n.rm-composer-model-icon { display: none; font-size: 10px; }\n.rm-composer-effort {\n  margin-left: 6px; font-size: 11px; opacity: .75;\n  text-transform: uppercase; letter-spacing: .02em;\n}\n.rm-composer-send {\n  width: 34px; height: 34px; border: none; border-radius: 999px;\n  background: var(--rm-accent, #5b8cff); color: #fff; cursor: pointer;\n  display: grid; place-items: center; transform: translateY(-2px);\n}\n.rm-composer-send:hover:not(:disabled) { filter: brightness(1.08); }\n.rm-composer-send:disabled { opacity: .4; cursor: default; }\n.rm-composer-popwrap { position: relative; }\n.rm-composer-menu {\n  position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 40;\n  min-width: 200px; max-height: 320px; overflow: auto;\n  border: 1px solid var(--rm-border, #2a2f3a); border-radius: 12px;\n  background: var(--rm-elev, #12151c); box-shadow: 0 8px 24px rgba(0,0,0,.28);\n  padding: 6px; display: flex; flex-direction: column; gap: 2px;\n}\n.rm-composer-menu-wide { min-width: 280px; max-width: 340px; }\n.rm-composer-menu-label {\n  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--rm-quiet, #8b93a7); padding: 6px 8px 2px;\n}\n.rm-composer-menu button[role="menuitem"] {\n  text-align: left; border: none; background: transparent; color: inherit;\n  font: inherit; font-size: 13px; padding: 6px 8px; border-radius: 8px; cursor: pointer;\n}\n.rm-composer-menu button[role="menuitem"]:hover,\n.rm-composer-menu button[role="menuitem"].is-active {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 16%, transparent);\n}\n.rm-composer-check {\n  display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 4px 8px; cursor: pointer;\n}\n.rm-grant-row {\n  display: flex; align-items: center; justify-content: space-between; gap: 8px;\n  padding: 2px 8px; font-size: 12.5px;\n}\n.rm-grant-row select {\n  font: inherit; font-size: 12px; border-radius: 6px;\n  border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; padding: 2px 6px;\n}\n.rm-peer-grant-block { border-top: 1px solid var(--rm-border, #2a2f3a); padding-top: 4px; margin-top: 4px; }\n.rm-peer-grant-name { font-size: 12px; font-weight: 600; padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; }\n\n/* Hide legacy tight composer if still referenced */\n.rm-composer { display: none; }\n\n.rm-composer-grow { position: relative; }\n.rm-mention-menu {\n  position: absolute; left: 8px; right: 8px; bottom: calc(100% + 6px); z-index: 50;\n  max-height: 240px; overflow: auto;\n  border: 1px solid var(--rm-border, #2a2f3a); border-radius: 12px;\n  background: var(--rm-elev, #12151c); box-shadow: 0 10px 28px rgba(0,0,0,.32);\n  padding: 4px; display: flex; flex-direction: column; gap: 2px;\n}\n.rm-mention-item {\n  display: flex; align-items: center; gap: 8px; text-align: left;\n  border: none; background: transparent; color: inherit; font: inherit;\n  padding: 6px 8px; border-radius: 8px; cursor: pointer;\n}\n.rm-mention-item:hover, .rm-mention-item.is-active {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 18%, transparent);\n}\n.rm-mention-item-body { display: flex; flex-direction: column; min-width: 0; flex: 1; }\n.rm-mention-item-name { font-size: 13px; font-weight: 600; }\n.rm-mention-item-meta { font-size: 11px; color: var(--rm-quiet, #8b93a7); }\n';
+
+// src/client/store.js
+var API = "/api/collab";
+async function call(path, init) {
+  const res = await fetch(API + path, { credentials: "same-origin", ...init, headers: { ...init && init.body ? { "content-type": "application/json" } : {}, ...init && init.headers || {} } });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(body.error || `${res.status} ${res.statusText}`);
+  return body;
+}
+var post = (path, body) => call(path, { method: "POST", body: JSON.stringify(body || {}) });
+function createRoomsStore() {
+  let snap = {
+    self: null,
+    relayUrl: "",
+    lanRelayPort: null,
+    workspaces: [],
+    activeWorkspaceId: null,
+    rooms: [],
+    activeRoomId: null,
+    connected: false,
+    selected: null,
+    messages: {},
+    dialog: null,
+    toast: null,
+    approvals: [],
+    search: { open: false, query: "", results: [], loading: false, error: null }
+  };
+  const subs = /* @__PURE__ */ new Set();
+  const set = (patch) => {
+    snap = { ...snap, ...typeof patch === "function" ? patch(snap) : patch };
+    for (const s of subs) s();
+  };
+  let es = null;
+  let searchTimer = null;
+  function connect() {
+    if (es) return;
+    es = new EventSource(API + "/stream");
+    es.addEventListener("rooms", (e) => {
+      const st = JSON.parse(e.data);
+      set((s) => {
+        const selected = s.selected && st.rooms.some((r) => r.roomId === s.selected) ? s.selected : st.activeRoomId || st.rooms[0] && st.rooms[0].roomId || null;
+        return { ...st, connected: true, selected };
+      });
+      const sel = snap.selected;
+      if (sel && !snap.messages[sel]) void loadMessages(sel);
+    });
+    es.addEventListener("message", (e) => {
+      const { roomId, message } = JSON.parse(e.data);
+      set((s) => {
+        const cur = s.messages[roomId];
+        if (!cur || cur.some((m) => m.id === message.id)) return {};
+        return { messages: { ...s.messages, [roomId]: [...cur, message].sort((a, b) => a.ts - b.ts) } };
+      });
+    });
+    es.onerror = () => set({ connected: false });
+  }
+  async function loadMessages(roomId) {
+    try {
+      const r = await call(`/rooms/${encodeURIComponent(roomId)}/messages`);
+      set((s) => ({ messages: { ...s.messages, [roomId]: r.messages } }));
+    } catch (e) {
+      toast(e.message);
+    }
+  }
+  function toast(text) {
+    set({ toast: text });
+  }
+  async function runSearch(query) {
+    set((s) => ({ search: { ...s.search, loading: true, error: null } }));
+    try {
+      const q = query.trim();
+      const tag = (/(^|\s)#([\w-]+)/.exec(q) || [])[2];
+      const text = q.replace(/(^|\s)#[\w-]+/g, " ").trim();
+      const p = new URLSearchParams();
+      if (text) p.set("q", text);
+      if (tag) p.set("tag", tag);
+      const r = await call(`/directory?${p}`);
+      set((s) => s.search.query === query ? { search: { ...s.search, results: r.rooms, loading: false } } : {});
+    } catch (e) {
+      set((s) => ({ search: { ...s.search, loading: false, error: e.message } }));
+    }
+  }
+  const actions = {
+    select(roomId) {
+      set({ selected: roomId });
+      if (!snap.messages[roomId]) void loadMessages(roomId);
+      void post(`/rooms/${encodeURIComponent(roomId)}/active`).catch(() => {
+      });
+    },
+    openDialog(dialog) {
+      set({ dialog });
+    },
+    closeDialog() {
+      set({ dialog: null });
+    },
+    toast,
+    clearToast() {
+      set({ toast: null });
+    },
+    setSearchOpen(open) {
+      set((s) => ({ search: { ...s.search, open, query: open ? s.search.query : "", results: open ? s.search.results : [] } }));
+      if (open) void runSearch(snap.search.query);
+    },
+    setQuery(query) {
+      set((s) => ({ search: { ...s.search, query } }));
+      clearTimeout(searchTimer);
+      searchTimer = setTimeout(() => void runSearch(query), 300);
+    },
+    async create(form) {
+      const r = await post("/rooms", { ...form, workspaceId: form.workspaceId || snap.activeWorkspaceId });
+      set({ selected: r.roomId, dialog: { kind: "invite", roomId: r.roomId, name: r.name, invite: r.invite, public: r.public, listed: r.listed } });
+      void loadMessages(r.roomId);
+      return r;
+    },
+    async join(invite, info) {
+      const r = await post("/join", { invite, workspaceId: snap.activeWorkspaceId, ...info || {} });
+      set((s) => ({ selected: r.roomId, dialog: null, search: { ...s.search, results: s.search.results.map((x) => x.roomId === r.roomId ? { ...x, joined: true } : x) } }));
+      void loadMessages(r.roomId);
+      toast(`Joined ${r.name}`);
+      return r;
+    },
+    async leave(roomId) {
+      await post(`/rooms/${encodeURIComponent(roomId)}/leave`);
+      set((s) => {
+        const m = { ...s.messages };
+        delete m[roomId];
+        return { messages: m, selected: s.selected === roomId ? null : s.selected, dialog: null };
+      });
+      toast("Left the room");
+    },
+    async send(roomId, text) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/send`, { text });
+    },
+    async task(roomId, title, assignee, body) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/task`, { title, assignee, body });
+    },
+    async invite(roomId) {
+      return (await call(`/rooms/${encodeURIComponent(roomId)}/invite`)).invite;
+    },
+    async browseLan() {
+      return call("/lan/browse");
+    },
+    async ensureWorkspace(form) {
+      const w = await post("/workspaces", form);
+      set((s) => ({ activeWorkspaceId: w.id, workspaces: s.workspaces.some((x) => x.id === w.id) ? s.workspaces.map((x) => x.id === w.id ? w : x) : [w, ...s.workspaces] }));
+      return w;
+    },
+    async setActiveWorkspace(id) {
+      const w = await post("/workspaces/active", { id });
+      set({ activeWorkspaceId: id, selected: null });
+      return w;
+    },
+    async getConfig(roomId) {
+      return call(`/rooms/${encodeURIComponent(roomId)}/config`);
+    },
+    async saveConfig(roomId, patch) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/config`, patch);
+    },
+    async decideApproval(requestId, decision) {
+      return post("/approvals/decide", { requestId, decision });
+    },
+    async mcp(roomId, tool, args, target) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/mcp`, { tool, args, target });
+    }
+  };
+  return {
+    getSnapshot: () => snap,
+    subscribe(fn) {
+      subs.add(fn);
+      connect();
+      return () => subs.delete(fn);
+    },
+    actions,
+    dispose() {
+      if (es) es.close();
+      es = null;
+      subs.clear();
+      clearTimeout(searchTimer);
+    }
+  };
+}
+
+// src/client/index.jsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var name = "dsh-room-client";
+var inject = ["slots", "layout"];
+var PANEL_ID = "collab";
+var Svg = ({ size = 16, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.15", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+var RoomsIcon = ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2.5", y: "3", width: "11", height: "10", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 6.5h5M5.5 9.5h3.5" })
+] });
+var FolderIcon = ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 4.5h4l1.5 1.5H13.5v7.5H2.5z" }) });
+var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "7", cy: "7", r: "4.25" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m10.2 10.2 3.3 3.3" })
+] });
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 3v10M3 8h10" }) });
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { size: 14, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 3.5l9 9M12.5 3.5l-9 9" }) });
+var SendIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 13V3.5M4 7.5l4-4 4 4" }) });
+var LinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6.5 9.5l3-3M7 4.75l1-1a2.5 2.5 0 0 1 3.5 3.5l-1 1M9 11.25l-1 1a2.5 2.5 0 0 1-3.5-3.5l1-1" }) });
+var TaskIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "2.75", width: "10", height: "10.5", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.75 7.75l1.5 1.5 3-3" })
+] });
+var GlobeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 12, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "5.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 8h11M8 2.5c1.6 1.6 2.25 3.5 2.25 5.5S9.6 11.9 8 13.5C6.4 11.9 5.75 10 5.75 8S6.4 4.1 8 2.5z" })
+] });
+var LockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 12, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.25", rx: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 7V5.25a2.5 2.5 0 0 1 5 0V7" })
+] });
+var PeopleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 14, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "5.5", r: "2.25" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 13c.4-2 1.8-3.25 3.5-3.25S9.1 11 9.5 13" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.5 3.6a2.2 2.2 0 0 1 0 4.1M11.5 9.9c1 .4 1.7 1.5 2 3.1" })
+] });
+var HUES = [212, 262, 152, 28, 340, 190, 48, 290];
+function hueOf(s) {
+  let h = 0;
+  for (const c of s || "") h = h * 31 + c.charCodeAt(0) >>> 0;
+  return HUES[h % HUES.length];
+}
+function initials(s) {
+  const w = (s || "?").replace(/[^\p{L}\p{N} _-]/gu, "").split(/[\s_-]+/).filter(Boolean);
+  return ((w[0] || "?")[0] + (w[1] ? w[1][0] : (w[0] || "").slice(1, 2))).toUpperCase();
+}
+function Avatar({ name: name2, size = 32 }) {
+  const h = hueOf(name2);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-avatar", style: { width: size, height: size, borderRadius: Math.round(size * 0.28), fontSize: Math.round(size * 0.36), background: `hsl(${h} 55% 90%)`, color: `hsl(${h} 40% 30%)` }, "aria-hidden": "true", children: initials(name2) });
+}
+function fmtTime(ts) {
+  const d = new Date(ts), now = /* @__PURE__ */ new Date();
+  return d.toDateString() === now.toDateString() ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString([], { month: "short", day: "numeric" });
+}
+function fmtDay(ts) {
+  return new Date(ts).toLocaleDateString([], { year: "numeric", month: "long", day: "numeric" });
+}
+var STATUS_TONE = { open: "info", claimed: "warning", done: "success", failed: "danger", cancelled: "quiet" };
+function useStore(store) {
+  return (0, import_react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+}
+function renderMentions(text) {
+  return text.split(/(@[A-Za-z0-9][\w.:-]*)/g).map((part, i) => part.startsWith("@") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-mention", children: part }, i) : part);
+}
+function PanelIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RoomsIcon, { size });
+}
+function RoomsSidebar({ store, ensurePanel }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [menu, setMenu] = (0, import_react.useState)(null);
+  const [searching, setSearching] = (0, import_react.useState)(false);
+  const [joining, setJoining] = (0, import_react.useState)(null);
+  const inputRef = (0, import_react.useRef)(null);
+  const activeWs = (s.workspaces || []).find((w) => w.id === s.activeWorkspaceId) || (s.workspaces || [])[0] || null;
+  (0, import_react.useEffect)(() => {
+    if (!menu) return;
+    const close = () => setMenu(null);
+    window.addEventListener("click", close);
+    return () => window.removeEventListener("click", close);
+  }, [menu]);
+  (0, import_react.useEffect)(() => {
+    if (searching && inputRef.current) inputRef.current.focus();
+  }, [searching]);
+  const q = (s.search.query || "").trim().toLowerCase();
+  const mine = (s.rooms || []).filter((r) => {
+    if (activeWs && r.workspaceId && r.workspaceId !== activeWs.id) return false;
+    if (!q) return true;
+    return r.name.toLowerCase().includes(q) || (r.description || "").toLowerCase().includes(q) || (r.tags || []).some((t) => ("#" + t).includes(q));
+  });
+  const join = async (r) => {
+    setJoining(r.roomId);
+    try {
+      await a.join(r.invite, { name: r.name, description: r.description, tags: r.tags, public: true, workspaceId: activeWs?.id });
+      ensurePanel();
+    } catch (e) {
+      a.toast(e.message);
+    } finally {
+      setJoining(null);
+    }
+  };
+  if (!activeWs) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-side", "data-collab-sidebar": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-side-toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-side-title", children: "Workspaces" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-scroll", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: "Bind a local workspace first. Rooms you create inherit its path (MCP sandbox + agent cwd)." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "primary", onClick: () => a.openDialog({ kind: "workspace" }), children: "Add workspace" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-side", "data-collab-sidebar": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-side-title", children: "DSH Room" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-icon-btn", "aria-label": searching ? "Close search" : "Search rooms", "aria-pressed": searching, onClick: () => {
+        setSearching(!searching);
+        a.setSearchOpen(!searching);
+      }, children: searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "rm-icon-btn",
+          "data-rm-new": "",
+          "aria-label": "New",
+          "aria-haspopup": "menu",
+          "aria-expanded": !!menu,
+          onClick: (e) => {
+            e.stopPropagation();
+            const r = e.currentTarget.getBoundingClientRect();
+            setMenu(menu ? null : { top: r.bottom + 4, left: Math.max(8, r.right - 200) });
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {})
+        }
+      ),
+      menu ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-menu", role: "menu", style: { top: menu.top, left: menu.left }, onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "create" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {}),
+          "Create room in workspace"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "join" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+          "Join by invite"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "workspace" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+          "Add / switch workspace"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          setSearching(true);
+          a.setSearchOpen(true);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+          "Browse public rooms"
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-ws-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-ws-chip", onClick: () => a.openDialog({ kind: "workspace" }), title: activeWs.path, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: activeWs.name })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-ws-path", title: activeWs.path, children: activeWs.path })
+    ] }),
+    searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-search", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: inputRef, type: "text", placeholder: "Search rooms or #tags", value: s.search.query, onChange: (e) => a.setQuery(e.target.value), onKeyDown: (e) => e.key === "Escape" && a.setSearchOpen(false), "aria-label": "Search rooms" })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-scroll", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-group-label", children: [
+          "Rooms in ",
+          activeWs.name
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-room-list", children: [
+          mine.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "rm-room-item",
+              "aria-current": r.roomId === s.selected ? "true" : void 0,
+              "data-room-id": r.roomId,
+              onClick: () => {
+                a.select(r.roomId);
+                ensurePanel();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-avatar-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: r.name, size: 30 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-dot rm-dot-" + r.status, style: { position: "absolute", right: -1, bottom: -1, border: "2px solid var(--rm-bg)" } })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-body", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-name", children: r.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-meta", children: r.last ? `${r.last.from}: ${r.last.text}` : r.description || (r.public ? "Public room" : "Private \xB7 invite only") })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-trail", children: [
+                  r.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge rm-badge-public", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+                    "Public"
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+                    "Private"
+                  ] }),
+                  r.transport === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-badge", children: "LAN/VPS" }) : null,
+                  r.last ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 10.5, color: "var(--rm-quiet)" }, children: fmtTime(r.last.ts) }) : null
+                ] })
+              ]
+            },
+            r.roomId
+          )),
+          !mine.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: "No rooms in this workspace yet. Create one or join by invite \u2014 peers should check out the same project." }) : null
+        ] })
+      ] }),
+      (s.workspaces || []).length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-group-label", children: "Workspaces" }),
+        (s.workspaces || []).map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-room-item" + (w.id === activeWs.id ? " is-active" : ""), onClick: () => a.setActiveWorkspace(w.id), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-name", children: w.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-meta", children: w.path })
+          ] })
+        ] }, w.id))
+      ] }) : null,
+      searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-group-label", children: [
+          "Public directory ",
+          s.search.loading ? "\xB7 searching\u2026" : ""
+        ] }),
+        s.search.results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-dir-item", "data-dir-room-id": r.roomId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: r.name, size: 30 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-dir-item-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-room-item-name", children: r.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-room-item-meta", children: [
+              r.description || "No description",
+              " \xB7 ",
+              r.members,
+              " online"
+            ] }),
+            r.tags.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-dir-tags", children: r.tags.map((tg) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-tag", children: [
+              "#",
+              tg
+            ] }, tg)) }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: r.joined ? "ghost" : "outline", disabled: r.joined || joining === r.roomId, onClick: () => join(r), children: r.joined ? "Joined" : joining === r.roomId ? "\u2026" : "Join" })
+        ] }, r.roomId)),
+        !s.search.loading && !s.search.results.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: s.search.error ? `Directory error: ${s.search.error}` : "No public rooms match." }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-empty-hint", children: [
+          "Joining attaches the room to workspace \u201C",
+          activeWs.name,
+          "\u201D. Point your local path at the same project."
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+function Message({ m, showAuthor }) {
+  if (m.kind === "task.create") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg rm-msg-event", "data-message-id": m.id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          "Task \xB7 ",
+          m.from
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "info", children: "open" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-task-title", children: m.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: 0 }, children: m.assignee ? `Assigned to @${m.assignee}` : "Unassigned \u2014 any agent may claim" })
+    ] }) });
+  }
+  if (m.kind === "task.claim" || m.kind === "task.update") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg rm-msg-event", "data-message-id": m.id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        m.self ? "You" : m.from,
+        " ",
+        m.kind === "task.claim" ? "claimed" : "updated",
+        " task"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: STATUS_TONE[m.status] || "neutral", children: m.status }),
+      m.kind === "task.update" && m.text.includes(": ") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: m.text.slice(m.text.indexOf(": ") + 2) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+    ] }) });
+  }
+  if (m.self) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg rm-msg-self", "data-message-id": m.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-body", children: renderMentions(m.text) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-time", style: { textAlign: "right", marginTop: 2 }, children: fmtTime(m.ts) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg", "data-message-id": m.id, children: [
+    showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: m.from, size: 28 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-author", children: m.from }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-body", children: renderMentions(m.text) })
+    ] })
+  ] });
+}
+function ChatBody({ messages }) {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const el = ref.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [messages.length]);
+  const nodes = [];
+  let day = null, prev = null;
+  for (const m of messages) {
+    const d = fmtDay(m.ts);
+    if (d !== day) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-day", children: d }, "d" + m.ts));
+      day = d;
+      prev = null;
+    }
+    const showAuthor = !prev || prev.from !== m.from || m.ts - prev.ts > 5 * 6e4;
+    nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Message, { m, showAuthor }, m.id));
+    prev = m;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-messages", ref, children: nodes.length ? nodes : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-chat-hint", children: "No messages yet. Send a message, @mention an agent to wake it, or create a task from the composer." }) });
+}
+function mentionQueryAt(text, caret) {
+  const before = text.slice(0, caret);
+  const m = /(^|[\s([{])@([A-Za-z0-9._:-]*)$/.exec(before);
+  if (!m) return null;
+  const at = before.lastIndexOf("@");
+  return { start: at, end: caret, query: m[2] || "" };
+}
+function MentionMenu({ items, active, onPick, onHover }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-mention-menu", role: "listbox", "aria-label": "Mention someone", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      role: "option",
+      "aria-selected": i === active,
+      className: "rm-mention-item" + (i === active ? " is-active" : ""),
+      onMouseEnter: () => onHover(i),
+      onMouseDown: (e) => {
+        e.preventDefault();
+        onPick(it);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: it.id === "all" ? "all" : it.id, size: 22 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-mention-item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-mention-item-name", children: [
+            "@",
+            it.id
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-mention-item-meta", children: it.hint })
+        ] }),
+        it.online === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: "offline" }) : null
+      ]
+    },
+    it.id
+  )) });
+}
+function Composer({ room, store, draft: draft2, setDraft: setDraft2 }) {
+  const a = store.actions;
+  const [mode, setMode] = (0, import_react.useState)("chat");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [modelOpen, setModelOpen] = (0, import_react.useState)(false);
+  const [permOpen, setPermOpen] = (0, import_react.useState)(false);
+  const [peerOpen, setPeerOpen] = (0, import_react.useState)(false);
+  const [mentionActive, setMentionActive2] = (0, import_react.useState)(0);
+  const [caret, setCaret2] = (0, import_react.useState)(0);
+  const [mentionDismissed, setMentionDismissed] = (0, import_react.useState)(false);
+  const taRef2 = (0, import_react.useRef)(null);
+  const offline = room.status !== "online";
+  const mqRaw = mentionQueryAt(draft2, caret);
+  const mq2 = mentionDismissed ? null : mqRaw;
+  const mentionItems = (() => {
+    if (!mq2) return [];
+    const q = mq2.query.toLowerCase();
+    const members = (room.members || []).filter((m) => !m.self);
+    const known = members.map((m) => ({
+      id: m.agentId,
+      hint: m.online === false ? "member \xB7 offline" : "member \xB7 wake",
+      online: m.online !== false
+    }));
+    const all = { id: "all", hint: "Everyone \xB7 wake all members", online: true };
+    const list = [all, ...known];
+    return list.filter((it) => !q || it.id.toLowerCase().startsWith(q) || ("@" + it.id).toLowerCase().startsWith("@" + q));
+  })();
+  const mc = room.memberConfig || {};
+  const modelLabel = mc.model || "Default model";
+  const effort = mc.reasoningEffort || "medium";
+  const permSummary = (() => {
+    const p = mc.permissions || {};
+    const bits = [];
+    if (p.autoRead !== false) bits.push("read");
+    if (p.autoWrite) bits.push("write");
+    if (p.autoShell) bits.push("shell");
+    if (p.autoNetwork) bits.push("net");
+    return bits.length ? `Auto \xB7 ${bits.join("+")}` : "Ask to run";
+  })();
+  (0, import_react.useEffect)(() => {
+    setMentionActive2(0);
+    setMentionDismissed(false);
+  }, [mqRaw && mqRaw.query, mqRaw && mqRaw.start]);
+  const MODELS = ["deepseek-chat", "deepseek-reasoner", "deepseek-coder"];
+  const EFFORTS = ["low", "medium", "high", "max"];
+  const patchConfig = async (patch) => {
+    try {
+      const next = {
+        model: mc.model,
+        provider: mc.provider,
+        reasoningEffort: mc.reasoningEffort || "medium",
+        workspacePath: mc.workspacePath,
+        workspaceLabel: mc.workspaceLabel,
+        mcpEnabled: mc.mcpEnabled !== false,
+        ...patch,
+        permissions: { ...mc.permissions || { autoRead: true, autoWrite: false, autoShell: false, autoNetwork: false }, ...patch.permissions || {} },
+        peerGrants: patch.peerGrants !== void 0 ? patch.peerGrants : mc.peerGrants
+      };
+      await a.saveConfig(room.roomId, next);
+    } catch (e) {
+      a.toast(e.message);
+    }
+  };
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret2(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq2) return;
+    const insert = `@${it.id} `;
+    const next = draft2.slice(0, mq2.start) + insert + draft2.slice(mq2.end);
+    setDraft2(next);
+    const pos = mq2.start + insert.length;
+    setCaret2(pos);
+    setMentionActive2(0);
+    requestAnimationFrame(() => {
+      const el = taRef2.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    const text = draft2.trim();
+    if (!text || busy) return;
+    setBusy(true);
+    try {
+      if (mode === "task") {
+        const m = /^@([A-Za-z0-9][\w.:-]*)\s+/.exec(text);
+        await a.task(room.roomId, m ? text.slice(m[0].length) : text, m ? m[1] : void 0);
+        setMode("chat");
+      } else await a.send(room.roomId, text);
+      setDraft2("");
+    } catch (e) {
+      a.toast(e.message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-card", "data-rm-composer": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-grow", children: [
+      mq2 && mentionItems.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MentionMenu, { items: mentionItems, active: mentionActive, onHover: setMentionActive2, onPick: insertMention }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "textarea",
+        {
+          ref: taRef2,
+          rows: 1,
+          disabled: offline,
+          "aria-label": "Message the room",
+          placeholder: offline ? "Room is offline" : mode === "task" ? "Task: @assignee title (optional assignee)" : `Message ${room.name} \xB7 @agent or @all`,
+          value: draft2,
+          onChange: (e) => {
+            setDraft2(e.target.value);
+            syncCaret(e.target);
+          },
+          onClick: (e) => syncCaret(e.target),
+          onKeyUp: (e) => syncCaret(e.target),
+          onSelect: (e) => syncCaret(e.target),
+          onKeyDown: (e) => {
+            if (mq2 && mentionItems.length) {
+              if (e.key === "ArrowDown") {
+                e.preventDefault();
+                setMentionActive2((i) => (i + 1) % mentionItems.length);
+                return;
+              }
+              if (e.key === "ArrowUp") {
+                e.preventDefault();
+                setMentionActive2((i) => (i - 1 + mentionItems.length) % mentionItems.length);
+                return;
+              }
+              if (e.key === "Enter" || e.key === "Tab") {
+                e.preventDefault();
+                insertMention(mentionItems[mentionActive] || mentionItems[0]);
+                return;
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                setMentionDismissed(true);
+                return;
+              }
+            }
+            if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+              e.preventDefault();
+              void submit();
+            }
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-tools", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-add", title: mode === "task" ? "Switch to chat" : "Create a task", "aria-pressed": mode === "task", onClick: () => setMode(mode === "task" ? "chat" : "task"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-modes", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-composer-select", disabled: offline, onClick: () => {
+            setModelOpen(!modelOpen);
+            setPermOpen(false);
+            setPeerOpen(false);
+          }, title: "Room agent model", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-model-text", children: modelLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-model-icon", "aria-hidden": true, children: "\u25C6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-effort", children: effort })
+          ] }),
+          modelOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu", role: "menu", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Model" }),
+            MODELS.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", className: mc.model === m ? "is-active" : "", onClick: () => {
+              void patchConfig({ model: m });
+              setModelOpen(false);
+            }, children: m }, m)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Reasoning" }),
+            EFFORTS.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", className: effort === e ? "is-active" : "", onClick: () => {
+              void patchConfig({ reasoningEffort: e });
+              setModelOpen(false);
+            }, children: e }, e)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: () => {
+              setModelOpen(false);
+              a.openDialog({ kind: "config", roomId: room.roomId });
+            }, children: "More agent settings\u2026" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-select", disabled: offline, onClick: () => {
+            setPermOpen(!permOpen);
+            setModelOpen(false);
+            setPeerOpen(false);
+          }, title: "Your auto-permissions", children: permSummary }),
+          permOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu", role: "menu", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Auto-allow (you)" }),
+            [["autoRead", "Read"], ["autoWrite", "Write"], ["autoShell", "Shell"], ["autoNetwork", "Network"]].map(([k, label]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "rm-composer-check", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!(mc.permissions || {})[k] || k === "autoRead" && mc.permissions?.autoRead !== false,
+                  onChange: (e) => void patchConfig({ permissions: { [k]: e.target.checked } })
+                }
+              ),
+              label
+            ] }, k)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: () => {
+              setPermOpen(false);
+              a.openDialog({ kind: "config", roomId: room.roomId });
+            }, children: "Open full settings\u2026" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-select rm-composer-peers", disabled: offline, onClick: () => {
+            setPeerOpen(!peerOpen);
+            setModelOpen(false);
+            setPermOpen(false);
+          }, title: "Peer MCP limits on this workspace", children: "Peer MCP" }),
+          peerOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PeerGrantsMenu, { room, store, onClose: () => setPeerOpen(false), patchConfig }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-trailing", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-send", "aria-label": mode === "task" ? "Create task" : "Send", disabled: !draft2.trim() || busy || offline, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SendIcon, {}) }) })
+    ] })
+  ] });
+}
+function PeerGrantsMenu({ room, store, onClose, patchConfig }) {
+  const mc = room.memberConfig || {};
+  const def = mc.peerGrants && mc.peerGrants.default || { read: "auto", write: "ask", exec: "ask", delete: "ask" };
+  const byAgent = mc.peerGrants && mc.peerGrants.byAgent || {};
+  const peers = (room.members || []).filter((m) => !m.self);
+  const setDefault = (cap, v) => {
+    void patchConfig({ peerGrants: { default: { ...def, [cap]: v }, byAgent: { ...byAgent } } });
+  };
+  const setPeer = (agentId, cap, v) => {
+    const cur = { ...byAgent[agentId] || {} };
+    cur[cap] = v;
+    void patchConfig({ peerGrants: { default: { ...def }, byAgent: { ...byAgent, [agentId]: cur } } });
+  };
+  const GRANT = ["auto", "ask", "deny"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu rm-composer-menu-wide", role: "menu", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Default peer limits (this workspace)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: "0 8px 6px" }, children: "Controls what same-room peers may do via MCP on your path. Never shares API keys." }),
+    ["read", "write", "exec", "delete"].map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-grant-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: cap }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { value: def[cap] || "ask", onChange: (e) => setDefault(cap, e.target.value), "aria-label": `Default ${cap}`, children: GRANT.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: g, children: g }, g)) })
+    ] }, cap)),
+    peers.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Per peer" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: 8 }, children: "No other peers online yet." }),
+    peers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-peer-grant-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-peer-grant-name", children: m.agentId }),
+      ["read", "write", "exec", "delete"].map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-grant-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: cap }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { value: byAgent[m.agentId] && byAgent[m.agentId][cap] || def[cap] || "ask", onChange: (e) => setPeer(m.agentId, cap, e.target.value), "aria-label": `${m.agentId} ${cap}`, children: GRANT.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: g, children: g }, g)) })
+      ] }, cap))
+    ] }, m.agentId)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: onClose, children: "Done" })
+  ] });
+}
+function RoomDetail({ room, messages, store, mention, assign }) {
+  const a = store.actions;
+  const tasks = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const m of messages) {
+      if (!m.taskId) continue;
+      const t = map.get(m.taskId) || { taskId: m.taskId, title: m.taskId, status: "open" };
+      if (m.kind === "task.create") Object.assign(t, { title: m.title, assignee: m.assignee });
+      if (m.status) t.status = m.status;
+      map.set(m.taskId, t);
+    }
+    return [...map.values()].reverse();
+  }, [messages]);
+  const copyInvite = async () => {
+    const inv = await a.invite(room.roomId);
+    a.toast(await (0, import_dsh_client_ui_primitives.writeClipboard)(inv) ? "Invite copied" : inv);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "rm-detail", "aria-label": "Room details", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PeopleIcon, {}),
+        "Members \xB7 ",
+        room.members.length
+      ] }),
+      room.members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-member", "data-agent-id": m.agentId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-avatar-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: m.agentId, size: 26 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-dot rm-dot-" + (m.online === false ? "offline" : "online"), style: { position: "absolute", right: -1, bottom: -1, border: "2px solid var(--rm-bg)" } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-member-name", children: m.agentId }),
+        m.self ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: "you" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-member-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mini", title: `@mention ${m.agentId}`, onClick: () => mention(m.agentId), children: "@" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mini", title: `Assign a task to ${m.agentId}`, onClick: () => assign(m.agentId), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}) })
+        ] })
+      ] }, m.agentId)),
+      !room.members.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: room.status === "online" ? "Only you are here." : "Offline." }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+        "Tasks \xB7 ",
+        tasks.length
+      ] }),
+      tasks.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-task-row-title", children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: STATUS_TONE[t.status] || "neutral", children: t.status }),
+        t.assignee ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-note", style: { margin: 0 }, children: [
+          "@",
+          t.assignee
+        ] }) : null
+      ] }, t.taskId)),
+      !tasks.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: "No tasks. Use the task button in the composer." }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+        "Invite"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: room.public ? "Public: listed in the relay directory with its key. Anyone can find, join, and read this room." : "Private: only agents holding the invite can join. The invite contains the room key \u2014 share it only with agents you trust." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: copyInvite, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}), children: "Copy invite" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-detail-h", children: "About" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "rm-about", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Visibility" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+          " Public"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+          " Private"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Transport" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.transport === "lan" ? "LAN / VPS (Node relay)" : "Relay (Cloudflare)" }),
+        room.memberConfig?.workspaceLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Workspace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.memberConfig.workspaceLabel })
+        ] }) : null,
+        room.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.description })
+        ] }) : null,
+        room.tags?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Tags" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.tags.map((t) => "#" + t).join(" ") })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Room id" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "rm-mono", children: room.roomId }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Session" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "rm-mono", children: room.sessionTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Encryption" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: "E2EE (AES-GCM); relay sees ciphertext only" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: () => a.openDialog({ kind: "config", roomId: room.roomId }), children: "Agent config" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "ghost", className: "rm-danger", onClick: () => a.openDialog({ kind: "leave", roomId: room.roomId, name: room.name }), children: "Leave room" })
+      ] })
+    ] })
+  ] });
+}
+function EmptyMain({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-root rm-welcome-wrap", "data-collab-main": "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-welcome", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-badge", children: "Collab \xB7 E2EE \xB7 no accounts" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Workspaces, then rooms" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Bind a local workspace (project folder), then create rooms inside it. Peers join those rooms and point their agent at the same project. @mention or tasks wake agents. Relay or LAN transport; E2EE; optional public directory." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-welcome-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "workspace" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Bind workspace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Local project path shared by agents in rooms" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "create" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Create room" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "In the active workspace \xB7 Relay or LAN" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "join" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Join by invite" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Paste a collab://join/\u2026 invite" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.setSearchOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Browse public rooms" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search the relay directory by name or #tag" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function RoomsMain({ store }) {
+  const s = useStore(store);
+  const [drafts, setDrafts] = (0, import_react.useState)({});
+  const room = s.rooms.find((r) => r.roomId === s.selected);
+  if (!room) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyMain, { store });
+  const messages = s.messages[room.roomId] || [];
+  const draft2 = drafts[room.roomId] || "";
+  const setDraft2 = (v) => setDrafts((d) => ({ ...d, [room.roomId]: typeof v === "function" ? v(d[room.roomId] || "") : v }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-main", "data-collab-main": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ApprovalBanner, { store }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "rm-chat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "rm-chat-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: room.name, size: 28 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-chat-header-title", children: room.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-chat-header-sub", children: [
+              room.members.filter((m) => m.online !== false).length,
+              " online \xB7 ",
+              room.public ? "public" : "private",
+              room.status !== "online" ? ` \xB7 room ${room.status}` : ""
+            ] })
+          ] }),
+          room.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge rm-badge-public", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+            "Public"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+            "Private"
+          ] }),
+          room.transport === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-badge", children: "LAN/VPS" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: room.status === "online" ? "done" : room.status === "connecting" ? "ongoing" : "error", size: 8 })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatBody, { messages }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Composer, { room, store, draft: draft2, setDraft: setDraft2 })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        RoomDetail,
+        {
+          room,
+          messages,
+          store,
+          mention: (id) => setDraft2((d) => `${d}${d && !d.endsWith(" ") ? " " : ""}@${id} `),
+          assign: (id) => {
+            setDraft2(`@${id} `);
+            store.actions.toast(`Switch to task mode, then describe the task for @${id}`);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function Field({ label, hint, children, htmlFor }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "rm-field-label", htmlFor, children: label }),
+    children,
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: hint }) : null
+  ] });
+}
+function CreateDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [f, setF] = (0, import_react.useState)({ name: "", description: "", tags: "", public: false, mode: "lan", lanHostPort: "62.234.113.56:80" });
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [lanPeers, setLanPeers] = (0, import_react.useState)([]);
+  const ok = f.name.trim() && !busy;
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!ok) return;
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.create({
+        name: f.name.trim(),
+        description: f.description.trim(),
+        tags: f.tags,
+        public: f.public,
+        mode: f.mode,
+        lanHostPort: f.mode === "lan" ? f.lanHostPort.trim() : void 0
+      });
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  const browseLan = async () => {
+    try {
+      const r = await a.browseLan();
+      setLanPeers(r.peers || []);
+    } catch (e) {
+      setErr(e.message);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Create room",
+      closeLabel: "Close",
+      description: "Room is created inside the active workspace (path becomes MCP sandbox). Default transport is the VPS Node relay (62.234.113.56:80) with optional public directory. Cloudflare remains an advanced option. The room key never goes to the relay.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: !ok, onClick: submit, children: busy ? "Creating\u2026" : "Create" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", onKeyDown: (e) => e.key === "Enter" && e.target.tagName === "INPUT" && submit(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Transport", hint: "Default: VPS Node relay at 62.234.113.56:80 (invite-only or public directory). Blank host = embedded local LAN + mDNS. Cloudflare is optional.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-mode-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mode-btn" + (f.mode === "lan" ? " is-on" : ""), onClick: () => setF({ ...f, mode: "lan", lanHostPort: f.lanHostPort || "62.234.113.56:80" }), children: "LAN / VPS" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mode-btn" + (f.mode === "relay" ? " is-on" : ""), onClick: () => setF({ ...f, mode: "relay" }), children: "Cloudflare (advanced)" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Name", htmlFor: "rm-create-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-name-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: f.name || "room", size: 36 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-name", autoFocus: true, placeholder: "e.g. release-crew", maxLength: 60, value: f.name, onChange: (e) => setF({ ...f, name: e.target.value }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Description (optional)", htmlFor: "rm-create-desc", hint: "Shown to members and, if public, in search results.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-desc", placeholder: "e.g. Agents that review and ship releases", maxLength: 280, value: f.description, onChange: (e) => setF({ ...f, description: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Tags (optional)", htmlFor: "rm-create-tags", hint: "Spaces or commas, up to 8. Used by public room search.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-tags", placeholder: "e.g. review rust", value: f.tags, onChange: (e) => setF({ ...f, tags: e.target.value }) }) }),
+        f.mode === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { label: "Relay host:port", htmlFor: "rm-lan-hp", hint: "Default VPS 62.234.113.56:80 (public directory works). Blank = this machine (LAN/Tailscale + mDNS). Invite: collab://lan/host:port/room#key.", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-lan-hp", placeholder: "62.234.113.56:80 or 100.x.x.x:7421", value: f.lanHostPort, onChange: (e) => setF({ ...f, lanHostPort: e.target.value }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-lan-browse", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: browseLan, children: "Browse mDNS" }),
+            lanPeers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-lan-peer", onClick: () => setF({ ...f, lanHostPort: p.hostPort }), children: [
+              p.hostPort,
+              p.name ? ` \xB7 ${p.name}` : ""
+            ] }, p.hostPort))
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "List in public directory" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: f.public ? "Anyone can find this room by name or tag and join it. Its key is published with the listing \u2014 NOT confidential." : "Private: invite only. Nothing about the room is published." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.public, onChange: (v) => setF({ ...f, public: v }), label: "List in public directory" })
+        ] }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function JoinDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [invite, setInvite] = (0, import_react.useState)("");
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const valid = /^collab:\/\/(join|lan|relay)\/.+#\S+$/.test(invite.trim());
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!valid || busy) return;
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.join(invite.trim());
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Join room",
+      closeLabel: "Close",
+      description: "Paste an invite. The room attaches to your active workspace \u2014 set the local path to your checkout of the same project before collaborating via MCP.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: !valid || busy, onClick: submit, children: busy ? "Joining\u2026" : "Join" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { autoFocus: true, "aria-label": "Invite", placeholder: "collab://join/\u2026 or collab://lan/<host>:<port>/<roomId>#\u2026", value: invite, onChange: (e) => setInvite(e.target.value), onKeyDown: (e) => e.key === "Enter" && submit() }),
+        invite && !valid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Invites: collab://join/\u2026#key, collab://lan/host:port/room#key, or collab://relay/host/join/room#key" }) : null,
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function InviteDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: `Room "${d.name}" created`,
+      closeLabel: "Close",
+      description: d.public ? d.listed ? "Listed in the public directory: other agents can find it with search and join with one click." : "Directory listing failed; the room still works by invite." : "Private room. Share this invite with the agents you want in it.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Done" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", onClick: async () => setCopied(await (0, import_dsh_client_ui_primitives.writeClipboard)(d.invite)), children: copied ? "Copied" : "Copy invite" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "rm-invite", "data-invite": "", children: d.invite }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Anyone holding the invite can join and read the room." })
+      ] })
+    }
+  );
+}
+function LeaveDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: `Leave "${d.name}"?`,
+      closeLabel: "Close",
+      description: "This machine forgets the room and its invite. If you listed it publicly, the listing is removed.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: async () => {
+          setBusy(true);
+          try {
+            await a.leave(d.roomId);
+          } catch (e) {
+            a.toast(e.message);
+            setBusy(false);
+          }
+        }, children: busy ? "Leaving\u2026" : "Leave" })
+      ] })
+    }
+  );
+}
+function ConfigDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const room = (store.getSnapshot().rooms || []).find((r) => r.roomId === d.roomId);
+  const mc = room?.memberConfig || {};
+  const [f, setF] = (0, import_react.useState)({
+    model: mc.model || "",
+    provider: mc.provider || "",
+    reasoningEffort: mc.reasoningEffort || "medium",
+    workspacePath: "",
+    workspaceLabel: mc.workspaceLabel || "",
+    autoRead: mc.permissions?.autoRead !== false,
+    autoWrite: !!mc.permissions?.autoWrite,
+    autoShell: !!mc.permissions?.autoShell,
+    autoNetwork: !!mc.permissions?.autoNetwork,
+    mcpEnabled: mc.mcpEnabled !== false
+  });
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    a.getConfig(d.roomId).then((c) => setF((x) => ({ ...x, workspacePath: c.workspacePath || "", workspaceLabel: c.workspaceLabel || x.workspaceLabel, model: c.model || "", provider: c.provider || "", reasoningEffort: c.reasoningEffort || "medium", autoRead: c.permissions?.autoRead !== false, autoWrite: !!c.permissions?.autoWrite, autoShell: !!c.permissions?.autoShell, autoNetwork: !!c.permissions?.autoNetwork, mcpEnabled: c.mcpEnabled !== false }))).catch(() => {
+    });
+  }, [d.roomId]);
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.saveConfig(d.roomId, {
+        model: f.model || void 0,
+        provider: f.provider || void 0,
+        reasoningEffort: f.reasoningEffort,
+        workspacePath: f.workspacePath || void 0,
+        workspaceLabel: f.workspaceLabel || void 0,
+        mcpEnabled: f.mcpEnabled,
+        permissions: { autoRead: f.autoRead, autoWrite: f.autoWrite, autoShell: f.autoShell, autoNetwork: f.autoNetwork }
+      });
+      a.closeDialog();
+      a.toast("Agent config saved (announced to room; no API keys shared)");
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Room agent config",
+      closeLabel: "Close",
+      description: "Local to this member. Peers see model, effort, workspace label, permissions, and MCP tools \u2014 never API keys.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: submit, children: busy ? "Saving\u2026" : "Save" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Model", htmlFor: "rm-cfg-model", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-model", value: f.model, onChange: (e) => setF({ ...f, model: e.target.value }), placeholder: "e.g. deepseek-chat" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Provider", htmlFor: "rm-cfg-prov", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-prov", value: f.provider, onChange: (e) => setF({ ...f, provider: e.target.value }), placeholder: "e.g. deepseek" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Reasoning effort", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { className: "rm-input", value: f.reasoningEffort, onChange: (e) => setF({ ...f, reasoningEffort: e.target.value }), children: ["low", "medium", "high", "max"].map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: x, children: x }, x)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Workspace path", htmlFor: "rm-cfg-ws", hint: "Absolute path on this machine. Peers only see the label.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-ws", value: f.workspacePath, onChange: (e) => setF({ ...f, workspacePath: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Workspace label", htmlFor: "rm-cfg-wsl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-wsl", value: f.workspaceLabel, onChange: (e) => setF({ ...f, workspaceLabel: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Expose MCP workspace" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Same-room peers can call workspace_* tools over E2EE." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.mcpEnabled, onChange: (v) => setF({ ...f, mcpEnabled: v }), label: "MCP" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", children: "Peer MCP limits (read/write/exec/delete) are edited from the room composer \xB7 Peer MCP control." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow reads" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoRead, onChange: (v) => setF({ ...f, autoRead: v }), label: "autoRead" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow writes" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Off \u2192 approval UI for write/mkdir/delete." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoWrite, onChange: (v) => setF({ ...f, autoWrite: v }), label: "autoWrite" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow shell" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoShell, onChange: (v) => setF({ ...f, autoShell: v }), label: "autoShell" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow network" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoNetwork, onChange: (v) => setF({ ...f, autoNetwork: v }), label: "autoNetwork" })
+        ] }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function ApprovalBanner({ store }) {
+  const s = useStore(store);
+  const list = s.approvals || [];
+  if (!list.length) return null;
+  const a = store.actions;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-approvals", children: list.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Approval needed" }),
+      " \xB7 ",
+      p.action,
+      " \xB7 ",
+      p.summary,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-field-hint", children: [
+        "from ",
+        p.from,
+        p.detail ? ` \u2014 ${p.detail}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: () => a.decideApproval(p.requestId, "deny"), children: "Deny" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "primary", onClick: () => a.decideApproval(p.requestId, "allow"), children: "Allow" })
+    ] })
+  ] }, p.requestId)) });
+}
+function WorkspaceDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [name2, setName] = (0, import_react.useState)("");
+  const [path, setPath] = (0, import_react.useState)("");
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!path.trim()) {
+      setErr("Absolute workspace path required");
+      return;
+    }
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.ensureWorkspace({ name: name2.trim() || void 0, path: path.trim() });
+      a.closeDialog();
+      a.toast("Workspace ready \u2014 create a room to collaborate");
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Workspace",
+      closeLabel: "Close",
+      description: "Pick the local project folder agents share. Rooms created next inherit this path (MCP + agent cwd). Peers map the same logical project to their own checkout.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy || !path.trim(), onClick: submit, children: busy ? "Saving\u2026" : "Use workspace" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        (s.workspaces || []).length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Switch to existing", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-lan-browse", children: (s.workspaces || []).map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-lan-peer", onClick: async () => {
+          await a.setActiveWorkspace(w.id);
+          a.closeDialog();
+        }, children: w.name }, w.id)) }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Name", htmlFor: "rm-ws-name", hint: "Shown in the sidebar.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-ws-name", placeholder: "e.g. collab", value: name2, onChange: (e) => setName(e.target.value) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Local path", htmlFor: "rm-ws-path", hint: "Absolute path on this machine.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-ws-path", autoFocus: true, placeholder: "/Users/you/code/my-app", value: path, onChange: (e) => setPath(e.target.value), onKeyDown: (e) => e.key === "Enter" && submit() }) }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function Overlay({ store }) {
+  const s = useStore(store);
+  const d = s.dialog;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    d?.kind === "create" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CreateDialog, { store }) : null,
+    d?.kind === "join" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JoinDialog, { store }) : null,
+    d?.kind === "invite" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InviteDialog, { store, d }) : null,
+    d?.kind === "leave" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeaveDialog, { store, d }) : null,
+    d?.kind === "config" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigDialog, { store, d }) : null,
+    d?.kind === "workspace" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WorkspaceDialog, { store }) : null,
+    s.toast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Toast, { text: s.toast, onDone: store.actions.clearToast, holdMs: 2200 }) : null
+  ] });
+}
+function installStyles() {
+  if (typeof document === "undefined") return () => {
+  };
+  const style = document.createElement("style");
+  style.setAttribute("data-dsh-room", "rooms");
+  style.textContent = rooms_default;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+function apply(ctx) {
+  const store = createRoomsStore();
+  ctx.effect(() => installStyles(), "dsh-room: styles");
+  ctx.effect(() => () => store.dispose(), "dsh-room: store");
+  const info = () => ctx.layout.panelInfo;
+  const ensurePanel = () => {
+    try {
+      if (info().getSnapshot().activePanelId !== PANEL_ID) ctx.layout.selectPanel(PANEL_ID);
+    } catch {
+    }
+  };
+  ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({ name: "sidebar.panellist", id: PANEL_ID, order: 11, label: () => "DSH Room" }, PanelIcon));
+  ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: PANEL_ID, inject: () => ({ store }) }, RoomsMain));
+  ctx.slots.inject("shell.overlay", () => ctx.slots.register({ name: "shell.overlay", id: "dsh-room-dialogs", inject: () => ({ store }) }, Overlay));
+  ctx.slots.inject("sidebar.workspaces", () => {
+    let dispose;
+    const reconcile = () => {
+      const active = info().getSnapshot().activePanelId === PANEL_ID;
+      if (active && !dispose) dispose = ctx.slots.register({ name: "sidebar.workspaces", priority: -100, inject: () => ({ store, ensurePanel }) }, RoomsSidebar);
+      else if (!active && dispose) {
+        dispose();
+        dispose = void 0;
+      }
+    };
+    const off = info().subscribe(reconcile);
+    reconcile();
+    return () => {
+      off();
+      if (dispose) dispose();
+      dispose = void 0;
+    };
+  });
+}
+
+		return module.exports;
+	}
+});
+window.__ModuleLoader__.load({
+	id: "collab",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.jsx
+var index_exports = {};
+__export(index_exports, {
+  Avatar: () => Avatar,
+  RoomsIcon: () => RoomsIcon,
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/rooms.css
+var rooms_default = '/* Collab Rooms UI \u2014 original surface inside the dsh shell. Uses only dsh --dsw-* tokens.\n   Independent Rooms surface. Prefix: rm- (rooms). */\n\n.rm-root {\n  --rm-accent: var(--dsw-alias-state-business-primary);\n  --rm-hover: var(--dsw-alias-interactive-bg-hover);\n  --rm-border: var(--dsw-alias-border-l2);\n  --rm-bg: var(--dsw-alias-bg-base);\n  --rm-panel: var(--dsw-alias-bg-module-platform);\n  --rm-label: var(--dsw-alias-label-primary);\n  --rm-muted: var(--dsw-alias-label-secondary);\n  --rm-quiet: var(--dsw-alias-label-tertiary);\n  font: 13px/1.5 var(--dsw-font-family);\n  color: var(--rm-label);\n  box-sizing: border-box;\n}\n.rm-root *, .rm-root *::before, .rm-root *::after { box-sizing: border-box; }\n.rm-root button, .rm-root input, .rm-root textarea { font: inherit; }\n\n/* \u2500\u2500 sidebar (joined rooms + public search) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-side {\n  display: flex; flex-direction: column; height: 100%; min-height: 0;\n  padding: 0 8px 8px 0; gap: 8px;\n}\n.rm-side-toolbar {\n  display: flex; align-items: center; gap: 6px; flex: none; padding: 4px 0 2px;\n}\n.rm-side-title {\n  flex: 1; font-size: 12px; font-weight: 600; letter-spacing: .04em;\n  text-transform: uppercase; color: var(--rm-quiet);\n}\n.rm-icon-btn {\n  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 8px; background: transparent; color: var(--rm-muted); cursor: pointer; padding: 0;\n}\n.rm-icon-btn:hover { background: var(--rm-hover); color: var(--rm-label); }\n.rm-search {\n  display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px;\n  border: .5px solid var(--rm-border); border-radius: 8px; background: var(--rm-panel);\n}\n.rm-search input {\n  flex: 1; min-width: 0; border: 0; background: transparent; outline: none; color: var(--rm-label); font-size: 13px;\n}\n.rm-search input::placeholder { color: var(--rm-quiet); }\n.rm-side-scroll { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 12px; }\n.rm-group-label { font-size: 11px; font-weight: 600; color: var(--rm-quiet); padding: 0 4px 4px; text-transform: uppercase; letter-spacing: .03em; }\n.rm-room-list { display: flex; flex-direction: column; gap: 2px; }\n.rm-room-item {\n  display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px;\n  border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; text-align: left;\n}\n.rm-room-item:hover { background: var(--rm-hover); }\n.rm-room-item[aria-current="true"] { background: var(--rm-hover); }\n.rm-room-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }\n.rm-room-item-name { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item-meta { font-size: 11.5px; color: var(--rm-quiet); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item-trail { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }\n.rm-badge {\n  display: inline-flex; align-items: center; gap: 3px; height: 18px; padding: 0 6px;\n  border-radius: 999px; font-size: 10.5px; font-weight: 500; background: var(--rm-panel); color: var(--rm-muted);\n  border: .5px solid var(--rm-border);\n}\n.rm-badge-public { color: var(--rm-accent); border-color: color-mix(in srgb, var(--rm-accent) 35%, transparent); background: color-mix(in srgb, var(--rm-accent) 8%, transparent); }\n.rm-dot { width: 7px; height: 7px; border-radius: 50%; flex: none; background: var(--rm-quiet); }\n.rm-dot-online { background: var(--dsw-alias-state-success-primary, #2bb673); }\n.rm-dot-connecting { background: var(--dsw-alias-state-warn-primary, #e9a23b); }\n.rm-dot-offline { background: var(--dsw-alias-state-error-primary, #e5484d); }\n.rm-empty-hint { padding: 8px 10px; font-size: 12px; color: var(--rm-quiet); line-height: 1.45; }\n.rm-dir-item {\n  display: flex; align-items: flex-start; gap: 10px; padding: 10px; border-radius: 10px;\n  border: .5px solid var(--rm-border); background: var(--rm-bg); margin-bottom: 6px;\n}\n.rm-dir-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }\n.rm-dir-tags { display: flex; flex-wrap: wrap; gap: 4px; }\n.rm-tag { font-size: 11px; color: var(--rm-muted); background: var(--rm-hover); border-radius: 4px; padding: 0 5px; }\n.rm-menu {\n  position: fixed; z-index: 1000; min-width: 180px; padding: 4px;\n  border-radius: 10px; background: var(--dsw-alias-bg-layer-1, var(--rm-bg));\n  border: .5px solid var(--rm-border);\n  box-shadow: 0 8px 24px color-mix(in srgb, var(--rm-label) 12%, transparent);\n  display: flex; flex-direction: column;\n}\n.rm-menu button {\n  display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px;\n  border: 0; border-radius: 6px; background: transparent; color: var(--rm-label); cursor: pointer; text-align: left;\n}\n.rm-menu button:hover { background: var(--rm-hover); }\n\n/* \u2500\u2500 main: room workspace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-main { display: flex; flex: 1; min-height: 0; height: 100%; width: 100%; background: var(--rm-bg); }\n.rm-workspace { display: flex; flex: 1; min-width: 0; min-height: 0; }\n.rm-chat { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }\n.rm-chat-header {\n  flex: none; display: flex; align-items: center; gap: 10px; height: 48px;\n  padding: 0 16px; border-bottom: .5px solid var(--rm-border);\n}\n.rm-chat-header-title { font-size: 14px; font-weight: 600; }\n.rm-chat-header-sub { font-size: 12px; color: var(--rm-quiet); }\n.rm-messages {\n  flex: 1; min-height: 0; overflow: auto; padding: 16px 18px 8px;\n  display: flex; flex-direction: column; gap: 2px;\n}\n.rm-day {\n  align-self: center; margin: 10px 0 12px; padding: 2px 10px; border-radius: 999px;\n  font-size: 11px; color: var(--rm-quiet); background: var(--dsw-alias-button-elevated-fill, var(--rm-panel));\n}\n.rm-msg {\n  display: grid; grid-template-columns: 32px 1fr; gap: 0 10px; padding: 4px 6px; border-radius: 8px;\n  max-width: 720px;\n}\n.rm-msg:hover { background: color-mix(in srgb, var(--rm-hover) 60%, transparent); }\n.rm-msg-self { margin-left: auto; grid-template-columns: 1fr; max-width: 640px; }\n.rm-msg-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 1px; }\n.rm-msg-author { font-size: 12px; font-weight: 600; color: var(--rm-muted); }\n.rm-msg-time { font-size: 11px; color: var(--rm-quiet); }\n.rm-msg-body { font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }\n.rm-msg-self .rm-msg-body {\n  background: var(--dsw-alias-label-primary); color: var(--dsw-alias-label-primary-foreground);\n  padding: 8px 12px; border-radius: 12px 12px 4px 12px; width: fit-content; margin-left: auto;\n}\n.rm-msg-event {\n  grid-template-columns: 1fr; max-width: 560px; margin: 6px 0;\n  padding: 8px 12px; border: .5px solid var(--rm-border); border-radius: 10px; background: var(--rm-panel);\n}\n.rm-mention { color: var(--rm-accent); font-weight: 500; }\n.rm-msg-self .rm-mention { color: inherit; text-decoration: underline; text-underline-offset: 2px; }\n.rm-task-card { display: flex; flex-direction: column; gap: 4px; }\n.rm-task-head { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--rm-muted); }\n.rm-task-title { font-weight: 600; font-size: 13.5px; }\n.rm-composer {\n  flex: none; display: flex; align-items: flex-end; gap: 8px; padding: 10px 16px 14px;\n  border-top: .5px solid var(--rm-border);\n}\n.rm-composer-box {\n  flex: 1; display: flex; align-items: flex-end; gap: 6px; min-height: 44px;\n  padding: 8px 10px; border: .5px solid var(--rm-border); border-radius: 12px; background: var(--rm-panel);\n}\n.rm-composer-box:focus-within { border-color: color-mix(in srgb, var(--rm-accent) 50%, var(--rm-border)); }\n.rm-composer-box textarea {\n  flex: 1; min-height: 28px; max-height: 120px; border: 0; background: transparent; outline: none;\n  resize: none; color: var(--rm-label); line-height: 1.45;\n}\n.rm-composer-box textarea::placeholder { color: var(--rm-quiet); }\n.rm-composer-mode {\n  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 8px; background: transparent; color: var(--rm-muted); cursor: pointer; flex: none;\n}\n.rm-composer-mode:hover, .rm-composer-mode[aria-pressed="true"] {\n  color: var(--rm-accent); background: color-mix(in srgb, var(--rm-accent) 12%, transparent);\n}\n.rm-chat-hint { margin: 48px auto; text-align: center; color: var(--rm-quiet); font-size: 13px; max-width: 360px; line-height: 1.5; }\n\n/* \u2500\u2500 detail column (members / invite / about) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-detail {\n  flex: 0 0 280px; width: 280px; display: flex; flex-direction: column; min-height: 0;\n  border-left: .5px solid var(--rm-border); background: var(--rm-bg); overflow: auto;\n}\n.rm-detail-section { padding: 14px 14px 8px; border-bottom: .5px solid var(--rm-border); }\n.rm-detail-section:last-child { border-bottom: 0; }\n.rm-detail-h {\n  display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600;\n  text-transform: uppercase; letter-spacing: .04em; color: var(--rm-quiet); margin-bottom: 8px;\n}\n.rm-member {\n  display: flex; align-items: center; gap: 8px; padding: 5px 4px; border-radius: 8px; min-height: 34px;\n}\n.rm-member:hover { background: var(--rm-hover); }\n.rm-member-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.rm-member-actions { display: none; gap: 2px; }\n.rm-member:hover .rm-member-actions, .rm-member:focus-within .rm-member-actions { display: inline-flex; }\n.rm-mini {\n  width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center;\n  border: 0; border-radius: 6px; background: transparent; color: var(--rm-muted); cursor: pointer; font-size: 12px;\n}\n.rm-mini:hover { background: var(--dsw-alias-interactive-bg-active); color: var(--rm-label); }\n.rm-task-row { display: flex; align-items: center; gap: 6px; padding: 4px; font-size: 12.5px; }\n.rm-task-row-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-about { display: grid; grid-template-columns: 88px 1fr; gap: 6px 8px; font-size: 12.5px; margin: 0; }\n.rm-about dt { color: var(--rm-quiet); margin: 0; }\n.rm-about dd { margin: 0; min-width: 0; overflow-wrap: anywhere; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }\n.rm-mono { font-family: var(--dsw-font-markdown-code-block-font-family, ui-monospace, monospace); font-size: 11.5px; }\n.rm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }\n.rm-danger { color: var(--dsw-alias-state-error-primary, #e5484d) !important; }\n.rm-note { font-size: 12px; color: var(--rm-quiet); line-height: 1.45; margin: 0 0 8px; }\n\n/* \u2500\u2500 empty / welcome \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-welcome-wrap {\n  flex: 1; display: flex; align-items: center; justify-content: center; padding: 32px; background: var(--rm-bg);\n}\n.rm-welcome {\n  width: min(420px, 100%); display: flex; flex-direction: column; gap: 10px;\n  padding: 20px; border-radius: 14px; border: .5px solid var(--rm-border); background: var(--rm-panel);\n}\n.rm-welcome h1 { margin: 0; font-size: 16px; font-weight: 600; }\n.rm-welcome p { margin: 0; font-size: 13px; color: var(--rm-muted); line-height: 1.5; }\n.rm-welcome-actions { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }\n.rm-welcome-action {\n  display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 10px 12px;\n  border: .5px solid var(--rm-border); border-radius: 10px; background: var(--rm-bg);\n  color: var(--rm-label); cursor: pointer; text-align: left;\n}\n.rm-welcome-action:hover { background: var(--rm-hover); }\n.rm-welcome-action b { display: block; font-size: 13px; }\n.rm-welcome-action span { display: block; font-size: 12px; color: var(--rm-quiet); margin-top: 2px; }\n\n/* \u2500\u2500 avatars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-avatar {\n  display: inline-flex; align-items: center; justify-content: center; flex: none;\n  font-weight: 600; letter-spacing: .02em; user-select: none;\n}\n.rm-avatar-wrap { position: relative; display: inline-flex; flex: none; }\n\n/* \u2500\u2500 dialogs (inside dsh Modal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.rm-form { display: flex; flex-direction: column; gap: 14px; }\n.rm-field { display: flex; flex-direction: column; gap: 6px; }\n.rm-field-label { font-size: 13px; font-weight: 500; }\n.rm-field-hint { font-size: 12px; color: var(--rm-quiet); }\n.rm-name-row { display: flex; align-items: center; gap: 10px; }\n.rm-name-row > :last-child { flex: 1; }\n.rm-switch-row {\n  display: flex; align-items: center; justify-content: space-between; gap: 14px;\n  padding: 10px 12px; border-radius: 10px; background: var(--rm-panel);\n}\n.rm-error { color: var(--dsw-alias-state-error-primary, #e5484d); font-size: 12.5px; }\n.rm-invite {\n  display: block; padding: 10px 12px; border-radius: 8px; background: var(--rm-panel);\n  font-family: var(--dsw-font-markdown-code-block-font-family, ui-monospace, monospace);\n  font-size: 12px; word-break: break-all; user-select: all;\n}\n\n/* Dual transport + approvals + agent config */\n.rm-mode-row { display: flex; gap: 8px; }\n.rm-mode-btn {\n  flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rm-border, #2a2f3a);\n  background: transparent; color: inherit; cursor: pointer; font: inherit;\n}\n.rm-mode-btn.is-on { border-color: var(--rm-accent, #5b8cff); background: color-mix(in srgb, var(--rm-accent, #5b8cff) 16%, transparent); }\n.rm-lan-browse { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; align-items: center; }\n.rm-lan-peer {\n  font-size: 12px; padding: 4px 8px; border-radius: 999px; border: 1px solid var(--rm-border, #2a2f3a);\n  background: transparent; color: inherit; cursor: pointer;\n}\n.rm-approvals { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--rm-border, #2a2f3a); background: color-mix(in srgb, #f5a524 12%, transparent); }\n.rm-approval { display: flex; gap: 12px; align-items: center; justify-content: space-between; }\n.rm-approval-body { font-size: 13px; }\n.rm-approval-actions { display: flex; gap: 6px; flex-shrink: 0; }\n.rm-input { width: 100%; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; font: inherit; }\n\n.rm-ws-bar { display: flex; flex-direction: column; gap: 4px; padding: 8px 12px; border-bottom: 1px solid var(--rm-border, #2a2f3a); }\n.rm-ws-chip { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 12.5px; }\n.rm-ws-path { font-size: 11px; color: var(--rm-quiet, #8b93a7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.rm-room-item.is-active { background: color-mix(in srgb, var(--rm-accent, #5b8cff) 12%, transparent); }\n\n/* Native-aligned room composer (mirrors dsh conversation control row) */\n.rm-composer-card {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  border-radius: 16px;\n  background: var(--rm-elev, var(--rm-panel, #12151c));\n  border: 1px solid var(--rm-border, #2a2f3a);\n  box-shadow: 0 1px 2px rgba(0,0,0,.06);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px 0 6px;\n}\n.rm-composer-grow { position: relative; padding: 0 4px; }\n.rm-composer-grow textarea {\n  box-sizing: border-box; width: 100%; min-height: 36px; max-height: 160px;\n  resize: none; border: none; outline: none; background: transparent;\n  color: inherit; font: inherit; font-size: 14px; line-height: 22px;\n  padding: 4px 12px 0 14px;\n}\n.rm-composer-grow textarea:disabled { opacity: .55; cursor: not-allowed; }\n.rm-composer-row {\n  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;\n  gap: 10px; min-width: 0; padding: 2px 8px 4px;\n}\n.rm-composer-tools, .rm-composer-modes, .rm-composer-trailing {\n  display: flex; align-items: center; min-width: 0; gap: 8px;\n}\n.rm-composer-trailing { flex: none; margin-left: auto; }\n.rm-composer-add {\n  width: 28px; height: 28px; border: none; border-radius: 999px;\n  background: color-mix(in srgb, var(--rm-fg, #e8eaed) 8%, transparent);\n  color: inherit; cursor: pointer; display: grid; place-items: center;\n}\n.rm-composer-add:hover, .rm-composer-add[aria-pressed="true"] {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 22%, transparent);\n}\n.rm-composer-select {\n  max-width: 220px; height: 28px; border: none; border-radius: 8px;\n  background: transparent; color: var(--rm-quiet, #8b93a7);\n  font: inherit; font-size: 13px; font-weight: 500; line-height: 20px;\n  padding: 0 8px; cursor: pointer; white-space: nowrap;\n}\n.rm-composer-select:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--rm-fg, #e8eaed) 8%, transparent);\n}\n.rm-composer-select:disabled { opacity: .5; cursor: default; }\n.rm-composer-model-text { display: inline; }\n.rm-composer-model-icon { display: none; font-size: 10px; }\n.rm-composer-effort {\n  margin-left: 6px; font-size: 11px; opacity: .75;\n  text-transform: uppercase; letter-spacing: .02em;\n}\n.rm-composer-send {\n  width: 34px; height: 34px; border: none; border-radius: 999px;\n  background: var(--rm-accent, #5b8cff); color: #fff; cursor: pointer;\n  display: grid; place-items: center; transform: translateY(-2px);\n}\n.rm-composer-send:hover:not(:disabled) { filter: brightness(1.08); }\n.rm-composer-send:disabled { opacity: .4; cursor: default; }\n.rm-composer-popwrap { position: relative; }\n.rm-composer-menu {\n  position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 40;\n  min-width: 200px; max-height: 320px; overflow: auto;\n  border: 1px solid var(--rm-border, #2a2f3a); border-radius: 12px;\n  background: var(--rm-elev, #12151c); box-shadow: 0 8px 24px rgba(0,0,0,.28);\n  padding: 6px; display: flex; flex-direction: column; gap: 2px;\n}\n.rm-composer-menu-wide { min-width: 280px; max-width: 340px; }\n.rm-composer-menu-label {\n  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--rm-quiet, #8b93a7); padding: 6px 8px 2px;\n}\n.rm-composer-menu button[role="menuitem"] {\n  text-align: left; border: none; background: transparent; color: inherit;\n  font: inherit; font-size: 13px; padding: 6px 8px; border-radius: 8px; cursor: pointer;\n}\n.rm-composer-menu button[role="menuitem"]:hover,\n.rm-composer-menu button[role="menuitem"].is-active {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 16%, transparent);\n}\n.rm-composer-check {\n  display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 4px 8px; cursor: pointer;\n}\n.rm-grant-row {\n  display: flex; align-items: center; justify-content: space-between; gap: 8px;\n  padding: 2px 8px; font-size: 12.5px;\n}\n.rm-grant-row select {\n  font: inherit; font-size: 12px; border-radius: 6px;\n  border: 1px solid var(--rm-border, #2a2f3a); background: transparent; color: inherit; padding: 2px 6px;\n}\n.rm-peer-grant-block { border-top: 1px solid var(--rm-border, #2a2f3a); padding-top: 4px; margin-top: 4px; }\n.rm-peer-grant-name { font-size: 12px; font-weight: 600; padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; }\n\n/* Hide legacy tight composer if still referenced */\n.rm-composer { display: none; }\n\n.rm-composer-grow { position: relative; }\n.rm-mention-menu {\n  position: absolute; left: 8px; right: 8px; bottom: calc(100% + 6px); z-index: 50;\n  max-height: 240px; overflow: auto;\n  border: 1px solid var(--rm-border, #2a2f3a); border-radius: 12px;\n  background: var(--rm-elev, #12151c); box-shadow: 0 10px 28px rgba(0,0,0,.32);\n  padding: 4px; display: flex; flex-direction: column; gap: 2px;\n}\n.rm-mention-item {\n  display: flex; align-items: center; gap: 8px; text-align: left;\n  border: none; background: transparent; color: inherit; font: inherit;\n  padding: 6px 8px; border-radius: 8px; cursor: pointer;\n}\n.rm-mention-item:hover, .rm-mention-item.is-active {\n  background: color-mix(in srgb, var(--rm-accent, #5b8cff) 18%, transparent);\n}\n.rm-mention-item-body { display: flex; flex-direction: column; min-width: 0; flex: 1; }\n.rm-mention-item-name { font-size: 13px; font-weight: 600; }\n.rm-mention-item-meta { font-size: 11px; color: var(--rm-quiet, #8b93a7); }\n';
+
+// src/client/store.js
+var API = "/api/collab";
+async function call(path, init) {
+  const res = await fetch(API + path, { credentials: "same-origin", ...init, headers: { ...init && init.body ? { "content-type": "application/json" } : {}, ...init && init.headers || {} } });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(body.error || `${res.status} ${res.statusText}`);
+  return body;
+}
+var post = (path, body) => call(path, { method: "POST", body: JSON.stringify(body || {}) });
+function createRoomsStore() {
+  let snap = {
+    self: null,
+    relayUrl: "",
+    lanRelayPort: null,
+    workspaces: [],
+    activeWorkspaceId: null,
+    rooms: [],
+    activeRoomId: null,
+    connected: false,
+    selected: null,
+    messages: {},
+    dialog: null,
+    toast: null,
+    approvals: [],
+    search: { open: false, query: "", results: [], loading: false, error: null }
+  };
+  const subs = /* @__PURE__ */ new Set();
+  const set = (patch) => {
+    snap = { ...snap, ...typeof patch === "function" ? patch(snap) : patch };
+    for (const s of subs) s();
+  };
+  let es = null;
+  let searchTimer = null;
+  function connect() {
+    if (es) return;
+    es = new EventSource(API + "/stream");
+    es.addEventListener("rooms", (e) => {
+      const st = JSON.parse(e.data);
+      set((s) => {
+        const selected = s.selected && st.rooms.some((r) => r.roomId === s.selected) ? s.selected : st.activeRoomId || st.rooms[0] && st.rooms[0].roomId || null;
+        return { ...st, connected: true, selected };
+      });
+      const sel = snap.selected;
+      if (sel && !snap.messages[sel]) void loadMessages(sel);
+    });
+    es.addEventListener("message", (e) => {
+      const { roomId, message } = JSON.parse(e.data);
+      set((s) => {
+        const cur = s.messages[roomId];
+        if (!cur || cur.some((m) => m.id === message.id)) return {};
+        return { messages: { ...s.messages, [roomId]: [...cur, message].sort((a, b) => a.ts - b.ts) } };
+      });
+    });
+    es.onerror = () => set({ connected: false });
+  }
+  async function loadMessages(roomId) {
+    try {
+      const r = await call(`/rooms/${encodeURIComponent(roomId)}/messages`);
+      set((s) => ({ messages: { ...s.messages, [roomId]: r.messages } }));
+    } catch (e) {
+      toast(e.message);
+    }
+  }
+  function toast(text) {
+    set({ toast: text });
+  }
+  async function runSearch(query) {
+    set((s) => ({ search: { ...s.search, loading: true, error: null } }));
+    try {
+      const q = query.trim();
+      const tag = (/(^|\s)#([\w-]+)/.exec(q) || [])[2];
+      const text = q.replace(/(^|\s)#[\w-]+/g, " ").trim();
+      const p = new URLSearchParams();
+      if (text) p.set("q", text);
+      if (tag) p.set("tag", tag);
+      const r = await call(`/directory?${p}`);
+      set((s) => s.search.query === query ? { search: { ...s.search, results: r.rooms, loading: false } } : {});
+    } catch (e) {
+      set((s) => ({ search: { ...s.search, loading: false, error: e.message } }));
+    }
+  }
+  const actions = {
+    select(roomId) {
+      set({ selected: roomId });
+      if (!snap.messages[roomId]) void loadMessages(roomId);
+      void post(`/rooms/${encodeURIComponent(roomId)}/active`).catch(() => {
+      });
+    },
+    openDialog(dialog) {
+      set({ dialog });
+    },
+    closeDialog() {
+      set({ dialog: null });
+    },
+    toast,
+    clearToast() {
+      set({ toast: null });
+    },
+    setSearchOpen(open) {
+      set((s) => ({ search: { ...s.search, open, query: open ? s.search.query : "", results: open ? s.search.results : [] } }));
+      if (open) void runSearch(snap.search.query);
+    },
+    setQuery(query) {
+      set((s) => ({ search: { ...s.search, query } }));
+      clearTimeout(searchTimer);
+      searchTimer = setTimeout(() => void runSearch(query), 300);
+    },
+    async create(form) {
+      const r = await post("/rooms", { ...form, workspaceId: form.workspaceId || snap.activeWorkspaceId });
+      set({ selected: r.roomId, dialog: { kind: "invite", roomId: r.roomId, name: r.name, invite: r.invite, public: r.public, listed: r.listed } });
+      void loadMessages(r.roomId);
+      return r;
+    },
+    async join(invite, info) {
+      const r = await post("/join", { invite, workspaceId: snap.activeWorkspaceId, ...info || {} });
+      set((s) => ({ selected: r.roomId, dialog: null, search: { ...s.search, results: s.search.results.map((x) => x.roomId === r.roomId ? { ...x, joined: true } : x) } }));
+      void loadMessages(r.roomId);
+      toast(`Joined ${r.name}`);
+      return r;
+    },
+    async leave(roomId) {
+      await post(`/rooms/${encodeURIComponent(roomId)}/leave`);
+      set((s) => {
+        const m = { ...s.messages };
+        delete m[roomId];
+        return { messages: m, selected: s.selected === roomId ? null : s.selected, dialog: null };
+      });
+      toast("Left the room");
+    },
+    async send(roomId, text) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/send`, { text });
+    },
+    async task(roomId, title, assignee, body) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/task`, { title, assignee, body });
+    },
+    async invite(roomId) {
+      return (await call(`/rooms/${encodeURIComponent(roomId)}/invite`)).invite;
+    },
+    async browseLan() {
+      return call("/lan/browse");
+    },
+    async ensureWorkspace(form) {
+      const w = await post("/workspaces", form);
+      set((s) => ({ activeWorkspaceId: w.id, workspaces: s.workspaces.some((x) => x.id === w.id) ? s.workspaces.map((x) => x.id === w.id ? w : x) : [w, ...s.workspaces] }));
+      return w;
+    },
+    async setActiveWorkspace(id) {
+      const w = await post("/workspaces/active", { id });
+      set({ activeWorkspaceId: id, selected: null });
+      return w;
+    },
+    async getConfig(roomId) {
+      return call(`/rooms/${encodeURIComponent(roomId)}/config`);
+    },
+    async saveConfig(roomId, patch) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/config`, patch);
+    },
+    async decideApproval(requestId, decision) {
+      return post("/approvals/decide", { requestId, decision });
+    },
+    async mcp(roomId, tool, args, target) {
+      return post(`/rooms/${encodeURIComponent(roomId)}/mcp`, { tool, args, target });
+    }
+  };
+  return {
+    getSnapshot: () => snap,
+    subscribe(fn) {
+      subs.add(fn);
+      connect();
+      return () => subs.delete(fn);
+    },
+    actions,
+    dispose() {
+      if (es) es.close();
+      es = null;
+      subs.clear();
+      clearTimeout(searchTimer);
+    }
+  };
+}
+
+// src/client/index.jsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var name = "dsh-room-client";
+var inject = ["slots", "layout"];
+var PANEL_ID = "collab";
+var Svg = ({ size = 16, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.15", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+var RoomsIcon = ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2.5", y: "3", width: "11", height: "10", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 6.5h5M5.5 9.5h3.5" })
+] });
+var FolderIcon = ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 4.5h4l1.5 1.5H13.5v7.5H2.5z" }) });
+var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "7", cy: "7", r: "4.25" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m10.2 10.2 3.3 3.3" })
+] });
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 3v10M3 8h10" }) });
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { size: 14, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 3.5l9 9M12.5 3.5l-9 9" }) });
+var SendIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 13V3.5M4 7.5l4-4 4 4" }) });
+var LinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Svg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6.5 9.5l3-3M7 4.75l1-1a2.5 2.5 0 0 1 3.5 3.5l-1 1M9 11.25l-1 1a2.5 2.5 0 0 1-3.5-3.5l1-1" }) });
+var TaskIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "2.75", width: "10", height: "10.5", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.75 7.75l1.5 1.5 3-3" })
+] });
+var GlobeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 12, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "5.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 8h11M8 2.5c1.6 1.6 2.25 3.5 2.25 5.5S9.6 11.9 8 13.5C6.4 11.9 5.75 10 5.75 8S6.4 4.1 8 2.5z" })
+] });
+var LockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 12, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.25", rx: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 7V5.25a2.5 2.5 0 0 1 5 0V7" })
+] });
+var PeopleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { size: 14, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "5.5", r: "2.25" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 13c.4-2 1.8-3.25 3.5-3.25S9.1 11 9.5 13" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.5 3.6a2.2 2.2 0 0 1 0 4.1M11.5 9.9c1 .4 1.7 1.5 2 3.1" })
+] });
+var HUES = [212, 262, 152, 28, 340, 190, 48, 290];
+function hueOf(s) {
+  let h = 0;
+  for (const c of s || "") h = h * 31 + c.charCodeAt(0) >>> 0;
+  return HUES[h % HUES.length];
+}
+function initials(s) {
+  const w = (s || "?").replace(/[^\p{L}\p{N} _-]/gu, "").split(/[\s_-]+/).filter(Boolean);
+  return ((w[0] || "?")[0] + (w[1] ? w[1][0] : (w[0] || "").slice(1, 2))).toUpperCase();
+}
+function Avatar({ name: name2, size = 32 }) {
+  const h = hueOf(name2);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-avatar", style: { width: size, height: size, borderRadius: Math.round(size * 0.28), fontSize: Math.round(size * 0.36), background: `hsl(${h} 55% 90%)`, color: `hsl(${h} 40% 30%)` }, "aria-hidden": "true", children: initials(name2) });
+}
+function fmtTime(ts) {
+  const d = new Date(ts), now = /* @__PURE__ */ new Date();
+  return d.toDateString() === now.toDateString() ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString([], { month: "short", day: "numeric" });
+}
+function fmtDay(ts) {
+  return new Date(ts).toLocaleDateString([], { year: "numeric", month: "long", day: "numeric" });
+}
+var STATUS_TONE = { open: "info", claimed: "warning", done: "success", failed: "danger", cancelled: "quiet" };
+function useStore(store) {
+  return (0, import_react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+}
+function renderMentions(text) {
+  return text.split(/(@[A-Za-z0-9][\w.:-]*)/g).map((part, i) => part.startsWith("@") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-mention", children: part }, i) : part);
+}
+function PanelIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RoomsIcon, { size });
+}
+function RoomsSidebar({ store, ensurePanel }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [menu, setMenu] = (0, import_react.useState)(null);
+  const [searching, setSearching] = (0, import_react.useState)(false);
+  const [joining, setJoining] = (0, import_react.useState)(null);
+  const inputRef = (0, import_react.useRef)(null);
+  const activeWs = (s.workspaces || []).find((w) => w.id === s.activeWorkspaceId) || (s.workspaces || [])[0] || null;
+  (0, import_react.useEffect)(() => {
+    if (!menu) return;
+    const close = () => setMenu(null);
+    window.addEventListener("click", close);
+    return () => window.removeEventListener("click", close);
+  }, [menu]);
+  (0, import_react.useEffect)(() => {
+    if (searching && inputRef.current) inputRef.current.focus();
+  }, [searching]);
+  const q = (s.search.query || "").trim().toLowerCase();
+  const mine = (s.rooms || []).filter((r) => {
+    if (activeWs && r.workspaceId && r.workspaceId !== activeWs.id) return false;
+    if (!q) return true;
+    return r.name.toLowerCase().includes(q) || (r.description || "").toLowerCase().includes(q) || (r.tags || []).some((t) => ("#" + t).includes(q));
+  });
+  const join = async (r) => {
+    setJoining(r.roomId);
+    try {
+      await a.join(r.invite, { name: r.name, description: r.description, tags: r.tags, public: true, workspaceId: activeWs?.id });
+      ensurePanel();
+    } catch (e) {
+      a.toast(e.message);
+    } finally {
+      setJoining(null);
+    }
+  };
+  if (!activeWs) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-side", "data-collab-sidebar": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-side-toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-side-title", children: "Workspaces" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-scroll", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: "Bind a local workspace first. Rooms you create inherit its path (MCP sandbox + agent cwd)." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "primary", onClick: () => a.openDialog({ kind: "workspace" }), children: "Add workspace" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-side", "data-collab-sidebar": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-side-title", children: "DSH Room" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-icon-btn", "aria-label": searching ? "Close search" : "Search rooms", "aria-pressed": searching, onClick: () => {
+        setSearching(!searching);
+        a.setSearchOpen(!searching);
+      }, children: searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "rm-icon-btn",
+          "data-rm-new": "",
+          "aria-label": "New",
+          "aria-haspopup": "menu",
+          "aria-expanded": !!menu,
+          onClick: (e) => {
+            e.stopPropagation();
+            const r = e.currentTarget.getBoundingClientRect();
+            setMenu(menu ? null : { top: r.bottom + 4, left: Math.max(8, r.right - 200) });
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {})
+        }
+      ),
+      menu ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-menu", role: "menu", style: { top: menu.top, left: menu.left }, onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "create" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {}),
+          "Create room in workspace"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "join" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+          "Join by invite"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          a.openDialog({ kind: "workspace" });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+          "Add / switch workspace"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          setSearching(true);
+          a.setSearchOpen(true);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+          "Browse public rooms"
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-ws-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-ws-chip", onClick: () => a.openDialog({ kind: "workspace" }), title: activeWs.path, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: activeWs.name })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-ws-path", title: activeWs.path, children: activeWs.path })
+    ] }),
+    searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-search", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: inputRef, type: "text", placeholder: "Search rooms or #tags", value: s.search.query, onChange: (e) => a.setQuery(e.target.value), onKeyDown: (e) => e.key === "Escape" && a.setSearchOpen(false), "aria-label": "Search rooms" })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-side-scroll", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-group-label", children: [
+          "Rooms in ",
+          activeWs.name
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-room-list", children: [
+          mine.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "rm-room-item",
+              "aria-current": r.roomId === s.selected ? "true" : void 0,
+              "data-room-id": r.roomId,
+              onClick: () => {
+                a.select(r.roomId);
+                ensurePanel();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-avatar-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: r.name, size: 30 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-dot rm-dot-" + r.status, style: { position: "absolute", right: -1, bottom: -1, border: "2px solid var(--rm-bg)" } })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-body", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-name", children: r.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-meta", children: r.last ? `${r.last.from}: ${r.last.text}` : r.description || (r.public ? "Public room" : "Private \xB7 invite only") })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-trail", children: [
+                  r.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge rm-badge-public", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+                    "Public"
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+                    "Private"
+                  ] }),
+                  r.transport === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-badge", children: "LAN/VPS" }) : null,
+                  r.last ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 10.5, color: "var(--rm-quiet)" }, children: fmtTime(r.last.ts) }) : null
+                ] })
+              ]
+            },
+            r.roomId
+          )),
+          !mine.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: "No rooms in this workspace yet. Create one or join by invite \u2014 peers should check out the same project." }) : null
+        ] })
+      ] }),
+      (s.workspaces || []).length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-group-label", children: "Workspaces" }),
+        (s.workspaces || []).map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-room-item" + (w.id === activeWs.id ? " is-active" : ""), onClick: () => a.setActiveWorkspace(w.id), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-room-item-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-name", children: w.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-room-item-meta", children: w.path })
+          ] })
+        ] }, w.id))
+      ] }) : null,
+      searching ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-group-label", children: [
+          "Public directory ",
+          s.search.loading ? "\xB7 searching\u2026" : ""
+        ] }),
+        s.search.results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-dir-item", "data-dir-room-id": r.roomId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: r.name, size: 30 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-dir-item-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-room-item-name", children: r.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-room-item-meta", children: [
+              r.description || "No description",
+              " \xB7 ",
+              r.members,
+              " online"
+            ] }),
+            r.tags.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-dir-tags", children: r.tags.map((tg) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-tag", children: [
+              "#",
+              tg
+            ] }, tg)) }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: r.joined ? "ghost" : "outline", disabled: r.joined || joining === r.roomId, onClick: () => join(r), children: r.joined ? "Joined" : joining === r.roomId ? "\u2026" : "Join" })
+        ] }, r.roomId)),
+        !s.search.loading && !s.search.results.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-empty-hint", children: s.search.error ? `Directory error: ${s.search.error}` : "No public rooms match." }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-empty-hint", children: [
+          "Joining attaches the room to workspace \u201C",
+          activeWs.name,
+          "\u201D. Point your local path at the same project."
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+function Message({ m, showAuthor }) {
+  if (m.kind === "task.create") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg rm-msg-event", "data-message-id": m.id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          "Task \xB7 ",
+          m.from
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "info", children: "open" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-task-title", children: m.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: 0 }, children: m.assignee ? `Assigned to @${m.assignee}` : "Unassigned \u2014 any agent may claim" })
+    ] }) });
+  }
+  if (m.kind === "task.claim" || m.kind === "task.update") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg rm-msg-event", "data-message-id": m.id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        m.self ? "You" : m.from,
+        " ",
+        m.kind === "task.claim" ? "claimed" : "updated",
+        " task"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: STATUS_TONE[m.status] || "neutral", children: m.status }),
+      m.kind === "task.update" && m.text.includes(": ") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: m.text.slice(m.text.indexOf(": ") + 2) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+    ] }) });
+  }
+  if (m.self) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg rm-msg-self", "data-message-id": m.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-body", children: renderMentions(m.text) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-time", style: { textAlign: "right", marginTop: 2 }, children: fmtTime(m.ts) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg", "data-message-id": m.id, children: [
+    showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: m.from, size: 28 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-msg-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-author", children: m.from }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-msg-time", children: fmtTime(m.ts) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-msg-body", children: renderMentions(m.text) })
+    ] })
+  ] });
+}
+function ChatBody({ messages }) {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const el = ref.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [messages.length]);
+  const nodes = [];
+  let day = null, prev = null;
+  for (const m of messages) {
+    const d = fmtDay(m.ts);
+    if (d !== day) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-day", children: d }, "d" + m.ts));
+      day = d;
+      prev = null;
+    }
+    const showAuthor = !prev || prev.from !== m.from || m.ts - prev.ts > 5 * 6e4;
+    nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Message, { m, showAuthor }, m.id));
+    prev = m;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-messages", ref, children: nodes.length ? nodes : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-chat-hint", children: "No messages yet. Send a message, @mention an agent to wake it, or create a task from the composer." }) });
+}
+function mentionQueryAt(text, caret) {
+  const before = text.slice(0, caret);
+  const m = /(^|[\s([{])@([A-Za-z0-9._:-]*)$/.exec(before);
+  if (!m) return null;
+  const at = before.lastIndexOf("@");
+  return { start: at, end: caret, query: m[2] || "" };
+}
+function MentionMenu({ items, active, onPick, onHover }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-mention-menu", role: "listbox", "aria-label": "Mention someone", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      role: "option",
+      "aria-selected": i === active,
+      className: "rm-mention-item" + (i === active ? " is-active" : ""),
+      onMouseEnter: () => onHover(i),
+      onMouseDown: (e) => {
+        e.preventDefault();
+        onPick(it);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: it.id === "all" ? "all" : it.id, size: 22 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-mention-item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-mention-item-name", children: [
+            "@",
+            it.id
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-mention-item-meta", children: it.hint })
+        ] }),
+        it.online === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: "offline" }) : null
+      ]
+    },
+    it.id
+  )) });
+}
+function Composer({ room, store, draft: draft2, setDraft: setDraft2 }) {
+  const a = store.actions;
+  const [mode, setMode] = (0, import_react.useState)("chat");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [modelOpen, setModelOpen] = (0, import_react.useState)(false);
+  const [permOpen, setPermOpen] = (0, import_react.useState)(false);
+  const [peerOpen, setPeerOpen] = (0, import_react.useState)(false);
+  const [mentionActive, setMentionActive2] = (0, import_react.useState)(0);
+  const [caret, setCaret2] = (0, import_react.useState)(0);
+  const [mentionDismissed, setMentionDismissed] = (0, import_react.useState)(false);
+  const taRef2 = (0, import_react.useRef)(null);
+  const offline = room.status !== "online";
+  const mqRaw = mentionQueryAt(draft2, caret);
+  const mq2 = mentionDismissed ? null : mqRaw;
+  const mentionItems = (() => {
+    if (!mq2) return [];
+    const q = mq2.query.toLowerCase();
+    const members = (room.members || []).filter((m) => !m.self);
+    const known = members.map((m) => ({
+      id: m.agentId,
+      hint: m.online === false ? "member \xB7 offline" : "member \xB7 wake",
+      online: m.online !== false
+    }));
+    const all = { id: "all", hint: "Everyone \xB7 wake all members", online: true };
+    const list = [all, ...known];
+    return list.filter((it) => !q || it.id.toLowerCase().startsWith(q) || ("@" + it.id).toLowerCase().startsWith("@" + q));
+  })();
+  const mc = room.memberConfig || {};
+  const modelLabel = mc.model || "Default model";
+  const effort = mc.reasoningEffort || "medium";
+  const permSummary = (() => {
+    const p = mc.permissions || {};
+    const bits = [];
+    if (p.autoRead !== false) bits.push("read");
+    if (p.autoWrite) bits.push("write");
+    if (p.autoShell) bits.push("shell");
+    if (p.autoNetwork) bits.push("net");
+    return bits.length ? `Auto \xB7 ${bits.join("+")}` : "Ask to run";
+  })();
+  (0, import_react.useEffect)(() => {
+    setMentionActive2(0);
+    setMentionDismissed(false);
+  }, [mqRaw && mqRaw.query, mqRaw && mqRaw.start]);
+  const MODELS = ["deepseek-chat", "deepseek-reasoner", "deepseek-coder"];
+  const EFFORTS = ["low", "medium", "high", "max"];
+  const patchConfig = async (patch) => {
+    try {
+      const next = {
+        model: mc.model,
+        provider: mc.provider,
+        reasoningEffort: mc.reasoningEffort || "medium",
+        workspacePath: mc.workspacePath,
+        workspaceLabel: mc.workspaceLabel,
+        mcpEnabled: mc.mcpEnabled !== false,
+        ...patch,
+        permissions: { ...mc.permissions || { autoRead: true, autoWrite: false, autoShell: false, autoNetwork: false }, ...patch.permissions || {} },
+        peerGrants: patch.peerGrants !== void 0 ? patch.peerGrants : mc.peerGrants
+      };
+      await a.saveConfig(room.roomId, next);
+    } catch (e) {
+      a.toast(e.message);
+    }
+  };
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret2(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq2) return;
+    const insert = `@${it.id} `;
+    const next = draft2.slice(0, mq2.start) + insert + draft2.slice(mq2.end);
+    setDraft2(next);
+    const pos = mq2.start + insert.length;
+    setCaret2(pos);
+    setMentionActive2(0);
+    requestAnimationFrame(() => {
+      const el = taRef2.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    const text = draft2.trim();
+    if (!text || busy) return;
+    setBusy(true);
+    try {
+      if (mode === "task") {
+        const m = /^@([A-Za-z0-9][\w.:-]*)\s+/.exec(text);
+        await a.task(room.roomId, m ? text.slice(m[0].length) : text, m ? m[1] : void 0);
+        setMode("chat");
+      } else await a.send(room.roomId, text);
+      setDraft2("");
+    } catch (e) {
+      a.toast(e.message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-card", "data-rm-composer": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-grow", children: [
+      mq2 && mentionItems.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MentionMenu, { items: mentionItems, active: mentionActive, onHover: setMentionActive2, onPick: insertMention }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "textarea",
+        {
+          ref: taRef2,
+          rows: 1,
+          disabled: offline,
+          "aria-label": "Message the room",
+          placeholder: offline ? "Room is offline" : mode === "task" ? "Task: @assignee title (optional assignee)" : `Message ${room.name} \xB7 @agent or @all`,
+          value: draft2,
+          onChange: (e) => {
+            setDraft2(e.target.value);
+            syncCaret(e.target);
+          },
+          onClick: (e) => syncCaret(e.target),
+          onKeyUp: (e) => syncCaret(e.target),
+          onSelect: (e) => syncCaret(e.target),
+          onKeyDown: (e) => {
+            if (mq2 && mentionItems.length) {
+              if (e.key === "ArrowDown") {
+                e.preventDefault();
+                setMentionActive2((i) => (i + 1) % mentionItems.length);
+                return;
+              }
+              if (e.key === "ArrowUp") {
+                e.preventDefault();
+                setMentionActive2((i) => (i - 1 + mentionItems.length) % mentionItems.length);
+                return;
+              }
+              if (e.key === "Enter" || e.key === "Tab") {
+                e.preventDefault();
+                insertMention(mentionItems[mentionActive] || mentionItems[0]);
+                return;
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                setMentionDismissed(true);
+                return;
+              }
+            }
+            if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+              e.preventDefault();
+              void submit();
+            }
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-tools", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-add", title: mode === "task" ? "Switch to chat" : "Create a task", "aria-pressed": mode === "task", onClick: () => setMode(mode === "task" ? "chat" : "task"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-modes", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-composer-select", disabled: offline, onClick: () => {
+            setModelOpen(!modelOpen);
+            setPermOpen(false);
+            setPeerOpen(false);
+          }, title: "Room agent model", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-model-text", children: modelLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-model-icon", "aria-hidden": true, children: "\u25C6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-composer-effort", children: effort })
+          ] }),
+          modelOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu", role: "menu", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Model" }),
+            MODELS.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", className: mc.model === m ? "is-active" : "", onClick: () => {
+              void patchConfig({ model: m });
+              setModelOpen(false);
+            }, children: m }, m)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Reasoning" }),
+            EFFORTS.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", className: effort === e ? "is-active" : "", onClick: () => {
+              void patchConfig({ reasoningEffort: e });
+              setModelOpen(false);
+            }, children: e }, e)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: () => {
+              setModelOpen(false);
+              a.openDialog({ kind: "config", roomId: room.roomId });
+            }, children: "More agent settings\u2026" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-select", disabled: offline, onClick: () => {
+            setPermOpen(!permOpen);
+            setModelOpen(false);
+            setPeerOpen(false);
+          }, title: "Your auto-permissions", children: permSummary }),
+          permOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu", role: "menu", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Auto-allow (you)" }),
+            [["autoRead", "Read"], ["autoWrite", "Write"], ["autoShell", "Shell"], ["autoNetwork", "Network"]].map(([k, label]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "rm-composer-check", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!(mc.permissions || {})[k] || k === "autoRead" && mc.permissions?.autoRead !== false,
+                  onChange: (e) => void patchConfig({ permissions: { [k]: e.target.checked } })
+                }
+              ),
+              label
+            ] }, k)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: () => {
+              setPermOpen(false);
+              a.openDialog({ kind: "config", roomId: room.roomId });
+            }, children: "Open full settings\u2026" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-popwrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-select rm-composer-peers", disabled: offline, onClick: () => {
+            setPeerOpen(!peerOpen);
+            setModelOpen(false);
+            setPermOpen(false);
+          }, title: "Peer MCP limits on this workspace", children: "Peer MCP" }),
+          peerOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PeerGrantsMenu, { room, store, onClose: () => setPeerOpen(false), patchConfig }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-trailing", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-composer-send", "aria-label": mode === "task" ? "Create task" : "Send", disabled: !draft2.trim() || busy || offline, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SendIcon, {}) }) })
+    ] })
+  ] });
+}
+function PeerGrantsMenu({ room, store, onClose, patchConfig }) {
+  const mc = room.memberConfig || {};
+  const def = mc.peerGrants && mc.peerGrants.default || { read: "auto", write: "ask", exec: "ask", delete: "ask" };
+  const byAgent = mc.peerGrants && mc.peerGrants.byAgent || {};
+  const peers = (room.members || []).filter((m) => !m.self);
+  const setDefault = (cap, v) => {
+    void patchConfig({ peerGrants: { default: { ...def, [cap]: v }, byAgent: { ...byAgent } } });
+  };
+  const setPeer = (agentId, cap, v) => {
+    const cur = { ...byAgent[agentId] || {} };
+    cur[cap] = v;
+    void patchConfig({ peerGrants: { default: { ...def }, byAgent: { ...byAgent, [agentId]: cur } } });
+  };
+  const GRANT = ["auto", "ask", "deny"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-composer-menu rm-composer-menu-wide", role: "menu", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Default peer limits (this workspace)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: "0 8px 6px" }, children: "Controls what same-room peers may do via MCP on your path. Never shares API keys." }),
+    ["read", "write", "exec", "delete"].map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-grant-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: cap }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { value: def[cap] || "ask", onChange: (e) => setDefault(cap, e.target.value), "aria-label": `Default ${cap}`, children: GRANT.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: g, children: g }, g)) })
+    ] }, cap)),
+    peers.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-composer-menu-label", children: "Per peer" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", style: { margin: 8 }, children: "No other peers online yet." }),
+    peers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-peer-grant-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-peer-grant-name", children: m.agentId }),
+      ["read", "write", "exec", "delete"].map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-grant-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: cap }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { value: byAgent[m.agentId] && byAgent[m.agentId][cap] || def[cap] || "ask", onChange: (e) => setPeer(m.agentId, cap, e.target.value), "aria-label": `${m.agentId} ${cap}`, children: GRANT.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: g, children: g }, g)) })
+      ] }, cap))
+    ] }, m.agentId)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "menuitem", onClick: onClose, children: "Done" })
+  ] });
+}
+function RoomDetail({ room, messages, store, mention, assign }) {
+  const a = store.actions;
+  const tasks = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const m of messages) {
+      if (!m.taskId) continue;
+      const t = map.get(m.taskId) || { taskId: m.taskId, title: m.taskId, status: "open" };
+      if (m.kind === "task.create") Object.assign(t, { title: m.title, assignee: m.assignee });
+      if (m.status) t.status = m.status;
+      map.set(m.taskId, t);
+    }
+    return [...map.values()].reverse();
+  }, [messages]);
+  const copyInvite = async () => {
+    const inv = await a.invite(room.roomId);
+    a.toast(await (0, import_dsh_client_ui_primitives.writeClipboard)(inv) ? "Invite copied" : inv);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "rm-detail", "aria-label": "Room details", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PeopleIcon, {}),
+        "Members \xB7 ",
+        room.members.length
+      ] }),
+      room.members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-member", "data-agent-id": m.agentId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-avatar-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: m.agentId, size: 26 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-dot rm-dot-" + (m.online === false ? "offline" : "online"), style: { position: "absolute", right: -1, bottom: -1, border: "2px solid var(--rm-bg)" } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-member-name", children: m.agentId }),
+        m.self ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: "you" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-member-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mini", title: `@mention ${m.agentId}`, onClick: () => mention(m.agentId), children: "@" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mini", title: `Assign a task to ${m.agentId}`, onClick: () => assign(m.agentId), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}) })
+        ] })
+      ] }, m.agentId)),
+      !room.members.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: room.status === "online" ? "Only you are here." : "Offline." }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskIcon, {}),
+        "Tasks \xB7 ",
+        tasks.length
+      ] }),
+      tasks.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-task-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-task-row-title", children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: STATUS_TONE[t.status] || "neutral", children: t.status }),
+        t.assignee ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-note", style: { margin: 0 }, children: [
+          "@",
+          t.assignee
+        ] }) : null
+      ] }, t.taskId)),
+      !tasks.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: "No tasks. Use the task button in the composer." }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-h", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+        "Invite"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rm-note", children: room.public ? "Public: listed in the relay directory with its key. Anyone can find, join, and read this room." : "Private: only agents holding the invite can join. The invite contains the room key \u2014 share it only with agents you trust." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: copyInvite, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}), children: "Copy invite" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-detail-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-detail-h", children: "About" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "rm-about", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Visibility" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+          " Public"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+          " Private"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Transport" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.transport === "lan" ? "LAN / VPS (Node relay)" : "Relay (Cloudflare)" }),
+        room.memberConfig?.workspaceLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Workspace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.memberConfig.workspaceLabel })
+        ] }) : null,
+        room.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.description })
+        ] }) : null,
+        room.tags?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Tags" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: room.tags.map((t) => "#" + t).join(" ") })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Room id" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "rm-mono", children: room.roomId }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Session" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "rm-mono", children: room.sessionTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Encryption" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: "E2EE (AES-GCM); relay sees ciphertext only" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: () => a.openDialog({ kind: "config", roomId: room.roomId }), children: "Agent config" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "ghost", className: "rm-danger", onClick: () => a.openDialog({ kind: "leave", roomId: room.roomId, name: room.name }), children: "Leave room" })
+      ] })
+    ] })
+  ] });
+}
+function EmptyMain({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-root rm-welcome-wrap", "data-collab-main": "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-welcome", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-badge", children: "Collab \xB7 E2EE \xB7 no accounts" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Workspaces, then rooms" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Bind a local workspace (project folder), then create rooms inside it. Peers join those rooms and point their agent at the same project. @mention or tasks wake agents. Relay or LAN transport; E2EE; optional public directory." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-welcome-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "workspace" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Bind workspace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Local project path shared by agents in rooms" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "create" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Create room" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "In the active workspace \xB7 Relay or LAN" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.openDialog({ kind: "join" }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Join by invite" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Paste a collab://join/\u2026 invite" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-welcome-action", onClick: () => a.setSearchOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Browse public rooms" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search the relay directory by name or #tag" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function RoomsMain({ store }) {
+  const s = useStore(store);
+  const [drafts, setDrafts] = (0, import_react.useState)({});
+  const room = s.rooms.find((r) => r.roomId === s.selected);
+  if (!room) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyMain, { store });
+  const messages = s.messages[room.roomId] || [];
+  const draft2 = drafts[room.roomId] || "";
+  const setDraft2 = (v) => setDrafts((d) => ({ ...d, [room.roomId]: typeof v === "function" ? v(d[room.roomId] || "") : v }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-main", "data-collab-main": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ApprovalBanner, { store }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "rm-chat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "rm-chat-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: room.name, size: 28 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-chat-header-title", children: room.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-chat-header-sub", children: [
+              room.members.filter((m) => m.online !== false).length,
+              " online \xB7 ",
+              room.public ? "public" : "private",
+              room.status !== "online" ? ` \xB7 room ${room.status}` : ""
+            ] })
+          ] }),
+          room.public ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge rm-badge-public", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobeIcon, {}),
+            "Public"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "rm-badge", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LockIcon, {}),
+            "Private"
+          ] }),
+          room.transport === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rm-badge", children: "LAN/VPS" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: room.status === "online" ? "done" : room.status === "connecting" ? "ongoing" : "error", size: 8 })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatBody, { messages }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Composer, { room, store, draft: draft2, setDraft: setDraft2 })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        RoomDetail,
+        {
+          room,
+          messages,
+          store,
+          mention: (id) => setDraft2((d) => `${d}${d && !d.endsWith(" ") ? " " : ""}@${id} `),
+          assign: (id) => {
+            setDraft2(`@${id} `);
+            store.actions.toast(`Switch to task mode, then describe the task for @${id}`);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function Field({ label, hint, children, htmlFor }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "rm-field-label", htmlFor, children: label }),
+    children,
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: hint }) : null
+  ] });
+}
+function CreateDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [f, setF] = (0, import_react.useState)({ name: "", description: "", tags: "", public: false, mode: "lan", lanHostPort: "62.234.113.56:80" });
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [lanPeers, setLanPeers] = (0, import_react.useState)([]);
+  const ok = f.name.trim() && !busy;
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!ok) return;
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.create({
+        name: f.name.trim(),
+        description: f.description.trim(),
+        tags: f.tags,
+        public: f.public,
+        mode: f.mode,
+        lanHostPort: f.mode === "lan" ? f.lanHostPort.trim() : void 0
+      });
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  const browseLan = async () => {
+    try {
+      const r = await a.browseLan();
+      setLanPeers(r.peers || []);
+    } catch (e) {
+      setErr(e.message);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Create room",
+      closeLabel: "Close",
+      description: "Room is created inside the active workspace (path becomes MCP sandbox). Default transport is the VPS Node relay (62.234.113.56:80) with optional public directory. Cloudflare remains an advanced option. The room key never goes to the relay.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: !ok, onClick: submit, children: busy ? "Creating\u2026" : "Create" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", onKeyDown: (e) => e.key === "Enter" && e.target.tagName === "INPUT" && submit(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Transport", hint: "Default: VPS Node relay at 62.234.113.56:80 (invite-only or public directory). Blank host = embedded local LAN + mDNS. Cloudflare is optional.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-mode-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mode-btn" + (f.mode === "lan" ? " is-on" : ""), onClick: () => setF({ ...f, mode: "lan", lanHostPort: f.lanHostPort || "62.234.113.56:80" }), children: "LAN / VPS" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-mode-btn" + (f.mode === "relay" ? " is-on" : ""), onClick: () => setF({ ...f, mode: "relay" }), children: "Cloudflare (advanced)" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Name", htmlFor: "rm-create-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-name-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { name: f.name || "room", size: 36 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-name", autoFocus: true, placeholder: "e.g. release-crew", maxLength: 60, value: f.name, onChange: (e) => setF({ ...f, name: e.target.value }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Description (optional)", htmlFor: "rm-create-desc", hint: "Shown to members and, if public, in search results.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-desc", placeholder: "e.g. Agents that review and ship releases", maxLength: 280, value: f.description, onChange: (e) => setF({ ...f, description: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Tags (optional)", htmlFor: "rm-create-tags", hint: "Spaces or commas, up to 8. Used by public room search.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-create-tags", placeholder: "e.g. review rust", value: f.tags, onChange: (e) => setF({ ...f, tags: e.target.value }) }) }),
+        f.mode === "lan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { label: "Relay host:port", htmlFor: "rm-lan-hp", hint: "Default VPS 62.234.113.56:80 (public directory works). Blank = this machine (LAN/Tailscale + mDNS). Invite: collab://lan/host:port/room#key.", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-lan-hp", placeholder: "62.234.113.56:80 or 100.x.x.x:7421", value: f.lanHostPort, onChange: (e) => setF({ ...f, lanHostPort: e.target.value }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-lan-browse", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: browseLan, children: "Browse mDNS" }),
+            lanPeers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "rm-lan-peer", onClick: () => setF({ ...f, lanHostPort: p.hostPort }), children: [
+              p.hostPort,
+              p.name ? ` \xB7 ${p.name}` : ""
+            ] }, p.hostPort))
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "List in public directory" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: f.public ? "Anyone can find this room by name or tag and join it. Its key is published with the listing \u2014 NOT confidential." : "Private: invite only. Nothing about the room is published." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.public, onChange: (v) => setF({ ...f, public: v }), label: "List in public directory" })
+        ] }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function JoinDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [invite, setInvite] = (0, import_react.useState)("");
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const valid = /^collab:\/\/(join|lan|relay)\/.+#\S+$/.test(invite.trim());
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!valid || busy) return;
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.join(invite.trim());
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Join room",
+      closeLabel: "Close",
+      description: "Paste an invite. The room attaches to your active workspace \u2014 set the local path to your checkout of the same project before collaborating via MCP.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: !valid || busy, onClick: submit, children: busy ? "Joining\u2026" : "Join" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { autoFocus: true, "aria-label": "Invite", placeholder: "collab://join/\u2026 or collab://lan/<host>:<port>/<roomId>#\u2026", value: invite, onChange: (e) => setInvite(e.target.value), onKeyDown: (e) => e.key === "Enter" && submit() }),
+        invite && !valid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Invites: collab://join/\u2026#key, collab://lan/host:port/room#key, or collab://relay/host/join/room#key" }) : null,
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function InviteDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: `Room "${d.name}" created`,
+      closeLabel: "Close",
+      description: d.public ? d.listed ? "Listed in the public directory: other agents can find it with search and join with one click." : "Directory listing failed; the room still works by invite." : "Private room. Share this invite with the agents you want in it.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Done" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", onClick: async () => setCopied(await (0, import_dsh_client_ui_primitives.writeClipboard)(d.invite)), children: copied ? "Copied" : "Copy invite" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "rm-invite", "data-invite": "", children: d.invite }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Anyone holding the invite can join and read the room." })
+      ] })
+    }
+  );
+}
+function LeaveDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: `Leave "${d.name}"?`,
+      closeLabel: "Close",
+      description: "This machine forgets the room and its invite. If you listed it publicly, the listing is removed.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: async () => {
+          setBusy(true);
+          try {
+            await a.leave(d.roomId);
+          } catch (e) {
+            a.toast(e.message);
+            setBusy(false);
+          }
+        }, children: busy ? "Leaving\u2026" : "Leave" })
+      ] })
+    }
+  );
+}
+function ConfigDialog({ store, d }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const room = (store.getSnapshot().rooms || []).find((r) => r.roomId === d.roomId);
+  const mc = room?.memberConfig || {};
+  const [f, setF] = (0, import_react.useState)({
+    model: mc.model || "",
+    provider: mc.provider || "",
+    reasoningEffort: mc.reasoningEffort || "medium",
+    workspacePath: "",
+    workspaceLabel: mc.workspaceLabel || "",
+    autoRead: mc.permissions?.autoRead !== false,
+    autoWrite: !!mc.permissions?.autoWrite,
+    autoShell: !!mc.permissions?.autoShell,
+    autoNetwork: !!mc.permissions?.autoNetwork,
+    mcpEnabled: mc.mcpEnabled !== false
+  });
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    a.getConfig(d.roomId).then((c) => setF((x) => ({ ...x, workspacePath: c.workspacePath || "", workspaceLabel: c.workspaceLabel || x.workspaceLabel, model: c.model || "", provider: c.provider || "", reasoningEffort: c.reasoningEffort || "medium", autoRead: c.permissions?.autoRead !== false, autoWrite: !!c.permissions?.autoWrite, autoShell: !!c.permissions?.autoShell, autoNetwork: !!c.permissions?.autoNetwork, mcpEnabled: c.mcpEnabled !== false }))).catch(() => {
+    });
+  }, [d.roomId]);
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.saveConfig(d.roomId, {
+        model: f.model || void 0,
+        provider: f.provider || void 0,
+        reasoningEffort: f.reasoningEffort,
+        workspacePath: f.workspacePath || void 0,
+        workspaceLabel: f.workspaceLabel || void 0,
+        mcpEnabled: f.mcpEnabled,
+        permissions: { autoRead: f.autoRead, autoWrite: f.autoWrite, autoShell: f.autoShell, autoNetwork: f.autoNetwork }
+      });
+      a.closeDialog();
+      a.toast("Agent config saved (announced to room; no API keys shared)");
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Room agent config",
+      closeLabel: "Close",
+      description: "Local to this member. Peers see model, effort, workspace label, permissions, and MCP tools \u2014 never API keys.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: submit, children: busy ? "Saving\u2026" : "Save" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Model", htmlFor: "rm-cfg-model", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-model", value: f.model, onChange: (e) => setF({ ...f, model: e.target.value }), placeholder: "e.g. deepseek-chat" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Provider", htmlFor: "rm-cfg-prov", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-prov", value: f.provider, onChange: (e) => setF({ ...f, provider: e.target.value }), placeholder: "e.g. deepseek" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Reasoning effort", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { className: "rm-input", value: f.reasoningEffort, onChange: (e) => setF({ ...f, reasoningEffort: e.target.value }), children: ["low", "medium", "high", "max"].map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: x, children: x }, x)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Workspace path", htmlFor: "rm-cfg-ws", hint: "Absolute path on this machine. Peers only see the label.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-ws", value: f.workspacePath, onChange: (e) => setF({ ...f, workspacePath: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Workspace label", htmlFor: "rm-cfg-wsl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-cfg-wsl", value: f.workspaceLabel, onChange: (e) => setF({ ...f, workspaceLabel: e.target.value }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Expose MCP workspace" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Same-room peers can call workspace_* tools over E2EE." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.mcpEnabled, onChange: (v) => setF({ ...f, mcpEnabled: v }), label: "MCP" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-note", children: "Peer MCP limits (read/write/exec/delete) are edited from the room composer \xB7 Peer MCP control." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow reads" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoRead, onChange: (v) => setF({ ...f, autoRead: v }), label: "autoRead" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow writes" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-hint", children: "Off \u2192 approval UI for write/mkdir/delete." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoWrite, onChange: (v) => setF({ ...f, autoWrite: v }), label: "autoWrite" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow shell" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoShell, onChange: (v) => setF({ ...f, autoShell: v }), label: "autoShell" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-field-label", children: "Auto-allow network" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Switch, { checked: f.autoNetwork, onChange: (v) => setF({ ...f, autoNetwork: v }), label: "autoNetwork" })
+        ] }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function ApprovalBanner({ store }) {
+  const s = useStore(store);
+  const list = s.approvals || [];
+  if (!list.length) return null;
+  const a = store.actions;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-approvals", children: list.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Approval needed" }),
+      " \xB7 ",
+      p.action,
+      " \xB7 ",
+      p.summary,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-field-hint", children: [
+        "from ",
+        p.from,
+        p.detail ? ` \u2014 ${p.detail}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-approval-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: () => a.decideApproval(p.requestId, "deny"), children: "Deny" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "primary", onClick: () => a.decideApproval(p.requestId, "allow"), children: "Allow" })
+    ] })
+  ] }, p.requestId)) });
+}
+function WorkspaceDialog({ store }) {
+  const s = useStore(store);
+  const a = store.actions;
+  const [name2, setName] = (0, import_react.useState)("");
+  const [path, setPath] = (0, import_react.useState)("");
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const syncCaret = (el) => {
+    if (!el) return;
+    setCaret(el.selectionStart ?? el.value.length);
+  };
+  const insertMention = (it) => {
+    if (!mq) return;
+    const insert = `@${it.id} `;
+    const next = draft.slice(0, mq.start) + insert + draft.slice(mq.end);
+    setDraft(next);
+    const pos = mq.start + insert.length;
+    setCaret(pos);
+    setMentionActive(0);
+    requestAnimationFrame(() => {
+      const el = taRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(pos, pos);
+      }
+    });
+  };
+  const submit = async () => {
+    if (!path.trim()) {
+      setErr("Absolute workspace path required");
+      return;
+    }
+    setBusy(true);
+    setErr(null);
+    try {
+      await a.ensureWorkspace({ name: name2.trim() || void 0, path: path.trim() });
+      a.closeDialog();
+      a.toast("Workspace ready \u2014 create a room to collaborate");
+    } catch (e) {
+      setErr(e.message);
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: a.closeDialog,
+      title: "Workspace",
+      closeLabel: "Close",
+      description: "Pick the local project folder agents share. Rooms created next inherit this path (MCP + agent cwd). Peers map the same logical project to their own checkout.",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: a.closeDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy || !path.trim(), onClick: submit, children: busy ? "Saving\u2026" : "Use workspace" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rm-root rm-form", children: [
+        (s.workspaces || []).length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Switch to existing", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-lan-browse", children: (s.workspaces || []).map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rm-lan-peer", onClick: async () => {
+          await a.setActiveWorkspace(w.id);
+          a.closeDialog();
+        }, children: w.name }, w.id)) }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Name", htmlFor: "rm-ws-name", hint: "Shown in the sidebar.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-ws-name", placeholder: "e.g. collab", value: name2, onChange: (e) => setName(e.target.value) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { label: "Local path", htmlFor: "rm-ws-path", hint: "Absolute path on this machine.", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { id: "rm-ws-path", autoFocus: true, placeholder: "/Users/you/code/my-app", value: path, onChange: (e) => setPath(e.target.value), onKeyDown: (e) => e.key === "Enter" && submit() }) }),
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rm-error", children: err }) : null
+      ] })
+    }
+  );
+}
+function Overlay({ store }) {
+  const s = useStore(store);
+  const d = s.dialog;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    d?.kind === "create" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CreateDialog, { store }) : null,
+    d?.kind === "join" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JoinDialog, { store }) : null,
+    d?.kind === "invite" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InviteDialog, { store, d }) : null,
+    d?.kind === "leave" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeaveDialog, { store, d }) : null,
+    d?.kind === "config" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigDialog, { store, d }) : null,
+    d?.kind === "workspace" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WorkspaceDialog, { store }) : null,
+    s.toast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Toast, { text: s.toast, onDone: store.actions.clearToast, holdMs: 2200 }) : null
+  ] });
+}
+function installStyles() {
+  if (typeof document === "undefined") return () => {
+  };
+  const style = document.createElement("style");
+  style.setAttribute("data-dsh-room", "rooms");
+  style.textContent = rooms_default;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+function apply(ctx) {
+  const store = createRoomsStore();
+  ctx.effect(() => installStyles(), "dsh-room: styles");
+  ctx.effect(() => () => store.dispose(), "dsh-room: store");
+  const info = () => ctx.layout.panelInfo;
+  const ensurePanel = () => {
+    try {
+      if (info().getSnapshot().activePanelId !== PANEL_ID) ctx.layout.selectPanel(PANEL_ID);
+    } catch {
+    }
+  };
+  ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({ name: "sidebar.panellist", id: PANEL_ID, order: 11, label: () => "DSH Room" }, PanelIcon));
+  ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: PANEL_ID, inject: () => ({ store }) }, RoomsMain));
+  ctx.slots.inject("shell.overlay", () => ctx.slots.register({ name: "shell.overlay", id: "dsh-room-dialogs", inject: () => ({ store }) }, Overlay));
+  ctx.slots.inject("sidebar.workspaces", () => {
+    let dispose;
+    const reconcile = () => {
+      const active = info().getSnapshot().activePanelId === PANEL_ID;
+      if (active && !dispose) dispose = ctx.slots.register({ name: "sidebar.workspaces", priority: -100, inject: () => ({ store, ensurePanel }) }, RoomsSidebar);
+      else if (!active && dispose) {
+        dispose();
+        dispose = void 0;
+      }
+    };
+    const off = info().subscribe(reconcile);
+    reconcile();
+    return () => {
+      off();
+      if (dispose) dispose();
+      dispose = void 0;
+    };
+  });
+}
+
+		return module.exports;
+	}
+});