chore: ignore and remove .ui-review artifacts

Drop tracked UI review/acceptance screenshot dirs and ignore .ui-review/ and .ui-review-*/ so they stay local-only.
2026-10-14 19:42:57 +08:00
1 parent dfa559ff59
commit 8c850690b0
@@ -27,3 +27,7 @@ logs/
 .*.pid
 apps/server/bin/
 *.tsbuildinfo
 # UI review / acceptance screenshots (local only)
 .ui-review/
 .ui-review-*/
@@ -1,33 +0,0 @@
 {
  "home": {
    "text": "OpsxAPI\n新建\n导入\n导出\n通道\n自动\nWeb 代理\n浏览器直连\n桌面直连\n本\n本地\n1 变量\n本\n接口\n历史\n测试\nMock\n文档\n设置\n登录\n接口\n历史\n示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET Query\nPOST\n回归 · POST JSON\nPOST\n回归 · POST urlencoded\nPOST\n回归 · POST form-data\nGET\n回归 · 自定义 Header\nGET\n回归 · Cookie\nGET\n回归 · Bearer\nGET\n回归 · Basic Auth\nHTTP · httpbin\nGET\n获取请求回显\nPOST\n提交 JSON\nPOST\n表单提交\nGET\nBearer 鉴权示例\nGET\n状态码 · 404\nGraphQL\n国家查询 · countries\n实时协议\nWebSocket · echo\nSSE · 维基媒体变更流\nMQTT · EMQX 公共 Broker\nSocket.IO · 本地服务\n没有打开的请求\nOpsxAPI · 接口工作台\n从左侧选择接口，或导入数据/新建请求\nHTTP · GraphQL · WebSocket · SSE · Socket.IO · MQTT\n支持 OpenAPI / Postman / Apifox / cURL / HAR 等格式导入导出",
    "title": "OpsxAPI · 接口工作台"
  },
  "mockProbe": {
    "hasShareable": false,
    "hasLocal": false,
    "hasComing": false,
    "snippet": "\nWeb 代理\n浏览器直连\n桌面直连\n本\n本地\n1 变量\n本\n接口\n历史\n测试\nMock\n文档\n设置\n登录\n接口\n历史\n示例集合\nHTTP · 本地回归（P0）\nHTTP · httpbin\nGET\n获取请求回显\nPOST\n提交 JSON\nPOST\n表单提交\nGET\nBearer 鉴权示例\nGET\n状态码 · 404\nGraphQL\n国家查询 · countries\n实时协议\nWebSocket · echo\nSSE · 维基媒体变更流\nMQTT · EMQX 公共 Brok"
  },
  "layout": {
    "top": {
      "w": 1440,
      "h": 48
    },
    "side": {
      "w": 256,
      "h": 765
    },
    "rail": {
      "w": 34,
      "h": 50
    },
    "main": {
      "w": 1128,
      "h": 765
    },
    "topBtns": 5,
    "minFs": 8,
    "bodyBg": "rgb(11, 18, 32)"
  }
 }
@@ -1,24 +0,0 @@
 {
  "verdict": "有缺陷",
  "pass": [
    "通道切换往返: 自动|Web 代理|浏览器直连|桌面直连",
    "打开环境变量面板",
    "集合树切换到回归 GET",
    "URL 脏点已写入",
    "脏点/保存相关 UI 可见或已 Cmd+S",
    "发送 HTTP 以产生历史",
    "新建 WebSocket",
    "填写 WS URL",
    "填写 Authorization Header",
    "连接后出现状态文案",
    "重放 toast: 重放成功 · HTTP 200 · 22ms"
  ],
  "fail": [
    "WS流程: locator.click: Timeout 15000ms exceeded.\nCall log:\n  - waiting for getByRole('button', { name: /发送/ }).first()\n    - locator resolved to <button disabled class=\"ops-btn ops-btn-primary\">发送消息</button>\n  - attempting click action\n    2 × waiting for element to be visible, enabled and stable\n      - element is not enabled\n    - retrying click action\n    - waiting 20ms\n    2 × waiting for element to be visible, enabled and stable\n      - element is not enabled\n    - retrying click action\n      - waiting 100ms\n    28 × waiting for element to be visible, enabled and stable\n       - element is not enabled\n     - retrying click action\n       - waiting 500ms\n"
  ],
  "notes": [
    "title=OpsxAPI · 接口工作台",
    "selectCount=1",
    "select0=自动/Web 代理/浏览器直连/桌面直连"
  ]
 }
@@ -1,255 +0,0 @@
 import { chromium } from 'playwright';
 import fs from 'fs';
 import path from 'path';
 const outDir = path.resolve('.ui-review/accept-2026-09-19');
 const log = [];
 const shot = async (page, name) => {
  const p = path.join(outDir, name);
  await page.screenshot({ path: p, fullPage: false });
  log.push(`shot:${name}`);
 };
 const result = { pass: [], fail: [], notes: [] };
 async function main() {
  const browser = await chromium.launch({ headless: true });
  const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
  page.setDefaultTimeout(12000);
  await page.goto('http://127.0.0.1:5173/', { waitUntil: 'networkidle' });
  await shot(page, 'web-01-home.png');
  // Channel switch
  try {
    const channel = page.getByRole('combobox').or(page.locator('select, [aria-label*="通道"], button:has-text("通道")')).first();
    // Top bar has 通道 popup - from AX it was AXPopUpButton 发信通道
    const pop = page.locator('text=通道').first();
    await pop.click({ timeout: 5000 }).catch(() => {});
    // Try select options visible
    const modes = ['自动', 'Web代理', '浏览器', '桌面'];
    let switched = false;
    for (const m of modes) {
      const opt = page.getByText(m, { exact: true }).first();
      if (await opt.isVisible().catch(() => false)) {
        await opt.click();
        switched = true;
        result.pass.push(`通道切换点击到「${m}」`);
        break;
      }
    }
    // Also try native select
    const select = page.locator('select').filter({ hasText: /自动|代理|浏览器|桌面/ }).first();
    if (await select.count()) {
      const options = await select.locator('option').allTextContents();
      result.notes.push('channel select options: ' + options.join('|'));
      if (options.length > 1) {
        await select.selectOption({ index: 1 });
        await select.selectOption({ index: 0 });
        switched = true;
        result.pass.push('通道 select 往返切换');
      }
    }
    if (!switched) result.fail.push('通道切换：未找到可点选项');
    await shot(page, 'web-02-channel.png');
  } catch (e) {
    result.fail.push('通道切换异常: ' + e.message);
  }
  // Env switch - button 本地 1 变量
  try {
    const envBtn = page.getByRole('button', { name: /变量|环境/ }).first();
    if (await envBtn.count()) {
      await envBtn.click();
      result.pass.push('打开环境/变量');
      await page.keyboard.press('Escape').catch(() => {});
    } else {
      result.fail.push('环境切换：未找到环境按钮');
    }
    await shot(page, 'web-03-env.png');
  } catch (e) {
    result.fail.push('环境: ' + e.message);
  }
  // Collection tree - click an existing request
  try {
    const req = page.getByText('回归 · GET Query').first();
    await req.click({ timeout: 5000 });
    result.pass.push('集合树点击切换到「回归 · GET Query」');
    await shot(page, 'web-04-tree.png');
  } catch (e) {
    result.fail.push('集合树点击: ' + e.message);
  }
  // Dirty save - edit URL then look for save/dirty indicator
  try {
    const urlInput = page.locator('input').filter({ hasText: '' }).nth(0);
    // Prefer visible URL field near method
    const candidates = page.locator('input[value*="http"], input[placeholder*="http"], textarea, input');
    let edited = false;
    const count = await candidates.count();
    for (let i = 0; i < Math.min(count, 30); i++) {
      const el = candidates.nth(i);
      const val = await el.inputValue().catch(() => '');
      if (val.includes('http') || val.includes('127.0.0.1') || val.includes('/v1/')) {
        await el.click();
        await el.fill(val + (val.includes('?') ? '&' : '?') + '_dirty=1');
        edited = true;
        result.pass.push('编辑 URL 制造脏点');
        break;
      }
    }
    if (!edited) result.notes.push('未定位到 URL 输入框，跳过脏点编辑');
    // Try save shortcut or save button
    await page.keyboard.press('Meta+s').catch(() => {});
    const saveBtn = page.getByRole('button', { name: /保存/ }).first();
    if (await saveBtn.isVisible().catch(() => false)) {
      await saveBtn.click();
      result.pass.push('点击保存');
    } else {
      result.notes.push('未见「保存」按钮（可能自动持久化）');
    }
    await shot(page, 'web-05-dirty.png');
  } catch (e) {
    result.fail.push('脏点保存: ' + e.message);
  }
  // New WebSocket via 新建 menu
  try {
    await page.getByRole('button', { name: '新建' }).first().click();
    await page.waitForTimeout(400);
    const wsItem = page.getByText(/WebSocket|WS/i).first();
    if (await wsItem.isVisible().catch(() => false)) {
      await wsItem.click();
      result.pass.push('新建 WebSocket');
    } else {
      // menu items
      const items = await page.locator('[role="menu"] >> text=/WebSocket|websocket|WS/i').allTextContents().catch(() => []);
      result.notes.push('新建菜单项: ' + JSON.stringify(items));
      result.fail.push('新建菜单未见 WebSocket');
    }
    await shot(page, 'web-06-new-ws.png');
  } catch (e) {
    result.fail.push('新建 WS: ' + e.message);
  }
  // Fill WS url + header if editor present
  try {
    const urlBox = page.locator('input').filter({ hasNot: page.locator('[type=checkbox]') });
    // fill first empty-ish or wss field
    let filledUrl = false;
    const n = await page.locator('input').count();
    for (let i = 0; i < n; i++) {
      const el = page.locator('input').nth(i);
      const ph = (await el.getAttribute('placeholder').catch(() => '')) || '';
      const val = await el.inputValue().catch(() => '');
      if (/wss?|url|地址/i.test(ph) || val.startsWith('ws') || (val === '' && /url/i.test(ph))) {
        await el.fill('wss://ws.postman-echo.com/raw');
        filledUrl = true;
        break;
      }
    }
    if (!filledUrl) {
      // try active tab url field - often the long input
      const longInputs = page.locator('input.ops-input, input[class*="input"]');
      if (await longInputs.count()) {
        await longInputs.first().fill('wss://ws.postman-echo.com/raw');
        filledUrl = true;
      }
    }
    if (filledUrl) result.pass.push('填写 WS URL');
    else result.fail.push('未能填写 WS URL');
    // Headers tab
    const hdrTab = page.getByRole('tab', { name: /Header|请求头|头/i }).or(page.getByText('Headers')).first();
    if (await hdrTab.isVisible().catch(() => false)) await hdrTab.click();
    // Add Authorization row
    const addHdr = page.getByRole('button', { name: /添加|Add/ }).first();
    if (await addHdr.isVisible().catch(() => false)) await addHdr.click();
    // Fill key/value - best effort
    await page.getByPlaceholder(/[Kk]ey|名称|Header/).first().fill('Authorization').catch(() => {});
    await page.getByPlaceholder(/[Vv]alue|值/).first().fill('Bearer smoke').catch(() => {});
    // fallback: any two empty inputs in header editor
    result.notes.push('Header 填写尽力而为');
    await shot(page, 'web-07-ws-filled.png');
    const connectBtn = page.getByRole('button', { name: /连接|Connect/ }).first();
    if (await connectBtn.isVisible().catch(() => false)) {
      await connectBtn.click();
      await page.waitForTimeout(2500);
      result.pass.push('点击连接');
      const bodyText = await page.locator('body').innerText();
      if (/open|已连接|连接成功|ping|tunnel|自定义 Header/i.test(bodyText)) {
        result.pass.push('连接后 UI 出现成功/系统相关文案');
      } else {
        result.notes.push('连接后未明确看到成功文案，需人工看截图');
      }
      // try send
      const sendBox = page.locator('textarea, input[placeholder*="消息"], input[placeholder*="发送"]').first();
      if (await sendBox.isVisible().catch(() => false)) {
        await sendBox.fill('ping-gui-reg');
        const sendBtn = page.getByRole('button', { name: /发送|Send/ }).first();
        if (await sendBtn.isVisible().catch(() => false)) await sendBtn.click();
        await page.waitForTimeout(1500);
        result.pass.push('尝试发送消息');
      }
    } else {
      result.fail.push('未见连接按钮');
    }
    await shot(page, 'web-08-ws-connected.png');
  } catch (e) {
    result.fail.push('WS 填表/连接: ' + e.message);
  }
  // History replay toast
  try {
    await page.getByRole('button', { name: /历史/ }).first().click();
    await page.waitForTimeout(500);
    await shot(page, 'web-09-history.png');
    const replay = page.getByRole('button', { name: /重放/ }).first();
    if (await replay.isVisible().catch(() => false)) {
      await replay.click();
      await page.waitForTimeout(2000);
      const toast = page.locator('.ops-toast, [class*="toast"]');
      const toastText = (await toast.allTextContents().catch(() => [])).join(' | ');
      const body = await page.locator('body').innerText();
      if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(toastText + body)) {
        result.pass.push('历史重放出现 toast/文案: ' + (toastText || 'body匹配').slice(0, 120));
      } else {
        result.fail.push('点了重放但未见 toast 文案');
      }
    } else {
      // hover history rows
      const rows = page.locator('text=/GET|POST|WS|重放/');
      result.notes.push('历史面板打开；重放按钮可能需悬停');
      const hist = page.locator('.ops-tree-row, [class*="history"]');
      if (await hist.count()) {
        await hist.first().hover();
        await page.waitForTimeout(300);
        if (await page.getByRole('button', { name: /重放/ }).first().isVisible().catch(() => false)) {
          await page.getByRole('button', { name: /重放/ }).first().click();
          await page.waitForTimeout(2000);
          const body = await page.locator('body').innerText();
          if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(body)) {
            result.pass.push('悬停后重放 toast 文案可见');
          } else result.fail.push('悬停重放后未见 toast');
        } else result.fail.push('悬停后仍无重放按钮');
      } else result.fail.push('历史为空或结构不符');
    }
    await shot(page, 'web-10-replay.png');
  } catch (e) {
    result.fail.push('历史重放: ' + e.message);
  }
  await browser.close();
  const summary = {
    verdict: result.fail.length ? '有缺陷' : '通过',
    ...result,
  };
  fs.writeFileSync(path.join(outDir, 'web-reg-result.json'), JSON.stringify(summary, null, 2));
  console.log(JSON.stringify(summary, null, 2));
 }
 main().catch((e) => {
  console.error(e);
  process.exit(1);
 });
@@ -1,275 +0,0 @@
 import { chromium } from 'playwright';
 import fs from 'fs';
 import path from 'path';
 const outDir = path.resolve('.ui-review/accept-2026-09-19');
 const result = { pass: [], fail: [], notes: [] };
 const shot = async (page, name) => {
  await page.screenshot({ path: path.join(outDir, name) });
 };
 async function main() {
  const browser = await chromium.launch({
    headless: true,
    channel: 'chrome',
  });
  const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
  page.setDefaultTimeout(15000);
  await page.goto('http://127.0.0.1:5173/', { waitUntil: 'domcontentloaded' });
  await page.waitForTimeout(1500);
  await shot(page, 'web-01-home.png');
  const title = await page.title();
  result.notes.push('title=' + title);
  // Channel: look for select near 通道
  try {
    const selects = page.locator('select');
    const sc = await selects.count();
    result.notes.push('selectCount=' + sc);
    let channelDone = false;
    for (let i = 0; i < sc; i++) {
      const sel = selects.nth(i);
      const opts = await sel.locator('option').allTextContents();
      result.notes.push('select' + i + '=' + opts.join('/'));
      if (opts.some((o) => /自动|代理|浏览器|桌面|Web|browser|tauri|auto/i.test(o))) {
        const values = await sel.locator('option').evaluateAll((os) => os.map((o) => o.value));
        if (values.length > 1) {
          await sel.selectOption(values[1]);
          await page.waitForTimeout(300);
          await sel.selectOption(values[0]);
          result.pass.push('通道切换往返: ' + opts.join('|'));
          channelDone = true;
          break;
        }
      }
    }
    if (!channelDone) {
      // click text 通道 then options
      await page.getByText('通道', { exact: true }).first().click().catch(() => {});
      await page.waitForTimeout(300);
      for (const m of ['Web 代理', 'Web代理', '浏览器', '桌面', '自动']) {
        const o = page.getByText(m, { exact: true });
        if (await o.count()) {
          await o.first().click();
          result.pass.push('通道点选 ' + m);
          channelDone = true;
          break;
        }
      }
    }
    if (!channelDone) result.fail.push('通道切换失败');
    await shot(page, 'web-02-channel.png');
  } catch (e) {
    result.fail.push('通道: ' + e.message);
  }
  // Env
  try {
    const envBtn = page.getByRole('button', { name: /变量/ });
    if (await envBtn.count()) {
      await envBtn.first().click();
      await page.waitForTimeout(500);
      result.pass.push('打开环境变量面板');
      await page.keyboard.press('Escape');
    } else result.fail.push('无环境变量按钮');
    await shot(page, 'web-03-env.png');
  } catch (e) {
    result.fail.push('环境: ' + e.message);
  }
  // Tree
  try {
    await page.getByText('回归 · GET Query').first().click({ timeout: 8000 });
    result.pass.push('集合树切换到回归 GET');
    await page.waitForTimeout(500);
    await shot(page, 'web-04-tree.png');
  } catch (e) {
    result.fail.push('集合树: ' + e.message);
  }
  // Dirty
  try {
    let edited = false;
    const inputs = page.locator('input');
    const n = await inputs.count();
    for (let i = 0; i < n; i++) {
      const el = inputs.nth(i);
      const val = await el.inputValue().catch(() => '');
      if (/https?:|127\.0\.0\.1|\/v1\//.test(val)) {
        await el.fill(val.replace(/([?&]_dirty=1)/g, '') + (val.includes('?') ? '&' : '?') + '_dirty=1');
        edited = true;
        result.pass.push('URL 脏点已写入');
        break;
      }
    }
    if (!edited) result.fail.push('未找到可编辑 URL');
    // look for dirty marker / save
    await page.keyboard.press('Meta+s');
    await page.waitForTimeout(400);
    const body = await page.locator('body').innerText();
    if (/未保存|脏|dirty|\*/i.test(body) || (await page.getByRole('button', { name: /保存/ }).count())) {
      result.pass.push('脏点/保存相关 UI 可见或已 Cmd+S');
    } else {
      result.notes.push('可能自动持久化，未见显式脏标记');
    }
    await shot(page, 'web-05-dirty.png');
  } catch (e) {
    result.fail.push('脏点: ' + e.message);
  }
  // First send HTTP to create history
  try {
    const send = page.getByRole('button', { name: /发送/ }).first();
    if (await send.count()) {
      await send.click();
      await page.waitForTimeout(2000);
      result.pass.push('发送 HTTP 以产生历史');
    }
  } catch (e) {
    result.notes.push('发送: ' + e.message);
  }
  // New WS
  try {
    await page.getByRole('button', { name: '新建' }).first().click();
    await page.waitForTimeout(500);
    await shot(page, 'web-06-new-menu.png');
    const cand = page.locator('text=/WebSocket|Websocket|WS/i');
    if (await cand.count()) {
      await cand.first().click();
      result.pass.push('新建 WebSocket');
    } else {
      result.fail.push('新建菜单无 WebSocket: ' + (await page.locator('body').innerText()).slice(0, 200));
    }
    await page.waitForTimeout(600);
    await shot(page, 'web-07-ws-editor.png');
  } catch (e) {
    result.fail.push('新建WS: ' + e.message);
  }
  // Fill WS
  try {
    // URL field
    const inputs = page.locator('input');
    let ok = false;
    for (let i = 0; i < await inputs.count(); i++) {
      const el = inputs.nth(i);
      const ph = ((await el.getAttribute('placeholder')) || '') + (await el.getAttribute('aria-label') || '');
      const val = await el.inputValue().catch(() => '');
      if (/ws|url|地址|主机/i.test(ph + val) || val.startsWith('ws') || (i < 5 && val === '')) {
        // prefer empty or ws-looking near top of editor
      }
    }
    // Prefer the main URL bar: often largest width input with ws default
    const urlCandidates = await page.locator('input.ops-input, input').all();
    for (const el of urlCandidates) {
      const val = await el.inputValue().catch(() => '');
      const box = await el.boundingBox().catch(() => null);
      if (!box || box.width < 200) continue;
      if (val.startsWith('ws') || val === '' || /echo|localhost|127/.test(val)) {
        await el.fill('wss://ws.postman-echo.com/raw');
        ok = true;
        break;
      }
    }
    if (ok) result.pass.push('填写 WS URL');
    else {
      // force first wide input
      for (const el of urlCandidates) {
        const box = await el.boundingBox().catch(() => null);
        if (box && box.width > 300) {
          await el.fill('wss://ws.postman-echo.com/raw');
          ok = true;
          result.pass.push('填写 WS URL(宽输入框)');
          break;
        }
      }
    }
    if (!ok) result.fail.push('WS URL 填写失败');
    // Headers
    const headerTab = page.getByText('Headers', { exact: true }).or(page.getByText('请求头')).or(page.getByRole('tab', { name: /Header/i }));
    if (await headerTab.count()) await headerTab.first().click().catch(() => {});
    await page.waitForTimeout(300);
    // try add row
    const addBtns = page.getByRole('button', { name: /添加|＋|\+/ });
    if (await addBtns.count()) await addBtns.first().click().catch(() => {});
    // fill key values in kv editor
    const placeholders = page.locator('input[placeholder*="Key"], input[placeholder*="键"], input[placeholder*="Header"], input[placeholder*="名称"]');
    if (await placeholders.count()) {
      await placeholders.first().fill('Authorization');
      const valPh = page.locator('input[placeholder*="Value"], input[placeholder*="值"]');
      if (await valPh.count()) await valPh.first().fill('Bearer smoke');
      result.pass.push('填写 Authorization Header');
    } else {
      // generic: last two empty inputs in view
      result.notes.push('Header 占位符未命中，尝试通用 KV');
      const all = page.locator('input');
      const vals = [];
      for (let i = 0; i < await all.count(); i++) {
        const v = await all.nth(i).inputValue().catch(() => null);
        vals.push(v);
      }
      result.notes.push('inputs snapshot count=' + vals.length);
    }
    await shot(page, 'web-08-ws-filled.png');
    const connect = page.getByRole('button', { name: /连接/ });
    if (await connect.count()) {
      await connect.first().click();
      await page.waitForTimeout(3000);
      const text = await page.locator('body').innerText();
      if (/桌面原生|Gin 隧道|自定义 Header|open|已连接|连接成功|status/i.test(text)) {
        result.pass.push('连接后出现状态文案');
      } else result.notes.push('连接后文案不明确');
      const sendInput = page.locator('textarea, input[placeholder*="消息"], input[placeholder*="发送"]');
      if (await sendInput.count()) {
        await sendInput.first().fill('ping-gui-reg');
        const sendBtn = page.getByRole('button', { name: /发送/ });
        if (await sendBtn.count()) {
          await sendBtn.first().click();
          await page.waitForTimeout(1500);
          result.pass.push('已发送 ping-gui-reg');
        }
      }
      await shot(page, 'web-09-ws-live.png');
    } else result.fail.push('无连接按钮');
  } catch (e) {
    result.fail.push('WS流程: ' + e.message);
  }
  // History replay
  try {
    await page.getByRole('button', { name: /历史/ }).first().click();
    await page.waitForTimeout(600);
    await shot(page, 'web-10-history.png');
    const rows = page.locator('.ops-tree-row, [class*="history"] >> ..');
    // hover first history-like row
    const replayBtn = page.getByRole('button', { name: '重放' });
    if (!(await replayBtn.count()) || !(await replayBtn.first().isVisible())) {
      const anyRow = page.locator('button:has-text("GET"), button:has-text("POST"), div.ops-tree-row').first();
      if (await anyRow.count()) await anyRow.hover();
      await page.waitForTimeout(400);
    }
    if (await replayBtn.count()) {
      await replayBtn.first().click({ force: true });
      await page.waitForTimeout(2200);
      const toast = page.locator('.ops-toast');
      const t = (await toast.allTextContents()).join(' | ');
      const body = await page.locator('body').innerText();
      if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(t + body)) {
        result.pass.push('重放 toast: ' + (t || 'body命中').slice(0, 160));
      } else result.fail.push('重放后无 toast，toast=' + t);
    } else result.fail.push('无重放按钮');
    await shot(page, 'web-11-replay.png');
  } catch (e) {
    result.fail.push('重放: ' + e.message);
  }
  await browser.close();
  const summary = { verdict: result.fail.length ? '有缺陷' : '通过', ...result };
  fs.writeFileSync(path.join(outDir, 'web-reg-result.json'), JSON.stringify(summary, null, 2));
  console.log(JSON.stringify(summary, null, 2));
 }
 main().catch((e) => { console.error(e); process.exit(1); });
@@ -1,4 +0,0 @@
 {
  "clicked": "ws:WebSocket · echo",
  "interesting": []
 }
@@ -1,85 +0,0 @@
 OpsxAPI
 HTTP · GraphQL · WS · SSE · Socket.IO · MQTT
 新建
 导入
 导出
 通道
 自动
 Web 代理
 浏览器直连
 桌面直连
 本
 本地
 1 变量
 本
 接口
 历史
 测试
 Mock
 文档
 设置
 登录
 接口
 历史
 示例集合
 HTTP · 本地回归（P0）
 GET
 回归 · GET Query
 POST
 回归 · POST JSON
 POST
 回归 · POST urlencoded
 POST
 回归 · POST form-data
 GET
 回归 · 自定义 Header
 GET
 回归 · Cookie
 GET
 回归 · Bearer
 GET
 回归 · Basic Auth
 HTTP · httpbin
 GET
 获取请求回显
 POST
 提交 JSON
 POST
 表单提交
 GET
 Bearer 鉴权示例
 GET
 状态码 · 404
 GraphQL
 国家查询 · countries
 实时协议
 WebSocket · echo
 SSE · 维基媒体变更流
 MQTT · EMQX 公共 Broker
 Socket.IO · 本地服务
 GET
 回归 · GET Query
 ×
 GET
 POST
 PUT
 PATCH
 DELETE
 HEAD
 OPTIONS
 发送
 代码
 Mock 链接
 Params1
 Body
 Headers
 Cookies
 Auth
 说明
 共 1 行 · 启用 1 行
 添加
 响应体
 Raw
 响应头
 Status · Time · Size
 发送请求后这里显示响应
@@ -1,91 +0,0 @@
 OpsxAPI
 HTTP · GraphQL · WS · SSE · Socket.IO · MQTT
 新建
 导入
 导出
 通道
 自动
 Web 代理
 浏览器直连
 桌面直连
 本
 本地
 1 变量
 本
 接口
 历史
 测试
 Mock
 文档
 设置
 登录
 接口
 历史
 1
 示例集合
 HTTP · 本地回归（P0）
 GET
 回归 · GET Query
 POST
 回归 · POST JSON
 POST
 回归 · POST urlencoded
 POST
 回归 · POST form-data
 GET
 回归 · 自定义 Header
 GET
 回归 · Cookie
 GET
 回归 · Bearer
 GET
 回归 · Basic Auth
 HTTP · httpbin
 GET
 获取请求回显
 POST
 提交 JSON
 POST
 表单提交
 GET
 Bearer 鉴权示例
 GET
 状态码 · 404
 GraphQL
 国家查询 · countries
 实时协议
 WebSocket · echo
 SSE · 维基媒体变更流
 MQTT · EMQX 公共 Broker
 Socket.IO · 本地服务
 GET
 回归 · GET Query
 ×
 WebSocket · echo
 ×
 WS
 连接
 未连接
 ↑ 0 · ↓ 0
 说明
 鉴权 / 握手 HEADERS
 添加
 子协议（逗号分隔）
 快捷命令
 Ping
 Auth
 Subscribe
 Unsubscribe
 点击填入发送区 · Shift+点击直发
 高级 · websocat 命令
 发送消息
 格式化 JSON
 ⌘/Ctrl + Enter 快速发送
 消息日志 · 0/0
 全部
 发送
 接收
 系统
 错误
 清空
 连接后收发消息会显示在这里
@@ -1,322 +0,0 @@
 [
  {
    "t": "OpsxAPI\nHTTP · GraphQL · WS · SSE · Sock",
    "tag": "DIV"
  },
  {
    "t": "OpsxAPI\nHTTP · GraphQL · WS · SSE · Sock",
    "tag": "DIV"
  },
  {
    "t": "OpsxAPI\nHTTP · GraphQL · WS · SSE · Sock",
    "tag": "DIV"
  },
  {
    "t": "OpsxAPI",
    "tag": "DIV"
  },
  {
    "t": "OpsxAPI",
    "tag": "SPAN"
  },
  {
    "t": "HTTP · GraphQL · WS · SSE · Socket.IO · ",
    "tag": "SPAN"
  },
  {
    "t": "新建\n导入\n导出\n本\n本地\n1 变量",
    "tag": "DIV"
  },
  {
    "t": "新建",
    "tag": "BUTTON"
  },
  {
    "t": "导入",
    "tag": "BUTTON"
  },
  {
    "t": "导出",
    "tag": "BUTTON"
  },
  {
    "t": "本\n本地\n1 变量",
    "tag": "BUTTON"
  },
  {
    "t": "本",
    "tag": "SPAN"
  },
  {
    "t": "本地",
    "tag": "SPAN"
  },
  {
    "t": "1 变量",
    "tag": "SPAN"
  },
  {
    "t": "本\n接口\n历史\n测试\nMock\n文档\n设置\n登录\n接口\n历史\n示例集合\nHTTP",
    "tag": "DIV"
  },
  {
    "t": "本",
    "tag": "BUTTON"
  },
  {
    "t": "本",
    "tag": "SPAN"
  },
  {
    "t": "接口",
    "tag": "BUTTON"
  },
  {
    "t": "接口",
    "tag": "SPAN"
  },
  {
    "t": "历史",
    "tag": "BUTTON"
  },
  {
    "t": "历史",
    "tag": "SPAN"
  },
  {
    "t": "测试",
    "tag": "BUTTON"
  },
  {
    "t": "测试",
    "tag": "SPAN"
  },
  {
    "t": "Mock",
    "tag": "BUTTON"
  },
  {
    "t": "Mock",
    "tag": "SPAN"
  },
  {
    "t": "文档",
    "tag": "A"
  },
  {
    "t": "文档",
    "tag": "SPAN"
  },
  {
    "t": "设置",
    "tag": "BUTTON"
  },
  {
    "t": "设置",
    "tag": "SPAN"
  },
  {
    "t": "登录",
    "tag": "BUTTON"
  },
  {
    "t": "登录",
    "tag": "SPAN"
  },
  {
    "t": "接口\n历史\n示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET ",
    "tag": "DIV"
  },
  {
    "t": "接口\n历史",
    "tag": "DIV"
  },
  {
    "t": "接口\n历史",
    "tag": "DIV"
  },
  {
    "t": "接口",
    "tag": "BUTTON"
  },
  {
    "t": "历史",
    "tag": "BUTTON"
  },
  {
    "t": "示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET Query\n",
    "tag": "DIV"
  },
  {
    "t": "示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET Query\n",
    "tag": "DIV"
  },
  {
    "t": "示例集合",
    "tag": "DIV"
  },
  {
    "t": "示例集合",
    "tag": "SPAN"
  },
  {
    "t": "示例集合",
    "tag": "SPAN"
  },
  {
    "t": "HTTP · 本地回归（P0）\nGET\n回归 · GET Query\nPOST\n",
    "tag": "DIV"
  },
  {
    "t": "HTTP · 本地回归（P0）",
    "tag": "DIV"
  },
  {
    "t": "HTTP · 本地回归（P0）",
    "tag": "SPAN"
  },
  {
    "t": "HTTP · 本地回归（P0）",
    "tag": "SPAN"
  },
  {
    "t": "GET\n回归 · GET Query",
    "tag": "DIV"
  },
  {
    "t": "GET\n回归 · GET Query",
    "tag": "DIV"
  },
  {
    "t": "GET",
    "tag": "SPAN"
  },
  {
    "t": "回归 · GET Query",
    "tag": "SPAN"
  },
  {
    "t": "回归 · GET Query",
    "tag": "SPAN"
  },
  {
    "t": "POST\n回归 · POST JSON",
    "tag": "DIV"
  },
  {
    "t": "POST\n回归 · POST JSON",
    "tag": "DIV"
  },
  {
    "t": "POST",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST JSON",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST JSON",
    "tag": "SPAN"
  },
  {
    "t": "POST\n回归 · POST urlencoded",
    "tag": "DIV"
  },
  {
    "t": "POST\n回归 · POST urlencoded",
    "tag": "DIV"
  },
  {
    "t": "POST",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST urlencoded",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST urlencoded",
    "tag": "SPAN"
  },
  {
    "t": "POST\n回归 · POST form-data",
    "tag": "DIV"
  },
  {
    "t": "POST\n回归 · POST form-data",
    "tag": "DIV"
  },
  {
    "t": "POST",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST form-data",
    "tag": "SPAN"
  },
  {
    "t": "回归 · POST form-data",
    "tag": "SPAN"
  },
  {
    "t": "GET\n回归 · 自定义 Header",
    "tag": "DIV"
  },
  {
    "t": "GET\n回归 · 自定义 Header",
    "tag": "DIV"
  },
  {
    "t": "GET",
    "tag": "SPAN"
  },
  {
    "t": "回归 · 自定义 Header",
    "tag": "SPAN"
  },
  {
    "t": "回归 · 自定义 Header",
    "tag": "SPAN"
  },
  {
    "t": "GET\n回归 · Cookie",
    "tag": "DIV"
  },
  {
    "t": "GET\n回归 · Cookie",
    "tag": "DIV"
  },
  {
    "t": "GET",
    "tag": "SPAN"
  },
  {
    "t": "回归 · Cookie",
    "tag": "SPAN"
  },
  {
    "t": "回归 · Cookie",
    "tag": "SPAN"
  },
  {
    "t": "GET\n回归 · Bearer",
    "tag": "DIV"
  },
  {
    "t": "GET\n回归 · Bearer",
    "tag": "DIV"
  },
  {
    "t": "GET",
    "tag": "SPAN"
  },
  {
    "t": "回归 · Bearer",
    "tag": "SPAN"
  },
  {
    "t": "回归 · Bearer",
    "tag": "SPAN"
  }
 ]
@@ -1,43 +0,0 @@
 {
  "probe": {
    "save": true,
    "dirtyDot": false,
    "runMode": true,
    "l2": true,
    "bannerClasses": [],
    "saveButtons": [
      "● 保存"
    ],
    "topBits": [
      "新建",
      "导入",
      "导出",
      "自动Web 代理浏览器直连桌面直连",
      "本本地1 变量",
      "本",
      "接口",
      "历史",
      "测试",
      "Mock",
      "设置",
      "登录",
      "接口",
      "历史",
      "×",
      "GETPOSTPUTPATCHDELETEHEADOPTIONS",
      "发送",
      "● 保存",
      "代码",
      "Mock 链接",
      "Params1",
      "Body",
      "Headers",
      "Cookies",
      "Auth"
    ]
  },
  "forceBanner": {
    "keys": []
  },
  "body": "OpsxAPI\nHTTP · GraphQL · WS · SSE · Socket.IO · MQTT\n新建\n导入\n导出\n通道\n自动\nWeb 代理\n浏览器直连\n桌面直连\n本\n本地\n1 变量\n本\n接口\n历史\n测试\nMock\n文档\n设置\n登录\n接口\n历史\n示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET Query\nPOST\n回归 · POST JSON\nPOST\n回归 · POST urlencoded\nPOST\n回归 · POST form-data\nGET\n回归 · 自定义 Header\nGET\n回归 · Cookie\nGET\n回归 · Bearer\nGET\n回归 · Basic Auth\nHTTP · httpbin\nGET\n获取请求回显\nPOST\n提交 JSON\nPOST\n表单提交\nGET\nBearer 鉴权示例\nGET\n状态码 · 404\nGraphQL\n国家查询 · countries\n实时协议\nWebSocket · echo\nSSE · 维基媒体变更流\nMQTT · EMQX 公共 Broker\nSocket.IO · 本地服务\nGET\n回归 · GET Query\n×\nWebSocket · echo\n×\nWS\n连接\n已保存\n未连接\n↑ 0 · ↓ 0\n说明\n鉴权 / 握手 HEADERS\n添加\n子协议（逗号分隔）\n快捷命令\nPing\nAuth\nSubscribe\nUnsubscribe\n点击填入发送区 · Shift+点击直发\n高级 · websocat 命令\n发送消息\n格式化 JSON\n⌘/Ctrl + Enter 快速发送\n消息日志 · 0/0\n全部\n发送\n接收\n系统\n错误\n清空\n连接后收发消息会显示在这里\n设置\n设置\n外观\n主题与界面\n网络\n请求与超时\nMock 数据\n智能匹配规则\nAI 助手\n模型供应商\n数据管理\n工作区与备份\n关于\n版本与链接\nMock 数据\n智能匹配规则\n启用 Mock 数据\n发送时解析参数与 Body 中的 @mock 表达式（如 @cname、@integer(1,100)）\n智能 Mock 匹配\nJSON Body 中字段值未写 Mock 规则时，按字段名自动匹配下方规则生成\n智能匹配规则\n按从上到下的顺序匹配，先命中先用；* 通配任意字符，类型需与 JSON 字段一致。语法速查 →\n61 条\n新增规则\n恢复默认\n数据类型\n匹配方式\n匹配规则\nMock 表达式\n备注\n启用\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配符\n完全匹配\n正则\nstring\nnumber\ninteger\nboolean\n通配"
 }
@@ -1,56 +0,0 @@
 {
  "homeProbe": {
    "logoTitle": "支持协议：HTTP · GraphQL · WebSocket · SSE · Socket.IO · MQTT",
    "captions": [
      "OpsxAPIAPI 工作台",
      "OpsxAPIAPI 工作台",
      "OpsxAPIAPI 工作台"
    ],
    "protoListVisible": false,
    "channel": true,
    "l2": [
      {
        "t": "测试",
        "title": "测试 · 即将推出",
        "opacity": "0.35"
      },
      {
        "t": "Mock",
        "title": "Mock · 即将推出",
        "opacity": "0.35"
      },
      {
        "t": "文档",
        "title": "文档 · 即将推出",
        "opacity": "0.35"
      }
    ]
  },
  "wsProbe": {
    "emptyHeaderHint": true,
    "connectCaption": true,
    "backToBottom": false,
    "sendDisabled": {
      "t": "发送消息",
      "disabled": true
    },
    "headerPlaceholder": [
      {
        "t": "import { injectIntoGlobalHook } from \"/@react-refresh\";\ninje",
        "cls": "dark"
      },
      {
        "t": "OpsxAPIAPI 工作台  新建   导入   导出通道自动Web 代理浏览器直连桌面直连本本地1 变量本  接口 ",
        "cls": ""
      },
      {
        "t": "OpsxAPIAPI 工作台  新建   导入   导出通道自动Web 代理浏览器直连桌面直连本本地1 变量本  接口 ",
        "cls": ""
      }
    ]
  },
  "errProbe": {
    "hasBanner": true,
    "snippet": "\n新建\n导入\n导出\n通道\n自动\nWeb 代理\n浏览器直连\n桌面直连\n本\n本地\n1 变量\n本\n接口\n历史\n测试\nMock\n文档\n设置\n登录\n接口\n历史\n1\n示例集合\nHTTP · 本地回归（P0）\nGET\n回归 · GET Query\nPOST\n回归 · POST JSON\nPOS"
  }
 }
@@ -1,110 +0,0 @@
 <!doctype html>
 <html lang="zh">
 <meta charset="utf-8"/>
 <title>OpsxAPI 左轨账号区线框</title>
 <style>
  :root{--bg:#0f1419;--panel:#171c22;--rail:#12171d;--line:#2a3340;--text:#e8eef4;--muted:#8b9aab;--accent:#3d8bfd;--ok:#22c55e}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font:13px/1.4 ui-sans-serif,system-ui,sans-serif;background:#0a0e12;color:var(--text);padding:28px}
  h1{font-size:16px;margin-bottom:6px}
  .sub{color:var(--muted);margin-bottom:20px;font-size:12px}
  .row{display:flex;gap:28px;flex-wrap:wrap}
  .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 16px 20px;width:280px}
  .card h2{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--muted)}
  .shell{display:flex;height:420px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}
  .rail{width:56px;background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0}
  .rail .ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;margin:4px 0}
  .rail .ico.on{background:#1e3a5f;color:#93c5fd}
  .rail .spacer{flex:1}
  .rail .acct{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative}
  .rail .acct.login{border:1px dashed #3d8bfd;color:#93c5fd;font-size:10px;border-radius:12px;width:44px;height:44px}
  .rail .acct.avatar{background:linear-gradient(135deg,#3d8bfd,#6366f1);color:#fff;font-weight:700;font-size:14px}
  .rail .badge{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--ok);border:2px solid var(--rail)}
  .main{flex:1;padding:12px;color:var(--muted);font-size:12px}
  .fake-top{height:28px;border-bottom:1px solid var(--line);margin:-12px -12px 12px;padding:6px 12px;display:flex;justify-content:flex-end;align-items:center}
  .pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
  .menu{position:absolute;left:52px;bottom:8px;width:168px;background:#1a222c;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0008;z-index:2}
  .menu .item{padding:8px 10px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:8px}
  .menu .item.on{background:#243041}
  .menu .item .dot{width:8px;height:8px;border-radius:50%}
  .menu .sep{height:1px;background:var(--line);margin:4px 2px}
  .menu .muted{color:var(--muted);font-size:11px;padding:4px 10px}
  .note{margin-top:12px;font-size:11px;color:var(--muted);line-height:1.5}
  .note b{color:var(--text);font-weight:600}
  .tag{display:inline-block;background:#1e3a5f;color:#93c5fd;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:4px}
 </style>
 <body>
 <h1>OpsxAPI · 左轨账号 / 工作区线框 v1</h1>
 <p class="sub">去掉「本」；本地/团队只在底部；已登录=头像菜单</p>
 <div class="row">
  <div class="card">
    <h2>A · 未登录</h2>
    <div class="shell">
      <div class="rail">
        <div class="ico on">接口</div>
        <div class="ico">测试</div>
        <div class="ico">Mock</div>
        <div class="spacer"></div>
        <div class="ico">文档</div>
        <div class="ico">设置</div>
        <div class="acct login">登录</div>
      </div>
      <div class="main">
        <div class="fake-top"><span class="pill">变量入口并入账号区 →</span></div>
        左轨顶无「本」字标<br/>底栏仅「登录」入口
      </div>
    </div>
    <p class="note"><b>点击</b> → 登录弹层。登录后变头像。</p>
  </div>
  <div class="card">
    <h2>B · 已登录 · 菜单开<span class="tag">主方案</span></h2>
    <div class="shell" style="position:relative">
      <div class="rail">
        <div class="ico on">接口</div>
        <div class="ico">测试</div>
        <div class="ico">Mock</div>
        <div class="spacer"></div>
        <div class="ico">文档</div>
        <div class="ico">设置</div>
        <div class="acct avatar" style="position:relative">L<span class="badge" title="本地"></span>
          <div class="menu">
            <div class="muted">工作区</div>
            <div class="item on"><span class="dot" style="background:#22c55e"></span>本地工作区</div>
            <div class="item"><span class="dot" style="background:#3d8bfd"></span>团队工作区</div>
            <div class="sep"></div>
            <div class="item">环境变量（1）</div>
            <div class="item">账号设置</div>
            <div class="sep"></div>
            <div class="item" style="color:#f87171">退出</div>
          </div>
        </div>
      </div>
      <div class="main">
        <div class="fake-top"><span class="pill" style="opacity:.45">顶栏变量可弱化/去掉</span></div>
        头像角标：绿=本地 / 蓝=团队<br/>菜单内切工作区 + 变量入口
      </div>
    </div>
    <p class="note"><b>角标</b>绿本地、蓝团队。变量进菜单。</p>
  </div>
  <div class="card">
    <h2>C · 团队态（角标）</h2>
    <div class="shell">
      <div class="rail">
        <div class="ico on">接口</div>
        <div class="ico">测试</div>
        <div class="ico">Mock</div>
        <div class="spacer"></div>
        <div class="ico">文档</div>
        <div class="ico">设置</div>
        <div class="acct avatar" style="background:linear-gradient(135deg,#6366f1,#3d8bfd)">L<span class="badge" style="background:#3d8bfd"></span></div>
      </div>
      <div class="main">
        <div class="fake-top"><span class="pill">团队 · 已同步</span></div>
        切到团队后角标变蓝；配置鉴权同步（加密）
      </div>
    </div>
    <p class="note">不登录也能用本地；登录后才可切团队。</p>
  </div>
 </div>
 </body>
 </html>