magic-agent 1.0.108 → 1.0.110

package/client-ui-mobile/index.html

@@ -191,6 +191,11 @@ textarea{font:inherit}
   padding:calc(env(safe-area-inset-top) + 20px) 20px calc(20px + env(safe-area-inset-bottom))}
 /* headlineSmall ≈ 24sp */
 .launcher__title{font-size:24px;font-weight:400;line-height:32px;margin:0;color:var(--ink)}
+/* 从「切换环境 → 添加连接」进来时的返回键：已连着桌面就别把用户困在启动页 */
+.launcher__back{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:12px;
+  display:flex;align-items:center;gap:2px;height:40px;padding:0 10px;border-radius:var(--r-full);
+  color:var(--primary-action);font-size:15px;font-weight:500}
+.launcher__back:active{background:var(--subtle)}
 /* 说明 bodyMedium（onSurfaceVariant） */
 .launcher__desc{margin:8px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
 /* OutlinedTextField：1dp 描边 · 4dp 圆角（Material3 默认） */
@@ -208,15 +213,19 @@ textarea{font:inherit}
 .btn--filled{margin-top:12px;background:var(--primary-action);color:var(--on-primary-action)}
 .btn--outlined{margin-top:8px;border:1px solid var(--border);color:var(--primary-action)}
 .btn:active{opacity:.9}
-/* 最近连接列表：标题 outline + 每条 OutlinedButton（标题 bodyMedium + 副标题 labelSmall） */
+/* 已保存的连接（2026-10-22：由「最近连接」升级而来，可保存多台桌面并逐个删除） */
 .recent{margin-top:20px}
 .recent__head{display:flex;align-items:center}
 .recent__title{flex:1;font-size:14px;font-weight:600;color:var(--ink)}
 .recent__clear{color:var(--primary-action);font-size:13px;font-weight:600;padding:8px 12px}
-.recent__item{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:8px;text-align:left;
+.recent__row{display:flex;align-items:stretch;gap:8px;margin-top:8px}
+.recent__item{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left;
   border:1px solid var(--border);border-radius:20px;padding:10px 16px}
 .recent__t{font-size:14px;line-height:20px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .recent__s{font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.recent__del{flex:0 0 auto;width:44px;border-radius:20px;border:1px solid var(--border);
+  display:flex;align-items:center;justify-content:center;color:var(--muted)}
+.recent__del:active{background:var(--subtle);color:var(--error-text)}
 
 /* ══════════ 会话页 RemoteControlWebViewScreen + TopBar（:517-644）══════════ */
 .session{flex:1;min-height:0;display:flex;flex-direction:column}
@@ -244,6 +253,13 @@ textarea{font:inherit}
   padding:calc(env(safe-area-inset-top) + 10px) 16px 8px}
 .history__title{flex:1;min-width:0;font-size:22px;font-weight:700;color:var(--ink);
   white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+/* 环境切换（2026-10-22 用户：「移动端要支持环境切换 可以有多个连接」）：
+   任务页标题本身就是切换入口 —— 点标题弹出已保存的环境，选中即切过去。
+   标题装的是**当前连接**的名字（扫码时带的 name > 桌面 health 报的 app > host）。 */
+.history__title--btn{display:flex;align-items:center;gap:6px;text-align:left}
+.history__title--btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.history__title-chev{flex:0 0 auto;color:var(--muted);transition:transform .15s}
+.history__title--btn.is-open .history__title-chev{transform:rotate(180deg)}
 .history__disconnect{color:var(--primary-action);font-size:14px;font-weight:500;padding:8px 10px}
 .history__disconnect:disabled{color:var(--muted);opacity:.6}
 .history__list{flex:1;min-height:0;overflow-y:auto;padding:4px 10px calc(96px + env(safe-area-inset-bottom))}
@@ -369,6 +385,31 @@ textarea{font:inherit}
 .rowmenu__item:active{background:var(--subtle)}
 .rowmenu__item--danger{color:var(--error-text)}
 .rowmenu__l{flex:1;min-width:0}
+/* 环境切换菜单（挂在任务页标题下）：已保存的连接 + 「添加连接」。
+   与会话行长按菜单同一套浮层范式（scrim 挡住下层，点空白即关）。 */
+.envmenu{position:fixed;z-index:1201;width:min(320px,calc(100vw - 24px));
+  max-height:min(70vh,560px);overflow-y:auto;
+  background:var(--raised);border:1px solid var(--border);border-radius:18px;
+  box-shadow:0 18px 44px -14px var(--app-shadow);padding:6px}
+.envmenu__scrim{position:fixed;inset:0;z-index:1200}
+.envmenu__head{display:block;padding:10px 12px 6px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
+.envmenu__item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;
+  border-radius:12px;text-align:left}
+.envmenu__item:active{background:var(--subtle)}
+.envmenu__ico{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--subtle);
+  display:flex;align-items:center;justify-content:center;color:var(--ink)}
+.envmenu__col{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
+.envmenu__t{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600;color:var(--ink)}
+.envmenu__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.envmenu__badge{flex:0 0 auto;padding:1px 8px;border-radius:var(--r-full);
+  font-size:11px;font-weight:600;line-height:17px;color:var(--primary-action);background:var(--subtle)}
+.envmenu__s{font-size:12px;line-height:16px;color:var(--muted);
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.envmenu__check{flex:0 0 auto;color:var(--primary-action)}
+.envmenu__sep{display:block;height:1px;margin:6px 4px;background:var(--border)}
+.envmenu__add{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:12px;
+  font-size:15px;font-weight:500;color:var(--primary-action);text-align:left}
+.envmenu__add:active{background:var(--subtle)}
 /* toast（没有通知能力时的兜底提示） */
 .toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);
   max-width:82vw;padding:10px 14px;border-radius:12px;background:var(--raised);color:var(--ink);
@@ -432,6 +473,10 @@ button.setrow{font-family:inherit}
   font:13px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;-webkit-appearance:none}
 .teamedit::placeholder{color:var(--faint)}
 .teamedit__acts{display:flex;gap:8px;margin-bottom:10px}
+/* 团队抽屉里的分区标题（规则 / 交给谁）与行尾箭头：点开才有的配置必须看得出「这里能点」。 */
+.pick__cap--team{padding:10px 4px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
+.setrow__chev{flex:0 0 auto;color:var(--faint);font-size:16px;line-height:1}
+.pick__cols--team{height:min(36vh,36dvh,300px)}
 .seg{display:inline-flex;background:var(--subtle);border-radius:var(--r-full);padding:2px;gap:2px}
 .seg__b{height:28px;padding:0 12px;border-radius:var(--r-full);font-size:13px;color:var(--muted)}
 .seg__b.is-on{background:var(--raised);color:var(--ink);font-weight:600}
@@ -799,6 +844,9 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
 
 <!-- ══════════ 启动页 ══════════ -->
 <div class="launcher" id="launcher" hidden>
+  <button class="launcher__back" id="btnLauncherBack" type="button" hidden>
+    <svg width="18" height="18"><use href="#i-back"/></svg><span>返回</span>
+  </button>
   <h1 class="launcher__title">magic-agent · 远程控制</h1>
   <p class="launcher__desc">打开桌面配对页里的连接地址，远程继续你的会话。</p>
 
@@ -816,7 +864,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
 
   <div class="recent" id="recent" hidden>
     <div class="recent__head">
-      <span class="recent__title">最近连接</span>
+      <span class="recent__title">已保存的连接</span>
       <button class="recent__clear" id="btnClear">清空</button>
     </div>
     <div id="recentList"></div>
@@ -826,7 +874,11 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
 <!-- ══════════ 任务列表（页头右侧：搜索 + 我的）══════════ -->
 <div class="history" id="history" hidden>
   <div class="history__top">
-    <span class="history__title" id="historyTitle">任务</span>
+    <!-- 标题即环境切换入口：点开列出已保存的多台桌面（2026-10-22） -->
+    <button class="history__title history__title--btn" type="button" id="btnEnvSwitch" aria-label="切换环境">
+      <span id="historyTitle">任务</span>
+      <svg class="history__title-chev" width="16" height="16"><use href="#i-chev-d"/></svg>
+    </button>
     <span class="tasks__tools">
       <button class="topbar__icon" type="button" id="btnTaskSearch" aria-label="搜索任务"><svg width="21" height="21"><use href="#i-search"/></svg></button>
       <button class="topbar__icon" type="button" id="btnTaskMe" aria-label="我的"><svg width="21" height="21"><use href="#i-user"/></svg></button>
@@ -1199,7 +1251,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
      老 core 没有这个字段 → 空 → 回落到下面这份内置表（与 internal/team 一致）。 */
   var TEAM_ROLE_LABELS = {
     writer: '写作', researcher: '调研', reviewer: '评审', coder: '编码',
-    designer: '视觉', director: '影像', builder: '工程'
+    designer: '视觉', director: '影像', builder: '游戏'
   };
   var TEAM_ROLE_BUILTIN = [
     { name: 'writer', kind: 'text', duty: '把材料写成结构清晰、可直接交付的文档' },
@@ -1208,7 +1260,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     { name: 'coder', kind: 'code', duty: '把复杂代码改动落到可构建、可测试的文件上' },
     { name: 'designer', kind: 'image', duty: '产出可直接使用的画面资产' },
     { name: 'director', kind: 'video', duty: '把脚本 / 分镜变成可播放的影像' },
-    { name: 'builder', kind: 'game', duty: '交付能跑起来的工程与可复现的启动方式' }
+    { name: 'builder', kind: 'game', duty: '游戏内玩法 / 系统开发，交付能跑起来、可复现启动的工程' }
   ];
   var TEAM_ROLES = [];   // core 上报的角色清单；空 = 老 core（或还没连上）→ 用内置表
   function teamRoleList() { return TEAM_ROLES.length ? TEAM_ROLES : TEAM_ROLE_BUILTIN; }
@@ -1300,47 +1352,221 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     saveTeamPref();
   }
 
-  /* ══════════ 最近连接（对应 ZCode RemoteControlRecentLinksStore：最多 5 条）══════════ */
-  var LS_KEY = 'magic.remote.recent.v1', MAX_RECENT = 5;
-  function loadRecent() {
-    try {
-      var raw = localStorage.getItem(LS_KEY);
-      var list = raw ? JSON.parse(raw) : [];
-      return Array.isArray(list) ? list : [];
-    } catch (e) { return []; }
+  /* ══════════ 环境（多连接）══════════
+     2026-10-22 用户：「移动端要支持环境切换 可以有多个连接」。
+     一台手机可以记住多台桌面（家里 / 公司 / 另一台机器），任务页标题就是切换入口。
+     键 = 地址 + 令牌：令牌是 magic-client 落盘复用、跨重启不变的机器身份（与排队队列的
+     devKey 同一口径），地址会随 IP / 热点变化，所以不能只用地址。 */
+  var CONN_KEY = 'magic.remote.conns.v1', CONN_MAX = 8;
+  var LS_KEY = 'magic.remote.recent.v1';   // 旧版「最近连接」：只在首次升级时搬一次
+  var ACTIVE_ID = '';
+  var CONN_SEQ = 0;        // 每连一次 +1：上一台桌面迟到的响应不许画到这一台上面
+
+  function connHost(url) {
+    try { return new URL(url).host; }
+    catch (e) { return String(url || '').replace(/^https?:\/\//, '').replace(/\/.*$/, ''); }
+  }
+  function connIdOf(t) { return String(t.url || '') + '|' + String(t.token || ''); }
+  function loadConns() {
+    var list;
+    try { list = JSON.parse(localStorage.getItem(CONN_KEY) || '[]'); } catch (e) { list = []; }
+    if (!Array.isArray(list)) list = [];
+    list = list.filter(function (c) { return c && c.url; });
+    if (!list.length) {
+      /* 老版本只记最近 5 条连接：升级后并过来，用户不必重新扫一次码。 */
+      try {
+        var old = JSON.parse(localStorage.getItem(LS_KEY) || '[]');
+        if (Array.isArray(old) && old.length) {
+          list = old.filter(function (c) { return c && c.url; }).map(function (c) {
+            return { id: connIdOf(c), url: c.url, token: c.token || '', name: c.name || '',
+                     host: connHost(c.url), app: '', at: c.at || 0 };
+          });
+          saveConns(list);
+          /* 搬完就删旧键：否则用户「清空」后新列表为空，下次又会被旧记录搬回来。 */
+          try { localStorage.removeItem(LS_KEY); } catch (e) {}
+        }
+      } catch (e) {}
+    }
+    return list;
   }
-  function saveRecent(list) { try { localStorage.setItem(LS_KEY, JSON.stringify(list)); } catch (e) {} }
-  function recordRecent(t) {
-    var list = loadRecent().filter(function (x) { return x.url !== t.url; });
-    list.unshift({ url: t.url, token: t.token, name: t.name, at: Date.now() });
-    saveRecent(list.slice(0, MAX_RECENT));
+  function saveConns(list) {
+    try { localStorage.setItem(CONN_KEY, JSON.stringify((list || []).slice(0, CONN_MAX))); } catch (e) {}
+  }
+  function findConn(id) {
+    var list = loadConns();
+    for (var i = 0; i < list.length; i++) if (list[i].id === id) return list[i];
+    return null;
+  }
+  /* 记一条连接（连过就记住）：扫码带的 name 与 health 报的 app 都比地址更适合当名字。 */
+  function upsertConn(t) {
+    var id = connIdOf(t);
+    var old = findConn(id) || {};
+    var list = loadConns().filter(function (c) { return c.id !== id; });
+    var next = {
+      id: id, url: t.url || '', token: t.token || '',
+      name: (t.name != null && t.name !== '') ? t.name : (old.name || ''),
+      host: connHost(t.url), app: old.app || '', at: Date.now()
+    };
+    list.unshift(next);
+    saveConns(list);
+    return next;
+  }
+  function removeConn(id) { saveConns(loadConns().filter(function (c) { return c.id !== id; })); }
+  function clearConns() {
+    saveConns([]);
+    try { localStorage.removeItem(LS_KEY); } catch (e) {}
+  }
+
+  /* 当前连接：先按地址 + 令牌找；App 壳注入的连接还没落盘时给一条临时记录，
+     这样标题与菜单里仍然看得见「现在连的是谁」。 */
+  function activeConn() {
+    var list = loadConns(), i;
+    for (i = 0; i < list.length; i++) {
+      if (list[i].url === BASE && String(list[i].token || '') === String(TOKEN || '')) return list[i];
+    }
+    for (i = 0; i < list.length; i++) if (ACTIVE_ID && list[i].id === ACTIVE_ID) return list[i];
+    if (BASE || TOKEN) {
+      return { id: connIdOf({ url: BASE, token: TOKEN }), url: BASE, token: TOKEN, name: '', host: connHost(BASE), app: '' };
+    }
+    return null;
+  }
+  /* 环境显示名：扫码带的 name > 桌面 health 报的 app > host。 */
+  function connLabel(c) {
+    if (!c) return '';
+    return c.name || c.app || c.host || connHost(c.url);
+  }
+  function envLabel() { return connLabel(activeConn()) || histSubtitle || ''; }
+
+  /* 桌面 health 回来的应用名（app）补进当前连接：它比 host 更像「这台设备是谁」。 */
+  function noteActiveMeta(meta) {
+    var c = activeConn();
+    if (!c || !c.id) return;
+    var list = loadConns(), changed = false;
+    for (var i = 0; i < list.length; i++) {
+      if (list[i].id !== c.id) continue;
+      if (meta.app && list[i].app !== meta.app) { list[i].app = meta.app; changed = true; }
+      if (!list[i].host) { list[i].host = connHost(list[i].url); changed = true; }
+    }
+    if (!changed) return;
+    saveConns(list);
+    if (!historyEl.hidden) historyTitle.textContent = envLabel() || '任务';
   }
-  function clearRecent() { saveRecent([]); }
 
   function fmtTime(ms) {
     try { return new Date(ms).toLocaleString(); } catch (e) { return ''; }
   }
   function renderRecent() {
-    var list = loadRecent();
+    var list = loadConns();
     recentListEl.innerHTML = '';
     if (!list.length) { recentEl.hidden = true; return; }
     recentEl.hidden = false;
     list.forEach(function (item) {
-      var host = '';
-      try { host = new URL(item.url).host; } catch (e) { host = item.url; }
+      var row = document.createElement('div');
+      row.className = 'recent__row';
       var b = document.createElement('button');
       b.type = 'button';
       b.className = 'recent__item';
-      var t = document.createElement('span');
-      t.className = 'recent__t';
-      t.textContent = item.name || host;
-      var s = document.createElement('span');
-      s.className = 'recent__s';
-      s.textContent = host + ' · ' + fmtTime(item.at);
-      b.appendChild(t); b.appendChild(s);
-      b.onclick = function () { connect({ url: item.url, token: item.token, name: item.name, host: host }); };
-      recentListEl.appendChild(b);
+      b.appendChild(elSpan('recent__t', connLabel(item) || item.host || item.url));
+      b.appendChild(elSpan('recent__s', (item.host || connHost(item.url)) + ' · ' + fmtTime(item.at)));
+      b.onclick = function () { connect({ url: item.url, token: item.token, name: item.name, host: item.host || connHost(item.url) }); };
+      /* 多台机器就必然要能删：删掉只是忘掉这条记录，不打断当前连接。 */
+      var del = document.createElement('button');
+      del.type = 'button';
+      del.className = 'recent__del';
+      del.setAttribute('aria-label', '删除连接');
+      del.appendChild(svgUse('#i-trash', 18));
+      del.onclick = function () { removeConn(item.id); renderRecent(); };
+      row.appendChild(b); row.appendChild(del);
+      recentListEl.appendChild(row);
+    });
+  }
+
+  /* ── 环境切换菜单（任务页标题点开）── */
+  var envMenuEl = null, envScrimEl = null;
+  function closeEnvMenu() {
+    if (envMenuEl) { envMenuEl.remove(); envMenuEl = null; }
+    if (envScrimEl) { envScrimEl.remove(); envScrimEl = null; }
+    var btn = document.getElementById('btnEnvSwitch');
+    if (btn) btn.classList.remove('is-open');
+  }
+  /* 换环境 = 换一台桌面：对话、轮询、运行态都属于旧连接，必须一起收掉。
+     排队任务按令牌分别落库（见 QUEUE_KEY），旧环境那批留在原地，切回来再接着跑。 */
+  function switchEnv(c) {
+    if (!c) return;
+    if (c.url === BASE && String(c.token || '') === String(TOKEN || '')) {
+      toast('已在「' + (connLabel(c) || '当前环境') + '」');
+      return;
+    }
+    if (conv) { try { conv.destroy(); } catch (e) {} conv = null; }
+    convEl.innerHTML = '';
+    stopPoll();
+    PENDING = []; ASK_WAITING = []; SERIAL = {}; QUEUE_RESTORED = false;
+    SERVER_VERSION = ''; CORE_FEATURES = []; TEAM_ROLES = []; ENGINES = []; ENGINES_STALE_AT = '';
+    TITLES = {}; LAST_SESSIONS = []; DW = ''; DW_READY = false; ROOT_DIRS = [];
+    /* 工作空间属于某台机器的目录树：沿用旧路径会落到不存在的目录，一律回到默认。 */
+    WS = '';
+    saveWs();
+    connect({ url: c.url, token: c.token, name: c.name, host: c.host || connHost(c.url) });
+    toast('已切换到「' + (connLabel(c) || connHost(c.url)) + '」');
+  }
+  function openEnvMenu() {
+    if (envMenuEl) { closeEnvMenu(); return; }
+    var cur = activeConn();
+    var list = loadConns();
+    if (cur && !list.some(function (c) { return c.id === cur.id; })) list = [cur].concat(list);
+    envScrimEl = document.createElement('div');
+    envScrimEl.className = 'envmenu__scrim';
+    envScrimEl.onclick = closeEnvMenu;
+    envMenuEl = document.createElement('div');
+    envMenuEl.className = 'envmenu';
+    envMenuEl.appendChild(elSpan('envmenu__head', '切换环境'));
+    list.forEach(function (c) {
+      var active = !!(cur && c.id === cur.id);
+      var b = document.createElement('button');
+      b.type = 'button';
+      b.className = 'envmenu__item';
+      var ico = document.createElement('span');
+      ico.className = 'envmenu__ico';
+      ico.appendChild(svgUse('#i-laptop', 20));
+      b.appendChild(ico);
+      var col = document.createElement('span');
+      col.className = 'envmenu__col';
+      var tl = document.createElement('span');
+      tl.className = 'envmenu__t';
+      tl.appendChild(elSpan('envmenu__name', connLabel(c) || c.host || '未命名'));
+      if (c.app) tl.appendChild(elSpan('envmenu__badge', c.app));
+      col.appendChild(tl);
+      /* 名字就是 host 时不重复写一遍：副标题只留「地址（有名字时）+ 状态」。 */
+      var cname = connLabel(c) || c.host || '';
+      var chost = c.host || connHost(c.url);
+      var csub = (cname && cname !== chost) ? chost : '';
+      col.appendChild(elSpan('envmenu__s', (csub ? csub + ' · ' : '') + (active ? '当前连接' : '点击切换')));
+      b.appendChild(col);
+      if (active) {
+        var ck = document.createElement('span');
+        ck.className = 'envmenu__check';
+        ck.appendChild(svgUse('#i-check', 18));
+        b.appendChild(ck);
+      }
+      b.onclick = function () { closeEnvMenu(); switchEnv(c); };
+      envMenuEl.appendChild(b);
     });
+    envMenuEl.appendChild(elSpan('envmenu__sep', ''));
+    var add = document.createElement('button');
+    add.type = 'button';
+    add.className = 'envmenu__add';
+    add.appendChild(svgUse('#i-plus', 18));
+    add.appendChild(elSpan('', '添加连接'));
+    add.onclick = function () { closeEnvMenu(); showLauncher(); };
+    envMenuEl.appendChild(add);
+    document.body.appendChild(envScrimEl);
+    document.body.appendChild(envMenuEl);
+    var btn = document.getElementById('btnEnvSwitch');
+    var r = btn.getBoundingClientRect();
+    var mw = envMenuEl.offsetWidth;
+    envMenuEl.style.top = (r.bottom + 8) + 'px';
+    envMenuEl.style.left = Math.max(12, Math.min(r.left, window.innerWidth - mw - 12)) + 'px';
+    btn.classList.add('is-open');
   }
 
   /* ══════════ 解析 + 校验连接地址 ══════════
@@ -1377,11 +1603,16 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       b.classList.toggle('is-on', b.getAttribute('data-tab') === name);
     });
   }
-  function showLauncher() { hideAll(); launcherEl.hidden = false; tabbarEl.hidden = true; renderRecent(); }
+  function showLauncher() {
+    hideAll(); launcherEl.hidden = false; tabbarEl.hidden = true; renderRecent();
+    /* 已连着桌面时进来（切换环境 → 添加连接）必须有路可退，否则用户被困在启动页。 */
+    var back = document.getElementById('btnLauncherBack');
+    if (back) back.hidden = !(BASE || TOKEN);
+  }
   function showHistory(address) {
     hideAll(); historyEl.hidden = false; tabbarEl.hidden = false; setActive('tasks');
     if (address != null) histSubtitle = address;
-    historyTitle.textContent = histSubtitle || '任务';
+    historyTitle.textContent = envLabel() || '任务';
     loadSessions();
   }
   function showSession(sub) { hideAll(); document.body.classList.add('is-conv'); sessionEl.hidden = false; tabbarEl.hidden = false; setActive('tasks'); subtitleEl.textContent = (sub != null ? sub : histSubtitle) || ''; }
@@ -1423,9 +1654,12 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   function refreshMineVersion() {
     if (!TOKEN) { paintMineVersion(); return; }
     var hdr = { 'X-Magic-Token': TOKEN };
+    var seq = CONN_SEQ;   // 切环境后旧桌面的 health 不许写到新连接上
     fetch(BASE + '/desk/health', { headers: hdr })
       .then(function (r) { return r.ok ? r.json() : null; })
       .then(function (h) {
+        if (seq !== CONN_SEQ) return;
+        if (h && h.app) noteActiveMeta({ app: h.app });
         if (h && typeof h.version === 'string' && h.version) { SERVER_VERSION = h.version; return; }
         return fetch(BASE + '/desk/contract', { headers: hdr })
           .then(function (r) { return r.ok ? r.json() : null; })
@@ -1994,17 +2228,22 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   function connect(target) {
     BASE = target.url || '';
     TOKEN = target.token || '';
-    recordRecent(target);
+    CONN_SEQ++;              // 上一台桌面还在飞的请求：回来时直接丢弃（见 loadSessions）
+    var c = upsertConn(target);
+    ACTIVE_ID = c.id;
     showError('');
-    showHistory(target.host || '');
+    showHistory(c.host || '');
     startPoll();
     restoreQueue();          // 上次没轮到的排队任务：连上就接着排（见 restoreQueue）
   }
   function disconnect() {
     stopPoll();
+    closeEnvMenu();
+    CONN_SEQ++;
     if (conv) { try { conv.destroy(); } catch (e) {} conv = null; }
     convEl.innerHTML = '';
     BASE = ''; TOKEN = '';
+    ACTIVE_ID = '';
     SERVER_VERSION = '';   // 版本号属于「那一条连接」：断开就清掉，避免下次连到别的机器还显示旧值
     /* 排队任务**不跟着断连消失**（它们已经落库）：只清内存里的等待态，下次连上由
        restoreQueue 从磁盘接回来。串行门的 FIFO 也一并重置 —— 里面的 tail 是挂在一条
@@ -2050,9 +2289,11 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       if (historyEl.hidden) return;                       // 只在这张页可见时拉
       if (!TOKEN) return;                                 // 还没配对，拉也拉不到
       var hdr = TOKEN ? { 'X-Magic-Token': TOKEN } : {};
+      var seq = CONN_SEQ;
       fetch(BASE + '/desk/sessions', { headers: hdr })
         .then(function (r) { return r.ok ? r.json() : null; })
         .then(function (list) {
+          if (seq !== CONN_SEQ) return;   // 响应回来时已经切到另一台桌面了
           if (!Array.isArray(list)) return;
           if (sessionSig(list) === sessionSig(LAST_SESSIONS)) return;   // 没变 → 不动 DOM
           loadSessions(true);                            // 变了才走完整刷新（含标题归纳 / 健康），且不许闪
@@ -2061,6 +2302,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   }
   function loadSessions(quiet) {
     var hdr = TOKEN ? { 'X-Magic-Token': TOKEN } : {};
+    var seq = CONN_SEQ;   // 切环境后旧请求可能才回来：序号对不上就不许改这一台的画面
     /* quiet（由 startListPoll 的轮询触发）：不塞「读取中…」占位、失败也不覆盖现有列表 ——
        轮询是**后台行为**，不能因为一次网络抖动就把用户正看着的列表换成一行错误，
        也不该让他每次看到整页闪一下「读取中…」（这正是 deleteSessionRow 绕开它的原因）。 */
@@ -2076,6 +2318,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     var pDirs = fetch(BASE + '/desk/dirs', { headers: hdr })
       .then(function (r) { return r.ok ? r.json() : {}; }).catch(function () { return {}; });
     Promise.all([pList, pTitles, pHealth, pDirs]).then(function (a) {
+      if (seq !== CONN_SEQ) return;
       TITLES = a[1] || {};
       DW = (a[2] && a[2].defaultWorkspace) || '';
       DW_READY = true;
@@ -2087,6 +2330,8 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       /* core 能力位（feature.*）：团队开关要不要显示就看它。连上桌面后才有，
          所以「我的」那张卡片与运行设置里的那一行都要在这里刷一次。 */
       CORE_FEATURES = ((a[2] && a[2].features) || []);
+      /* 连接的身份（app）：连着哪台设备就记到哪条连接上，环境菜单里当类型标签用。 */
+      if (a[2] && a[2].app) noteActiveMeta({ app: a[2].app });
       /* 团队角色清单（2026-10-22）：core 上报什么就画什么，客户端不硬编码角色名。
          老 core 没有 teamRoles → 空数组 → paintTeamPref 用内置表兜底。 */
       TEAM_ROLES = ((a[2] && a[2].teamRoles) || []).filter(function (r) {
@@ -2107,6 +2352,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       var pending = LAST_SESSIONS.filter(function (s) { return !s.title_summarized; });
       pending.slice(0, TITLE_SUMMARIZE_CAP).forEach(function (s) { setTimeout(function () { ensureTitle(s); }, 0); });
     }).catch(function (e) {
+      if (seq !== CONN_SEQ) return;
       if (quiet) return;   // 后台轮询失败：保留现有列表（见上面的说明）
       historyList.innerHTML = '<div class="history__hint">读取会话失败：' + (e && e.message ? e.message : e) + '</div>';
     });
@@ -3871,6 +4117,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     b.appendChild(main);
     b.appendChild(hEl('span', 'setrow__v',
       rt.engine ? (rt.engine + (rt.model ? ' · ' + qaModelText(rt.model) : '')) : '跟随主引擎'));
+    b.appendChild(hEl('span', 'setrow__chev', '›'));
     b.onclick = function () {
       openTeamRoutePicker(key,
         String(key).indexOf('role:') === 0 ? (label + '：适合做什么、交给谁') : '计划任务：怎么拆、交给谁',
@@ -3904,7 +4151,9 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       hint.style.textAlign = 'left';
       body.appendChild(hint);
       /* 规则控件放在引擎清单**之前**：规则是这一行的主内容，引擎是「交给谁」。
-         它们与探测无关，引擎清单拉失败也照样能改。 */
+         它们与探测无关，引擎清单拉失败也照样能改。分区标题必须显式给出 ——
+         用户 2026-10-22：「入口在哪里 不能配置规则」：控件在，但没标题就读不出这里是配置区。 */
+      body.appendChild(hEl('div', 'pick__cap pick__cap--team', '规则'));
       if (isRole) body.appendChild(buildTeamRuleEditor(key));
       else if (kind === 'plan') body.appendChild(buildTeamSplitControls());
       fetchEngines().then(function (list) {
@@ -3932,10 +4181,11 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
         } else {
           tipText = '计划阶段负责把任务拆成子任务，交给更擅长规划、上下文更长的引擎更稳。';
         }
+        body.appendChild(hEl('div', 'pick__cap pick__cap--team', '交给谁'));
         var tip = hEl('div', 'history__hint', tipText);
         tip.style.textAlign = 'left';
         body.appendChild(tip);
-        var wrap = hEl('div', 'pick__cols');
+        var wrap = hEl('div', 'pick__cols pick__cols--team');
         var left = hEl('div', 'pick__col');
         var right = hEl('div', 'pick__col pick__col--r');
         wrap.appendChild(left); wrap.appendChild(right); body.appendChild(wrap);
@@ -3980,18 +4230,25 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       });
     });
   }
-  /* 角色行的「规则」：一句话写清这类任务适合什么。默认值 = core 内置职责（placeholder），
-     保存后覆盖它（core 的 --team-rule role:<name>=…），清空则恢复内置描述。 */
+  /* 角色行的「规则」：一句话写清这类任务适合什么。**默认值直接填内置职责**（用户
+     2026-10-22：「也没看到默认规则啊」—— placeholder 在手机上几乎看不见），保存后覆盖它
+     （core 的 --team-rule role:<name>=…）；改回内置值等于没改，不落覆盖。 */
   function buildTeamRuleEditor(key) {
     var box = hEl('div', 'teamedit__box');
     var lab = hEl('div', 'history__hint', '这类任务适合什么（写进拆解提示词）');
     lab.style.textAlign = 'left';
     box.appendChild(lab);
+    var sub = hEl('div', 'history__hint', '下面填的就是内置默认规则，可直接改；改完点保存才生效。');
+    sub.style.textAlign = 'left';
+    sub.style.padding = '0 12px 2px';
+    sub.style.fontSize = '12px';
+    box.appendChild(sub);
     var ta = hEl('textarea', 'teamedit');
     var name = String(key).slice(5);
     var info = teamRoleList().filter(function (r) { return r.name === name; })[0] || {};
-    ta.placeholder = info.duty || '用一句话写清这类任务承接什么';
-    ta.value = (TEAM.rules || {})[key] || '';
+    var builtin = String(info.duty || '').trim();
+    ta.placeholder = builtin || '用一句话写清这类任务承接什么';
+    ta.value = String((TEAM.rules || {})[key] || '').trim() || builtin;
     box.appendChild(ta);
     var acts = hEl('div', 'teamedit__acts');
     var save = hEl('button', 'btn btn--filled', '保存规则');
@@ -4001,18 +4258,19 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       /* 500 字上限与 core 同口径（core 会再判一次，这里是提前拦，省一次往返）。 */
       if (v.length > 500) { toast('规则最多 500 字'); return; }
       TEAM.rules = TEAM.rules || {};
-      if (v) TEAM.rules[key] = v; else delete TEAM.rules[key];
+      if (!v || v === builtin) delete TEAM.rules[key];
+      else TEAM.rules[key] = v;
       saveTeamPref();
-      toast(v ? '规则已保存' : '已恢复内置描述');
+      toast((v && v !== builtin) ? '规则已保存' : '已使用内置规则');
     };
     acts.appendChild(save);
     var reset = hEl('button', 'btn btn--outlined', '恢复默认');
     reset.type = 'button';
     reset.onclick = function () {
       if (TEAM.rules) delete TEAM.rules[key];
-      ta.value = '';
+      ta.value = builtin;
       saveTeamPref();
-      toast('已恢复内置描述');
+      toast('已恢复内置规则');
     };
     acts.appendChild(reset);
     box.appendChild(acts);
@@ -4299,7 +4557,10 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     connect(target);
   };
   addrEl.addEventListener('input', function () { showError(''); });
-  on('btnClear', function () { clearRecent(); renderRecent(); });
+  on('btnClear', function () { clearConns(); renderRecent(); });
+  /* 任务页标题 = 环境切换菜单（多连接）。已连着桌面时，从启动页进来也能退回去。 */
+  on('btnEnvSwitch', openEnvMenu);
+  on('btnLauncherBack', function () { if (BASE || TOKEN) showHistory(); });
   /* 别处起的任务要能自己冒出来（列表页可见时静默轮询；见 startListPoll 的注释） */
   startListPoll();
   on('btnList', function () { showHistory(); });

package/internal/team/planner.go

@@ -103,7 +103,8 @@ const plannerPromptTemplate = `你是任务规划器。把用户的诉求拆成
   - code：代码产出（脚本、程序、构建 / 测试相关的改动）→ coder。
   - image：画面类产出（位图 / 矢量：封面、插画、海报、图标）→ designer。
   - video：影像类产出（分镜、剪辑、成片）→ director。
-  - game：可运行的游戏工程（代码 + 素材 + 启动方式）→ builder。
+  - game：游戏相关产出 —— 游戏内玩法 / 系统开发（在现有工程里改代码、加功能），以及从零交付
+    可运行的游戏工程（代码 + 素材 + 启动方式）→ builder。
 - {{CODE_GATE}}
 - **需求里出现了对应类别的产物，就必须单独拆出该类任务**，哪怕用户没明说「配图 / 做成视频」。
   例：「写 100 字游戏介绍并配 1 个封面」→ 1 个 writer + 1 个 designer；

package/internal/team/role.go

@@ -87,8 +87,8 @@ var builtinRoles = []Role{
 	},
 	{
 		Name:         "builder",
-		Duty:         "交付能跑起来的工程与可复现的启动方式",
-		SystemPrompt: "你的角色是游戏 / 工程构建者。优先让产物可运行：先搭最小可运行骨架，再补功能；所有命令都要在工作目录内可复现，依赖与启动方式写进交付物。",
+		Duty:         "游戏内玩法 / 系统开发，交付能跑起来、可复现启动的工程",
+		SystemPrompt: "你的角色是游戏开发者。在现有工程里做玩法 / 系统开发时，先读懂现有结构与约定，只改相关范围；从零交付工程时，先搭最小可运行骨架再补功能。所有命令都要在工作目录内可复现，依赖与启动方式写进交付物。",
 		Kind:         KindGame,
 	},
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "magic-agent",
-  "version": "1.0.108",
+  "version": "1.0.110",
   "description": "专业的 agent CLI 代理工具 - 统一 claude / codebuddy / trae / llm / codex / openclaw 引擎",
   "license": "MIT",
   "bin": {