magic-agent 1.0.110 → 1.0.111

package/client-ui-mobile/index.html

@@ -385,7 +385,7 @@ 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;
@@ -417,8 +417,10 @@ textarea{font:inherit}
   box-shadow:0 12px 30px -12px var(--app-shadow)}
 button.setrow{font-family:inherit}
 /* 默认引擎/模型选择器：左列「自动」与正在浏览的引擎不能都画成选中态（两个浅蓝块会让人
-   分不清哪个是已保存的默认）。is-on = 已保存；is-cur = 右列此刻在浏览谁。 */
-.pick__citem.is-cur{background:var(--subtle)}
+   分不清哪个是已保存的默认）。is-on = 已保存（实底）；is-cur = 右列此刻在浏览谁。
+   浏览态**不铺底**，只留一道左侧细条 + 主色文字 —— 有底色就会被读成「第二个选中项」。 */
+.pick__citem.is-cur{box-shadow:inset 2px 0 0 var(--primary-action)}
+.pick__citem.is-cur .pick__cl{color:var(--primary-action)}
 
 /* ══════════ 发现：插件目录 ══════════
    两项 magic-* 工程的 CLI（magic-shorts / magic-video）。数据来自桌面端 `/desk/plugins`：
@@ -462,6 +464,20 @@ button.setrow{font-family:inherit}
 .setrow__v{flex:0 0 auto;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}
 .setrow--danger{color:var(--error-text)}
 .setrow--danger .setrow__l,.setrow--danger .setrow__v{color:var(--error-text)}
+/* 环境编辑（我的 → 环境）：名称 / 地址 / 令牌三栏。
+   环境不能只靠扫码「连过才记得」—— 用户要显式配置 IP 和名字（2026-10-22）。 */
+.envfield{display:block;width:100%;height:44px;margin-top:6px;padding:0 12px;border-radius:10px;
+  background:var(--subtle);border:1px solid transparent;color:var(--ink);font-size:15px;
+  -webkit-appearance:none;outline:none}
+.envfield:focus{border-color:var(--primary-action)}
+.envfield::placeholder{color:var(--faint)}
+.envlabel{display:block;margin-top:14px;font-size:12px;font-weight:700;color:var(--muted)}
+.envhint{margin-top:10px;font-size:12px;line-height:1.6;color:var(--faint)}
+.envacts{display:flex;gap:8px;margin-top:16px}
+.envacts .btn{flex:1;margin-top:0}
+.envdel{margin-top:14px;width:100%;height:40px;border-radius:var(--r-full);
+  color:var(--error-text);font-size:14px;font-weight:600}
+.envdel:active{background:var(--subtle)}
 /* 两行式配置行（团队模式）：左列是「名字 + 这条适合什么」，右列是引擎。
    规则描述必须常显 —— 用户要的是「每类适合什么」一眼可见，而不是藏进详情页。 */
 .setrow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
@@ -473,10 +489,8 @@ 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}
@@ -496,27 +510,27 @@ button.setrow{font-family:inherit}
      · 启动页不显示底栏（showLauncher 里 hidden），无需留白
 
    min-height 而不是 height：底栏还要吞 safe-area（34px），
-   border-box 下固定 height 会让内部 tab 被压到 26px 高、图标文字挤成一团。
-   **74**（2026-10-22 定稿）：68 时图标 23 + 选中浅底 28 + 标签 12 ≈ 50，上下只剩 18px；
-   74 给到上下各约 21px，选中浅底才有完整的一圈呼吸，不会被栏边切掉。 */
+   border-box 下固定 height 会让内部 tab 被压到 26px 高。
+   **56**（2026-10-22 定稿「底栏只保留图标不需要文字了」）：
+   去掉标签后只剩 25px 图标 + 44×34 选中浅底，56 给到浅底上下各 11px，
+   栏体也矮下来 —— 对话区因此多出 18px。 */
 .tabbar{position:absolute;left:0;right:0;bottom:0;z-index:60;
   display:flex;align-items:stretch;
-  min-height:74px;
+  min-height:56px;
   background:color-mix(in srgb,var(--raised) 86%,transparent);
   -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
   box-shadow:0 -1px 0 var(--border),0 -14px 30px -26px var(--app-shadow);
   padding-bottom:env(safe-area-inset-bottom)}
-.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
-  padding:6px 0;
-  color:var(--muted);font-size:10.5px;letter-spacing:.02em;transition:color .16s}
+/* 只有图标：文案从底栏拿掉（2026-10-22 用户），语义交给 aria-label，不靠视觉标签。
+   命中区仍是 flex:1 × 56，比"图标 + 文字"那版更高更宽，点起来更稳。 */
+.tab{flex:1;display:flex;align-items:center;justify-content:center;
+  color:var(--muted);transition:color .16s}
 .tab.is-on{color:var(--primary-action)}
-/* 选中态不只换颜色，还给一块 38×28 的浅底（`--activity` 是现成的品牌色低透明令牌）：
-   颜色是给"看得清"的，形状是给"摸得到"的 —— 暗色下主色是浅蓝，光靠颜色区分太弱。 */
-.tab .icw{display:grid;place-items:center;width:38px;height:28px;border-radius:9px;
+/* 选中态不只换颜色，还给一块 44×34 的浅底（`--activity` 是现成的品牌色低透明令牌）：
+   没有文字之后，颜色是唯一的语义线索，必须再补一个形状 —— 暗色下主色是浅蓝，光靠颜色区分太弱。 */
+.tab .icw{display:grid;place-items:center;width:44px;height:34px;border-radius:11px;
   transition:background .18s ease}
 .tab.is-on .icw{background:var(--activity)}
-.tab .lb{line-height:1.15;transition:font-weight .16s}
-.tab.is-on .lb{font-weight:600}
 .tab svg{display:block;transition:transform .16s}
 .tab:active svg{transform:scale(.92)}
 /* ── 「快速新建」：**半嵌入**底栏的圆形主按钮（2026-10-22 定稿）
@@ -534,42 +548,43 @@ button.setrow{font-family:inherit}
    于是看起来像按钮自带发光轮廓。
 
    实现：
-     ① **洞**：`::before` 是一块悬在栏顶边界内的半圆（宽 38*2 / 高 38，下两角半径 38），
+     ① **洞**：`::before` 是一块悬在栏顶边界内的半圆（宽 74 / 高 37，下两角半径 37），
         填槽底 `--fab-well`，在底栏上边缘切出一个半圆缺口。
-        高度只到 38，**不侵入上方内容**（试过 78px 整圆，会盖住列表底部）。
-     ② **嵌**：按钮直径 60，圆心落在栏顶边线上（上露 30 / 下沉 30），
+        高度只到 37，**不侵入上方内容**（试过整圆深度，会盖住列表底部）。
+     ② **嵌**：按钮直径 68，圆心落在栏顶边线上（上露 34 / 下沉 34），
         于是下半实打实坐进洞里。圆心压边线而不是抬高，是「嵌」与「放」的分界。
-     ③ **接触影**：`radial-gradient` 把暗环**锚定在 r=30（按钮半径）**上，
-        从 29.5px 起最暗、到 33px 淡完。这是唯一能精确控制「暗在哪一圈」的写法 ——
+     ③ **接触影**：`radial-gradient` 把暗环**锚定在 r=34（按钮半径）**上，
+        从 33.5px 起最暗、到 37px 淡完。这是唯一能精确控制「暗在哪一圈」的写法 ——
         `box-shadow: inset` 的暗边永远从元素边界向内，管不到元素外的那道槽。
-        实测梯度（正下方）：浅色 189→237→255，暗色 21→27→31，两端都单调、无回亮。
-   几何全用相对量（`bottom:calc(100% - 30px)`、`top:0`），安全区变化时洞和按钮一起走。 */
-.tabfab{flex:0 0 76px}
+   几何全用相对量（`bottom:calc(100% - 34px)`、`top:0`），安全区变化时洞和按钮一起走。
+
+   **两页一致**：会话页不再把「＋」收进栏内（2026-10-22 用户：「圆没有突出了 …两个效果要一致」）。
+   凸出的圆在列表页和对话页长得完全一样，只用 composer 的下内边距给它让出空间。 */
+.tabfab{flex:0 0 84px}
 /* 洞 = 半圆 + 接触影。
    槽底是 `--fab-well`（栏面稍暗一档的**同色系**），不是 `--canvas`：
    用页面底色在暗色下会成黑箍，在浅色下又几乎看不见 —— 两头都不对。
    接触影必须画在槽底**之上**，且暗环两端用硬锚点，
    避免模糊半径把亮度峰值推到按钮外面（那正是前几版读成光晕的原因）。
 
-   **露出的槽宽只有 3px**（洞半径 33 − 按钮半径 30）。曾经用 38（露 8px）：
-   那圈灰色槽底读作「按钮下面垫了个盘子」，正是用户否掉的形态。
-   3px 只够出一条接触缝 —— 看得见槽、看不清槽底，就等于"切出来的"。
-   洞的高也取 33 而不是更深：槽只要在栏顶边界内切出缺口，深了只是浪费。 */
+   **露出的槽宽只有 3px**（洞半径 37 − 按钮半径 34）。曾经用更大：那圈灰色槽底读作「按钮下面垫了个盘子」，
+   正是用户否掉的形态。3px 只够出一条接触缝 —— 看得见槽、看不清槽底，就等于"切出来的"。
+   洞的高也取 37 而不是更深：槽只要在栏顶边界内切出缺口，深了只是浪费。 */
 .tabbar::before{content:"";position:absolute;z-index:1;pointer-events:none;
   left:50%;top:0;transform:translateX(-50%);
-  width:66px;height:33px;
-  border-radius:0 0 33px 33px;
+  width:74px;height:37px;
+  border-radius:0 0 37px 37px;
   background:
-    radial-gradient(circle 33px at 50% 0,
-      var(--fab-notch) 29.5px,
-      var(--fab-notch) 30.5px,
-      color-mix(in srgb,var(--fab-notch) 35%,transparent) 32px,
-      transparent 33px),
+    radial-gradient(circle 37px at 50% 0,
+      var(--fab-notch) 33.5px,
+      var(--fab-notch) 34.5px,
+      color-mix(in srgb,var(--fab-notch) 35%,transparent) 36px,
+      transparent 37px),
     var(--fab-well)}
 .tabfab__b{position:absolute;z-index:2;
-  left:50%;bottom:calc(100% - 30px);              /* 圆心钉在栏顶边线上：上露 30 / 下沉 30 */
+  left:50%;bottom:calc(100% - 34px);              /* 圆心钉在栏顶边线上：上露 34 / 下沉 34 */
   transform:translateX(-50%);
-  width:60px;height:60px;
+  width:68px;height:68px;
   display:flex;align-items:center;justify-content:center;
   color:var(--on-primary-action);
   background:linear-gradient(178deg,rgba(255,255,255,.14),rgba(255,255,255,0) 60%),var(--primary-action);
@@ -582,25 +597,14 @@ button.setrow{font-family:inherit}
 .tabfab__b:active{transform:translateX(-50%) translateY(2px);
   box-shadow:inset 0 -6px 12px -7px rgba(15,23,42,.56), inset 0 2px 3px -2px rgba(255,255,255,.26)}
 .tabfab__b svg{display:block;stroke-width:2.4;transform:translateY(-1px)}
-/* 会话页（2026-10-22 用户：「不要挤压对话框」「tab 跟会话列表一样是浮在上面」）：
-   底栏浮起后不再占位，composer 只需让出「栏高 + 安全区 + 12px 呼吸」——
-   输入框贴着栏上沿 12px。原来 composer 下留 60（= ＋上探 30 + 呼吸 30），再叠上占位的 68 栏，
-   屏幕底到输入框一共 162；现在 74 + 34 + 12 = 120，对话区多出 42px，也再没有那段死区。
-   74 必须与 .tabbar 的 min-height 对齐（改栏高要一起改）。
+/* 会话页（2026-10-22 用户：「不要挤压对话框」「两个效果要一致」「圆可以更大」）：
+   底栏浮起后不占位，「＋」在**两页都凸出 34**（68 直径的一半），所以 composer 只需让出
+   「上探 34 + 呼吸 12 + 栏高 56」—— 输入框落在凸出圆的头顶 12px，不遮不压。
+   原来 composer 下留 60（= 上探 30 + 呼吸 30）再叠占位的 68 栏，屏幕底到输入框 162；
+   现在 56 + 34 + 12 = 102，对话区多出 60px。
+   56 必须与 .tabbar 的 min-height 对齐（改栏高要一起改）。
    **只叠一次**：safe-area 由这里一次性算进来，别再给 .composer 的基础 padding 加一遍。 */
-#conv .composer{padding-bottom:calc(12px + 74px + env(safe-area-inset-bottom))}
-
-/* 会话页的「＋」收进槽里（不上浮）：
-   输入框离栏只剩 12px，骑在边线上的 ＋ 会顶到输入框下沿；而且这一屏已经有 composer
-   左侧的附件「＋」，两个浮起的圆会让"哪个是新建"含混。
-   只改**高度关系**，不改颜色 / 水平位置：圆仍钉在正中，从"骑在边线上"变成"坐在栏里"。
-   直径 60 → 56 是跟着 74 的栏高走的（上下各留 9px），不是"缩小来躲"。 */
-body.is-conv .tabbar::before{display:none}
-body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-bottom) + 9px);
-  box-shadow:
-    inset 0 -6px 11px -6px rgba(15,23,42,.42),
-    inset 0 2px 2px -2px rgba(255,255,255,.28),
-    0 6px 14px -8px rgba(15,23,42,.35)}
+#conv .composer{padding-bottom:calc(12px + 34px + 56px + env(safe-area-inset-bottom))}
 
 /* 组件挂载点：占满剩余高度 */
 #conv{flex:1;min-height:0;display:flex}
@@ -907,6 +911,8 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   <div class="history__list">
     <div class="setcard">
       <div class="setrow"><span class="setrow__l">设备</span><span class="setrow__v" id="mineDevice">—</span></div>
+      <!-- 环境（多连接）：显式配置每台桌面的名字 / IP / 令牌，并在这里切换 -->
+      <button class="setrow" id="btnEnvPage"><span class="setrow__l">环境</span><span class="setrow__v" id="mineEnv">—</span></button>
       <div class="setrow"><span class="setrow__l">主题</span>
         <span class="seg" id="segTheme">
           <button class="seg__b" data-v="system">系统</button>
@@ -959,19 +965,41 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
 <!-- ══════════ 我的 → 团队模式（计划 + 7 类子任务）══════════
      从「我的」那一行点进来。这里配的全都是**设备级偏好**（开关本身按会话，在会话页运行设置里）。
      **只有一套划分**：计划 + 7 个角色（writer / researcher / reviewer / coder / designer /
-     director / builder）共 8 行，行内直接写清「这类适合什么」—— 不再并列「6 个类别」那一层
-     （用户 2026-10-22：「只需要计划+7类子任务即可 描述好每一类适合的规则 规则、引擎都可配置」）。
-     每行点开 = 引擎/模型 + 规则：计划配拆解粒度与两个开关，角色配「这类任务适合什么」
-     （写进 core 的拆解提示词，--team-rule role:<name>=…）。 -->
+     director / builder），不再并列「6 个类别」那一层。
+     2026-10-22 用户：「配引擎和配规则要分开配置 不要在 1 个页面」——
+     于是**两张卡、两个入口**：上面「交给谁」点开只有引擎/模型；下面「规则」点开只有规则
+     （计划 = 拆解口径，角色 = 这类任务适合什么）。两者互不掺杂。 -->
 <div class="history" id="teamPage" hidden>
   <div class="history__top">
     <button class="topbar__icon" id="btnTeamBack" aria-label="返回"><svg width="20" height="20"><use href="#i-back"/></svg></button>
     <span class="history__title">团队模式</span>
   </div>
   <div class="history__list">
-    <div class="history__group">计划与 7 类子任务</div>
+    <div class="history__group">交给谁（引擎 / 模型）</div>
     <div class="setcard" id="teamRouteCard"></div>
-    <div class="history__hint" style="text-align:left">点一行配置引擎与规则。留空 = 跟随主引擎 / 使用内置描述。</div>
+    <div class="history__group">规则（只影响计划怎么拆）</div>
+    <div class="setcard" id="teamRuleCard"></div>
+    <div class="history__hint" style="text-align:left">两张卡分开配：上面只选引擎，下面只改规则。留空 = 跟随主引擎 / 使用内置规则。</div>
+  </div>
+</div>
+
+<!-- ══════════ 我的 → 环境（多连接：名字 / IP / 令牌）══════════
+     2026-10-22 用户：「环境没有地方配置 ip 和名字啊」。
+     环境不能只靠「连过才记得」：这里显式新建 / 改名 / 改地址 / 删，点一行就编辑。
+     地址填 IP:端口即可（不带 http:// 自动补），令牌可以写在地址的 ?token= 里，
+     也可以单独填下面那栏（显式令牌优先）。 -->
+<div class="history" id="envPage" hidden>
+  <div class="history__top">
+    <button class="topbar__icon" id="btnEnvBack" aria-label="返回"><svg width="20" height="20"><use href="#i-back"/></svg></button>
+    <span class="history__title">环境</span>
+  </div>
+  <div class="history__list">
+    <div class="history__group">已配置的桌面</div>
+    <div class="setcard" id="envList"></div>
+    <div class="history__actions" style="padding:10px 0 0">
+      <button class="newtask" id="btnEnvAdd" type="button"><svg width="18" height="18"><use href="#i-plus"/></svg><span>新建环境</span></button>
+    </div>
+    <div class="history__hint" style="text-align:left">环境 = 一台跑着 magic-client 的桌面。名字随你起（例如「公司 Mac」），地址填 IP:端口，例如 192.168.1.5:8791。保存后可在这里或任务页标题处切换。</div>
   </div>
 </div>
 
@@ -1124,18 +1152,20 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
      「定时任务」那个 tab 已删（2026-10-22 用户：「定时任务tab先删除」）——
      功能本身没删：会话菜单里的「定时任务」仍然能唤起，只是不再占一个底部入口
      （那一页本来也只有一句「还没有这个接口」的说明，占着导航反而误导）。
-     中间那枚「＋」不是 tab：它没有 data-tab、不参与 setActive，点了就是新建会话。 -->
+     中间那枚「＋」不是 tab：它没有 data-tab、不参与 setActive，点了就是新建会话。
+     **只有图标、没有文字**（2026-10-22 用户：「底栏只保留图标不需要文字了」）：
+     语义靠 aria-label 承担；图标本身已用"清单 / 文档"的轮廓分家，缩到 25px 仍可辨。 -->
 <nav class="tabbar" id="tabbar" hidden>
-  <button class="tab" type="button" data-tab="tasks"><span class="icw"><svg width="23" height="23"><use href="#i-task"/></svg></span><span class="lb">任务</span></button>
+  <button class="tab" type="button" data-tab="tasks" aria-label="任务"><span class="icw"><svg width="25" height="25"><use href="#i-task"/></svg></span></button>
   <!-- 需求 tab 常驻：不做能力位控制（用户 2026-10-22：「移动端永远显示」）。
        老 core 上点进来会由 loadRequirements 的 501 分支给出明确文案，
        不会是一片空白 —— 入口固定比入口忽隐忽现更好理解。 -->
-  <button class="tab" type="button" data-tab="reqs"><span class="icw"><svg width="23" height="23"><use href="#i-req"/></svg></span><span class="lb">需求</span></button>
+  <button class="tab" type="button" data-tab="reqs" aria-label="需求"><span class="icw"><svg width="25" height="25"><use href="#i-req"/></svg></span></button>
   <span class="tabfab">
-    <button class="tabfab__b" type="button" id="btnFabNew" aria-label="新建会话"><svg width="26" height="26"><use href="#i-plus"/></svg></button>
+    <button class="tabfab__b" type="button" id="btnFabNew" aria-label="新建会话"><svg width="30" height="30"><use href="#i-plus"/></svg></button>
   </span>
-  <button class="tab" type="button" data-tab="discover"><span class="icw"><svg width="23" height="23"><use href="#i-compass"/></svg></span><span class="lb">发现</span></button>
-  <button class="tab" type="button" data-tab="mine"><span class="icw"><svg width="23" height="23"><use href="#i-user"/></svg></span><span class="lb">我的</span></button>
+  <button class="tab" type="button" data-tab="discover" aria-label="发现"><span class="icw"><svg width="25" height="25"><use href="#i-compass"/></svg></span></button>
+  <button class="tab" type="button" data-tab="mine" aria-label="我的"><span class="icw"><svg width="25" height="25"><use href="#i-user"/></svg></span></button>
 </nav>
 <!-- 第三方库归口 shared/vendor（与内核共用一份）：markdown 渲染栈要用 marked + DOMPurify；
      highlight.js 由内核按需加载，地址在下面给（内核自己不知道页面的相对根；
@@ -1186,6 +1216,9 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   var taskSearchInput = document.getElementById('taskSearchInput');
   var mineEl = document.getElementById('mine');
   var mineDevice = document.getElementById('mineDevice');
+  var mineEnv = document.getElementById('mineEnv');
+  var envPageEl = document.getElementById('envPage');
+  var envListEl = document.getElementById('envList');
   var mineVersion = document.getElementById('mineVersion');
   var segTheme = document.getElementById('segTheme');
   var segFont = document.getElementById('segFont');
@@ -1552,13 +1585,19 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       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);
+    /* 两个入口必须分开：新建环境 = 手填名字 + IP；扫码/粘贴 = 用配对页给的链接直接连。
+       以前只有后者，「环境没有地方配置 ip 和名字」（2026-10-22 用户）。 */
+    function menuAct(label, fn) {
+      var b = document.createElement('button');
+      b.type = 'button';
+      b.className = 'envmenu__add';
+      b.appendChild(svgUse('#i-plus', 18));
+      b.appendChild(elSpan('', label));
+      b.onclick = function () { closeEnvMenu(); fn(); };
+      envMenuEl.appendChild(b);
+    }
+    menuAct('环境设置（名字 / IP）', function () { showEnvPage('tasks'); });
+    menuAct('扫码或粘贴连接地址', function () { showLauncher(); });
     document.body.appendChild(envScrimEl);
     document.body.appendChild(envMenuEl);
     var btn = document.getElementById('btnEnvSwitch');
@@ -1569,6 +1608,144 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     btn.classList.add('is-open');
   }
 
+  /* ── 环境管理（我的 → 环境）：显式配置名字 / IP / 令牌 ──
+     2026-10-22 用户：「环境没有地方配置 ip 和名字啊」——
+     扫码只是「连上并记住」，不是配置入口。这里补上增删改。 */
+  function showEnvPage(from) {
+    hideAll(); envPageEl.hidden = false; tabbarEl.hidden = true;
+    ENV_BACK = from === 'tasks' ? 'tasks' : 'mine';
+    renderEnvPage();
+  }
+  var ENV_BACK = 'mine';   // 环境页的返回目标：从任务页标题进来就回任务页，从「我的」进来就回「我的」
+  function renderEnvPage() {
+    if (!envListEl) return;
+    envListEl.innerHTML = '';
+    var list = loadConns();
+    if (!list.length) {
+      envListEl.appendChild(hEl('div', 'history__hint', '还没有配置环境。点下面的「新建环境」，填名字和 IP 即可。'));
+      return;
+    }
+    var cur = activeConn();
+    list.forEach(function (c) {
+      var b = hEl('button', 'setrow');
+      b.type = 'button';
+      var main = hEl('span', 'setrow__main');
+      main.appendChild(hEl('span', 'setrow__l', connLabel(c) || '未命名'));
+      main.appendChild(hEl('span', 'setrow__sub',
+        (c.host || connHost(c.url)) + (cur && c.id === cur.id ? ' · 当前连接' : '')));
+      b.appendChild(main);
+      b.appendChild(hEl('span', 'setrow__v', '编辑'));
+      b.onclick = function () { openEnvEditor(c); };
+      envListEl.appendChild(b);
+    });
+  }
+  /* conn 为空 = 新建；否则编辑（名字、地址、令牌都能改，也能删）。 */
+  function openEnvEditor(conn) {
+    var isNew = !conn;
+    openHostSheet(isNew ? '新建环境' : '编辑环境', function (body) {
+      var nameEl = hEl('input', 'envfield');
+      nameEl.type = 'text';
+      nameEl.placeholder = '例如 公司 Mac';
+      nameEl.value = (conn && conn.name) || '';
+      var addrEl = hEl('input', 'envfield');
+      addrEl.type = 'text';
+      addrEl.placeholder = '192.168.1.5:8791';
+      addrEl.setAttribute('autocapitalize', 'off');
+      addrEl.setAttribute('autocomplete', 'off');
+      addrEl.setAttribute('spellcheck', 'false');
+      /* 地址栏显示不带 http:// 的短形态（用户脑子里就是 IP:端口）；https 原样保留。 */
+      addrEl.value = conn && conn.url ? String(conn.url).replace(/^http:\/\//i, '') : '';
+      var tokEl = hEl('input', 'envfield');
+      tokEl.type = 'text';
+      tokEl.placeholder = '可选，配对令牌';
+      tokEl.setAttribute('autocapitalize', 'off');
+      tokEl.setAttribute('autocomplete', 'off');
+      tokEl.setAttribute('spellcheck', 'false');
+      tokEl.value = (conn && conn.token) || '';
+      body.appendChild(hEl('label', 'envlabel', '名称'));
+      body.appendChild(nameEl);
+      body.appendChild(hEl('label', 'envlabel', '地址（IP:端口）'));
+      body.appendChild(addrEl);
+      body.appendChild(hEl('label', 'envlabel', '令牌'));
+      body.appendChild(tokEl);
+      var err = hEl('div', 'field__err');
+      err.hidden = true;
+      body.appendChild(err);
+      body.appendChild(hEl('div', 'envhint',
+        '地址也可以带 ?token=…；下面这栏单独填时优先。填好保存后可在这里或任务页标题处切换。'));
+      var acts = hEl('div', 'envacts');
+      var saveB = hEl('button', 'btn btn--filled', '保存');
+      var goB = hEl('button', 'btn btn--outlined', '保存并连接');
+      saveB.type = 'button'; goB.type = 'button';
+      acts.appendChild(saveB); acts.appendChild(goB);
+      body.appendChild(acts);
+      var delB = null;
+      if (!isNew) {
+        delB = hEl('button', 'envdel', '删除这个环境');
+        delB.type = 'button';
+        body.appendChild(delB);
+      }
+
+      function collect() {
+        err.hidden = true;
+        var raw = String(addrEl.value || '').trim();
+        var t = parseTarget(raw);
+        if (!t) { err.textContent = '请填地址，例如 192.168.1.5:8791'; err.hidden = false; return null; }
+        var tok = String(tokEl.value || '').trim();
+        var hadParam = /[?&]token=/.test(raw);
+        if (tok) t.token = tok;
+        else if (!hadParam) {
+          /* 令牌栏没动过就沿用旧的；用户主动清空 = 就是要去掉令牌，不能又塞回去。 */
+          t.token = (conn && tokEl.value === (conn.token || '')) ? (conn.token || '') : '';
+        }
+        t.name = String(nameEl.value || '').trim();
+        return t;
+      }
+      function persist(t) {
+        var wasActive = !!(conn && conn.url === BASE && String(conn.token || '') === String(TOKEN || ''));
+        var next = upsertConn(t);
+        /* 改了地址/令牌 = 换了一条记录：旧的那条要删掉，别留一条连不上的僵尸。 */
+        if (conn && conn.id !== next.id) removeConn(conn.id);
+        /* 名称允许清空，也允许改：upsertConn 会沿用旧名，这里按输入框的最终值覆盖。 */
+        var list = loadConns();
+        for (var i = 0; i < list.length; i++) {
+          if (list[i].id !== next.id) continue;
+          list[i].name = t.name;
+          if (!list[i].app && conn && conn.app) list[i].app = conn.app;
+        }
+        saveConns(list);
+        closeHostSheet();
+        if (wasActive && (next.url !== BASE || String(next.token || '') !== String(TOKEN || ''))) {
+          switchEnv(next);   // 改的正是当前这台：按新地址/令牌重连
+          return;
+        }
+        renderEnvPage();
+        if (!historyEl.hidden) historyTitle.textContent = envLabel() || '任务';
+        if (!mineEl.hidden && mineEnv) mineEnv.textContent = envLabel() || '—';
+        toast(isNew ? ('已添加「' + (next.name || next.host) + '」') : '已保存');
+      }
+      saveB.onclick = function () { var t = collect(); if (t) persist(t); };
+      goB.onclick = function () {
+        var t = collect();
+        if (!t) return;
+        persist(t);
+        /* persist 内部遇到「改的是当前连接」已经自己重连了；这里只处理新增/改别的环境。 */
+        var c = findConn(connIdOf(t)) || findConn(connIdOf({ url: t.url, token: t.token }));
+        if (c && !(c.url === BASE && String(c.token || '') === String(TOKEN || ''))) switchEnv(c);
+      };
+      if (delB) {
+        delB.onclick = function () {
+          if (!window.confirm('删除环境「' + (connLabel(conn) || conn.host || '') + '」？')) return;
+          removeConn(conn.id);
+          closeHostSheet();
+          renderEnvPage();
+          toast('已删除');
+        };
+      }
+      setTimeout(function () { try { nameEl.focus(); } catch (e) {} }, 60);
+    });
+  }
+
   /* ══════════ 解析 + 校验连接地址 ══════════
      与 ZCode RemoteControlUrlPolicy 同职责：只放行 http(s)，解析出 base 与令牌。
      ZCode 生产包写死 zcode.z.ai；magic-agent 是用户自托管（LAN IP 各不相同），
@@ -1596,8 +1773,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   }
 
   /* ══════════ 视图：启动页 → 会话列表 → 会话 ══════════ */
-  /* 离开会话页要摘掉 is-conv，否则底栏的「＋」会一直保持"收进槽里"的形态 */
-  function hideAll() { document.body.classList.remove('is-conv'); launcherEl.hidden = true; historyEl.hidden = true; mineEl.hidden = true; reqsEl.hidden = true; discoverEl.hidden = true; teamPageEl.hidden = true; runSettingsPageEl.hidden = true; pluginsEl.hidden = true; pluginDetailEl.hidden = true; sessionEl.hidden = true; }
+  function hideAll() { launcherEl.hidden = true; historyEl.hidden = true; mineEl.hidden = true; reqsEl.hidden = true; discoverEl.hidden = true; teamPageEl.hidden = true; runSettingsPageEl.hidden = true; pluginsEl.hidden = true; pluginDetailEl.hidden = true; sessionEl.hidden = true; envPageEl.hidden = true; }
   function setActive(name) {
     Array.prototype.forEach.call(tabbarEl.querySelectorAll('.tab'), function (b) {
       b.classList.toggle('is-on', b.getAttribute('data-tab') === name);
@@ -1615,7 +1791,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     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) || ''; }
+  function showSession(sub) { hideAll(); sessionEl.hidden = false; tabbarEl.hidden = false; setActive('tasks'); subtitleEl.textContent = (sub != null ? sub : histSubtitle) || ''; }
   /* 需求页：进页面即拉一次清单（GET /desk/requirements，只读、不调模型）。
      「整理」按钮才触发归纳（POST /desk/requirements/consolidate）——
      两者代价差三个数量级，绝不能混成一个动作。 */
@@ -1627,6 +1803,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   function showMine() {
     hideAll(); mineEl.hidden = false; tabbarEl.hidden = false; setActive('mine');
     mineDevice.textContent = histSubtitle || '本机';
+    if (mineEnv) mineEnv.textContent = envLabel() || '—';
     var ns = document.getElementById('notifyState');
     if (ns) { var p = notifyPermState(); ns.textContent = p === 'plugin' ? '已接入' : (p === 'granted' ? '已开启' : '未开启'); }
     markSeg(segTheme, PREFS.theme); markSeg(segFont, PREFS.font); markSeg(segMode, TASK_MODE);
@@ -4080,13 +4257,14 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     var sum = document.getElementById('teamSummary');
     if (sum) sum.textContent = custom ? (custom + ' 项已单独指定') : '跟随主引擎';
   }
-  /* 团队模式子页面 = 计划行 + 7 个角色行，全部进同一个 #teamRouteCard（只有一套路由配置）。
-     每行常显「这类适合什么」（角色 = 规则 / 计划 = 拆解口径），右侧是引擎 ——
-     用户要的是「描述好每一类适合的规则」，所以描述不藏进详情页。
-     签名含行文案与引擎：变了才重建，避免 5s 轮询时闪。 */
+  /* 团队模式子页面 = **两张卡**（用户 2026-10-22：「配引擎和配规则要分开配置 不要在 1 个页面」）：
+     #teamRouteCard「交给谁」= 计划 + 7 个角色的引擎/模型，点开只有引擎；
+     #teamRuleCard「规则」= 计划的拆解口径 + 7 个角色的「适合什么」，点开只有规则。
+     签名含两侧文案与引擎：变了才重建，避免 5s 轮询时闪。 */
   function paintTeamRoles(roles) {
-    var card = document.getElementById('teamRouteCard');
-    if (!card) return;
+    var routeCard = document.getElementById('teamRouteCard');
+    var ruleCard = document.getElementById('teamRuleCard');
+    if (!routeCard || !ruleCard) return;
     var show = teamSupported();
     var plan = (TEAM.routes || {}).plan || {};
     var planSub = '拆解：' + ({ coarse: '少', standard: '标准', fine: '细' }[TEAM.split] || '标准')
@@ -4099,32 +4277,51 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       }).join(',');
     if (sig === TEAM_ROLE_SIG) return;
     TEAM_ROLE_SIG = sig;
-    card.innerHTML = '';
+    routeCard.innerHTML = '';
+    ruleCard.innerHTML = '';
     if (!show) return;
-    addTeamRow(card, 'plan', '计划任务', planSub);
+    /* 上卡：只讲「交给谁」，右侧是引擎；不展示规则描述。 */
+    addTeamRouteRow(routeCard, 'plan', '计划任务');
+    roles.forEach(function (r) {
+      addTeamRouteRow(routeCard, 'role:' + r.name, TEAM_ROLE_LABELS[r.name] || r.name);
+    });
+    /* 下卡：只讲「规则」——计划是拆解口径，角色是「这类适合什么」。 */
+    addTeamRuleRow(ruleCard, 'plan', '计划任务规则', planSub);
     roles.forEach(function (r) {
-      addTeamRow(card, 'role:' + r.name, TEAM_ROLE_LABELS[r.name] || r.name, teamRoleDuty(r));
+      var label = (TEAM_ROLE_LABELS[r.name] || r.name) + '规则';
+      addTeamRuleRow(ruleCard, 'role:' + r.name, label, teamRoleDuty(r));
     });
   }
-  /* 一行：名字 + 规则描述 + 右侧引擎。点开 = 引擎与规则（见 openTeamRoutePicker）。 */
-  function addTeamRow(card, key, label, sub) {
+  /* 上卡的一行：名字 + 右侧引擎。点开 = 只选引擎/模型。 */
+  function addTeamRouteRow(card, key, label) {
     var rt = (TEAM.routes || {})[key] || {};
     var b = hEl('button', 'setrow');
     b.type = 'button';
     var main = hEl('span', 'setrow__main');
     main.appendChild(hEl('span', 'setrow__l', label));
-    if (sub) main.appendChild(hEl('span', 'setrow__sub', sub));
     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 + '：适合做什么、交给谁') : '计划任务：怎么拆、交给谁',
+      openTeamEnginePicker(key,
+        String(key).indexOf('role:') === 0 ? (label + '交给谁') : '计划任务交给谁',
         teamRoleKindOf(key));
     };
     card.appendChild(b);
   }
+  /* 下卡的一行：名字 + 当前规则。点开 = 只改规则（不含引擎）。 */
+  function addTeamRuleRow(card, key, label, sub) {
+    var b = hEl('button', 'setrow');
+    b.type = 'button';
+    var main = hEl('span', 'setrow__main');
+    main.appendChild(hEl('span', 'setrow__l', label));
+    if (sub) main.appendChild(hEl('span', 'setrow__sub', sub));
+    b.appendChild(main);
+    b.appendChild(hEl('span', 'setrow__chev', '›'));
+    b.onclick = function () { openTeamRuleSheet(key, label); };
+    card.appendChild(b);
+  }
   function teamRoleKindOf(key) {
     if (String(key).indexOf('role:') !== 0) return 'plan';
     var n = String(key).slice(5);
@@ -4136,26 +4333,19 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
     var ov = (TEAM.rules || {})['role:' + r.name];
     return (ov && String(ov).trim()) || r.duty || '';
   }
-  /* 点一行 → 抽屉：先「规则」，再「引擎 · 模型」，与「默认引擎」那套同一个交互。
-     计划行：拆解粒度 + 简单代码 / 自动补任务（--team-split / --team-split-code /
-     --team-adaptive）；角色行：「这类任务适合什么」（--team-rule role:<name>=…）。
-     首项 = 不单独指定 / 跟随主引擎。
+  /* 上卡点一行 → 抽屉：**只选引擎 · 模型**（与「默认引擎」那套同一个交互）。
+     规则不在这里 —— 见下卡与 openTeamRuleSheet（用户 2026-10-22：「配引擎和配规则要分开配置」）。
+     首项 = 跟随主引擎。
      2026-10-21 口径（用户：「图像视频不是说需要生成 是擅长做 比如有一个带了视频 skill 的引擎」）：
      这里问的是「这类活谁擅长」，所以不写「交给 core 自动路由」—— 说「自动」会让人以为
      不配也能跑，而实际语义是「跟主引擎一致」。 */
-  function openTeamRoutePicker(key, title, kind) {
+  function openTeamEnginePicker(key, title, kind) {
     var isRole = String(key).indexOf('role:') === 0;
     if (!kind) kind = key;   // 计划键时 kind 就是键本身
     openHostSheet(title, function (body) {
       var hint = hEl('div', 'history__hint', '正在探测引擎与模型…');
       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) {
         if (hint.parentNode) hint.remove();
         var avail = list.filter(function (x) { return x.ok; });
@@ -4173,19 +4363,13 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
            不是给 core 的配置（core 只认 engine / model）。
            ⚠️ 必须建在 paint() **外面**：paint 每次切引擎都会重画两列，放里面会一行行堆起来
               （2026-10-21 实测：点两次引擎，抽屉底部就多出三段同样的说明）。 */
-        var tipText;
-        if (isRole) {
-          var info = teamRoleList().filter(function (r) { return 'role:' + r.name === key; })[0];
-          tipText = '这个角色内置的职责：' + ((info && info.duty) || '—')
-            + '。上面写的规则会替掉它，进计划提示词；这里留空 = 跟随主引擎。';
-        } else {
-          tipText = '计划阶段负责把任务拆成子任务，交给更擅长规划、上下文更长的引擎更稳。';
-        }
-        body.appendChild(hEl('div', 'pick__cap pick__cap--team', '交给谁'));
+        var tipText = isRole
+          ? '只选这一类活交给谁；「这类任务适合什么」在团队模式页的「规则」卡里改。'
+          : '计划阶段负责把任务拆成子任务，交给更擅长规划、上下文更长的引擎更稳；拆解规则在「规则」卡里改。';
         var tip = hEl('div', 'history__hint', tipText);
         tip.style.textAlign = 'left';
         body.appendChild(tip);
-        var wrap = hEl('div', 'pick__cols pick__cols--team');
+        var wrap = hEl('div', 'pick__cols');
         var left = hEl('div', 'pick__col');
         var right = hEl('div', 'pick__col pick__col--r');
         wrap.appendChild(left); wrap.appendChild(right); body.appendChild(wrap);
@@ -4230,6 +4414,15 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
       });
     });
   }
+  /* 下卡点一行 → 抽屉：**只改规则**（不含引擎）。计划 = 拆解粒度与两个开关；
+     角色 = 「这类任务适合什么」。与上卡的引擎选择互不掺杂（用户 2026-10-22）。 */
+  function openTeamRuleSheet(key, label) {
+    var isRole = String(key).indexOf('role:') === 0;
+    openHostSheet(label, function (body) {
+      if (isRole) body.appendChild(buildTeamRuleEditor(key));
+      else body.appendChild(buildTeamSplitControls());
+    });
+  }
   /* 角色行的「规则」：一句话写清这类任务适合什么。**默认值直接填内置职责**（用户
      2026-10-22：「也没看到默认规则啊」—— placeholder 在手机上几乎看不见），保存后覆盖它
      （core 的 --team-rule role:<name>=…）；改回内置值等于没改，不落覆盖。 */
@@ -4461,7 +4654,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
 
       avail.forEach(function (en) {
         var n = (en.models || []).length;
-        /* is-on = 已保存的默认（浅蓝实底）；is-cur = 右列此刻在浏览谁（淡底）——
+        /* is-on = 已保存的默认（浅蓝实底）；is-cur = 右列此刻在浏览谁（左侧细条，无底色）——
            两者分开，默认是「自动」时不会出现两个一样的选中块。 */
         var b = hEl('button', 'pick__citem'
           + (RUN_PREF.engine === en.engine ? ' is-on' : '')
@@ -4599,6 +4792,10 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
      归属只在用户显式选空间时确定，不能让上一次的 WS 悄悄粘过来。 */
   on('btnFabNew', function () { newConversation(); });
   on('btnMineBack', function () { showHistory(); });
+  /* 我的 → 环境（多连接）：列表（点行编辑）+ 新建；返回回「我的」。 */
+  on('btnEnvPage', function () { showEnvPage('mine'); });
+  on('btnEnvBack', function () { if (ENV_BACK === 'tasks') showHistory(); else showMine(); });
+  on('btnEnvAdd', function () { openEnvEditor(null); });
   on('dscBrowser', function () { openBrowser(HOME_URL); });
   on('dscApps', function () { openComingSheet('应用', '暂无可用应用。桌面端发布的应用会出现在这里。'); });
   on('dscPlugins', function () { showPlugins(); });
@@ -4617,7 +4814,7 @@ body.is-conv .tabfab__b{width:56px;height:56px;bottom:calc(env(safe-area-inset-b
   on('btnDefaultEngine', openDefaultEnginePicker);
   on('btnDefaultModel', openDefaultEnginePicker);
   /* 团队模式配置（「我的」→ 子页面）：计划 + 7 个角色，行由 paintTeamRoles 动态渲染，
-     行的点击在渲染时绑定（见 addTeamRow / openTeamRoutePicker），这里只留入口与返回。 */
+     行的点击在渲染时绑定（见 addTeamRouteRow / addTeamRuleRow），这里只留入口与返回。 */
   on('btnTeamPage', showTeamPage);
   on('btnTeamBack', showMine);
   on('btnLogout', disconnect);

package/package.json

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