桌面应用图标替换为 B-brackets 设计（深藏青 + 白/蓝花括号）

- icon.svg 取自 opsx-icon-options/api/B-brackets.svg，全套光栅重生成：
  icon.icns（iconutil）、icon.ico（PNG-in-ICO 6 尺寸）、16-1024 PNG、Windows Square*/StoreLogo
- 替换 Tauri 脚手架默认五角星图标；GUI 重启实测 Dock 图标已生效
- 服务全量重启：server 8787（官网/文档 200）+ web 5173 + 桌面 GUI

.ui-review-layout/probe.json

@@ -0,0 +1,33 @@
+{
+  "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)"
+  }
+}

.ui-review/accept-2026-09-19/web-reg-result.json

@@ -0,0 +1,24 @@
+{
+  "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 代理/浏览器直连/桌面直连"
+  ]
+}

.ui-review/accept-2026-09-19/web-reg.mjs

@@ -0,0 +1,255 @@
+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);
+});

.ui-review/accept-2026-09-19/web-reg2.mjs

@@ -0,0 +1,275 @@
+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); });

.ui-review/ax.json

@@ -0,0 +1,4 @@
+{
+  "clicked": "ws:WebSocket · echo",
+  "interesting": []
+}

.ui-review/body.txt

@@ -0,0 +1,85 @@
+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
+发送请求后这里显示响应

.ui-review/body2.txt

@@ -0,0 +1,91 @@
+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
+全部
+发送
+接收
+系统
+错误
+清空
+连接后收发消息会显示在这里

.ui-review/dom-texts.json

@@ -0,0 +1,322 @@
+[
+  {
+    "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"
+  }
+]

.ui-review/probe30.json

@@ -0,0 +1,43 @@
+{
+  "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通配"
+}

.ui-review/probe40.json

@@ -0,0 +1,56 @@
+{
+  "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"
+  }
+}

.ui-review/wire-account.html

@@ -0,0 +1,110 @@
+<!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>

apps/desktop/src-tauri/Cargo.lock

@@ -329,7 +329,7 @@ checksum = "65c35e4b699c7e15ccbe7ee35c005e4fc0a278d22238a2857e6ce2dadeda1b06"
 dependencies = [
  "cfg-if",
  "cpufeatures 0.3.1",
- "rand_core",
+ "rand_core 0.10.1",
 ]
 
 [[package]]
@@ -529,6 +529,12 @@ dependencies = [
  "syn 3.0.5",
 ]
 
+[[package]]
+name = "data-encoding"
+version = "2.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4583a4551df46e2792f82ceeac45e850d2e2d5debba0b91f102385cda5b11f06"
+
 [[package]]
 name = "dbus"
 version = "0.9.12"
@@ -1086,7 +1092,7 @@ dependencies = [
  "js-sys",
  "libc",
  "r-efi 6.0.0",
- "rand_core",
+ "rand_core 0.10.1",
  "wasm-bindgen",
 ]
 
@@ -1350,7 +1356,7 @@ dependencies = [
  "tokio",
  "tokio-rustls",
  "tower-service",
- "webpki-roots",
+ "webpki-roots 1.0.9",
 ]
 
 [[package]]
@@ -2170,13 +2176,17 @@ checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
 name = "opsxapi"
 version = "0.1.0"
 dependencies = [
+ "futures-util",
+ "http",
  "reqwest 0.12.28",
  "serde",
  "serde_json",
  "tauri",
  "tauri-build",
  "tokio",
+ "tokio-tungstenite",
  "url",
+ "uuid",
 ]
 
 [[package]]
@@ -2373,6 +2383,15 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "439ee305def115ba05938db6eb1644ff94165c5ab5e9420d1c1bcedbba909391"
 
+[[package]]
+name = "ppv-lite86"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85eae3c4ed2f50dcfe72643da4befc30deadb458a9b590d720cde2f2b1e97da9"
+dependencies = [
+ "zerocopy",
+]
+
 [[package]]
 name = "precomputed-hash"
 version = "0.1.1"
@@ -2479,7 +2498,7 @@ dependencies = [
  "bytes",
  "getrandom 0.4.3",
  "lru-slab",
- "rand",
+ "rand 0.10.2",
  "rand_pcg",
  "ring",
  "rustc-hash",
@@ -2527,6 +2546,17 @@ version = "6.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
 
+[[package]]
+name = "rand"
+version = "0.8.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e058c7de0b26af77780c769414d6257830bb240f3c38477dbc2c16e5f54d6d4c"
+dependencies = [
+ "libc",
+ "rand_chacha",
+ "rand_core 0.6.4",
+]
+
 [[package]]
 name = "rand"
 version = "0.10.2"
@@ -2535,7 +2565,26 @@ checksum = "c7f5fa3a058cd35567ef9bfa5e75732bee0f9e4c55fa90477bef2dfcdbc4be80"
 dependencies = [
  "chacha20",
  "getrandom 0.4.3",
- "rand_core",
+ "rand_core 0.10.1",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom 0.2.17",
 ]
 
 [[package]]
@@ -2550,7 +2599,7 @@ version = "0.10.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "caa0f4137e1c0a72f4c651489402276c8e8e1cf081f3b0ba156d2cbeef09e86a"
 dependencies = [
- "rand_core",
+ "rand_core 0.10.1",
 ]
 
 [[package]]
@@ -2662,7 +2711,7 @@ dependencies = [
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
- "webpki-roots",
+ "webpki-roots 1.0.9",
 ]
 
 [[package]]
@@ -3041,6 +3090,17 @@ dependencies = [
  "stable_deref_trait",
 ]
 
+[[package]]
+name = "sha1"
+version = "0.10.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a978451301f4db1d02937a4ab3ccce137717b81826e79b7d49ffe3244a13c3b8"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.2.17",
+ "digest",
+]
+
 [[package]]
 name = "sha2"
 version = "0.10.9"
@@ -3634,9 +3694,21 @@ dependencies = [
  "mio",
  "pin-project-lite",
  "socket2",
+ "tokio-macros",
  "windows-sys 0.61.2",
 ]
 
+[[package]]
+name = "tokio-macros"
+version = "2.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78773a2a397f451582ce068015985c33193cf6dea8b74d2a639fe457b2f07b0e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 3.0.5",
+]
+
 [[package]]
 name = "tokio-rustls"
 version = "0.26.5"
@@ -3647,6 +3719,22 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "tokio-tungstenite"
+version = "0.24.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "edc5f74e248dc973e0dbb7b74c7e0d6fcc301c694ff50049504004ef4d0cdcd9"
+dependencies = [
+ "futures-util",
+ "log",
+ "rustls",
+ "rustls-pki-types",
+ "tokio",
+ "tokio-rustls",
+ "tungstenite",
+ "webpki-roots 0.26.11",
+]
+
 [[package]]
 name = "tokio-util"
 version = "0.7.19"
@@ -3872,6 +3960,26 @@ version = "0.2.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e421abadd41a4225275504ea4d6566923418b7f05506fbc9c0fe86ba7396114b"
 
+[[package]]
+name = "tungstenite"
+version = "0.24.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "18e5b8366ee7a95b16d32197d0b2604b43a0be89dc5fac9f8e96ccafbaedda8a"
+dependencies = [
+ "byteorder",
+ "bytes",
+ "data-encoding",
+ "http",
+ "httparse",
+ "log",
+ "rand 0.8.8",
+ "rustls",
+ "rustls-pki-types",
+ "sha1",
+ "thiserror 1.0.69",
+ "utf-8",
+]
+
 [[package]]
 name = "typeid"
 version = "1.0.3"
@@ -3968,6 +4076,12 @@ dependencies = [
  "url",
 ]
 
+[[package]]
+name = "utf-8"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09cc8ee72d2a9becf2f2febe0205bbed8fc6615b7cb429ad062dc7b7ddd036a9"
+
 [[package]]
 name = "utf8_iter"
 version = "1.0.4"
@@ -4196,6 +4310,15 @@ dependencies = [
  "system-deps",
 ]
 
+[[package]]
+name = "webpki-roots"
+version = "0.26.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "521bc38abb08001b01866da9f51eb7c5d647a19260e00054a8c7fd5f9e57f7a9"
+dependencies = [
+ "webpki-roots 1.0.9",
+]
+
 [[package]]
 name = "webpki-roots"
 version = "1.0.9"
@@ -4735,6 +4858,26 @@ dependencies = [
  "synstructure",
 ]
 
+[[package]]
+name = "zerocopy"
+version = "0.8.57"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d35102a9f36d089ccae9e4c6802bc118be4487b80aaffc0ab4e0cf5ce92d2873"
+dependencies = [
+ "zerocopy-derive",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.8.57"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "146c01f5ab44258da43cf276c74a2763db2ff3969c9c652c3f2de07041d0b2bc"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.119",
+]
+
 [[package]]
 name = "zerofrom"
 version = "0.1.8"

apps/desktop/src-tauri/Cargo.toml

@@ -22,5 +22,9 @@ tauri = { version = "2", features = [] }
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 reqwest = { version = "0.12", default-features = false, features = ["rustls-tls", "json"] }
-tokio = { version = "1", features = ["time"] }
+tokio = { version = "1", features = ["macros", "rt-multi-thread", "sync", "time", "net"] }
 url = "2"
+tokio-tungstenite = { version = "0.24", features = ["rustls-tls-webpki-roots"] }
+futures-util = "0.3"
+uuid = { version = "1", features = ["v4"] }
+http = "1"

apps/desktop/src-tauri/capabilities/default.json

@@ -2,10 +2,10 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "Default capabilities for the OpsxAPI main window",
-  "windows": [
-    "main"
-  ],
+  "windows": ["main"],
   "permissions": [
-    "core:default"
+    "core:default",
+    "core:event:default",
+    "transport"
   ]
 }

apps/desktop/src-tauri/icons/icon.svg

@@ -1,13 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#0B182C"/>
-      <stop offset="100%" stop-color="#0F203A"/>
-    </linearGradient>
-  </defs>
-  <rect x="28" y="28" width="456" height="456" rx="110" fill="url(#g)"/>
-  <text x="256" y="240" text-anchor="middle" font-family="SF Pro Display, Helvetica, Arial" font-size="140" font-weight="700" fill="#FFFFFF">API</text>
-  <text x="256" y="340" text-anchor="middle" font-family="SF Pro Display, Helvetica, Arial" font-size="42" fill="#94A3B8">Opsx</text>
-  <circle cx="110" cy="400" r="16" fill="#10B981"/>
+  <rect width="512" height="512" rx="112" fill="#0B182C"/>
+  <path d="M200 130c-48 0-70 28-70 70v28c0 22-14 34-34 38v20c20 4 34 16 34 38v28c0 42 22 70 70 70" fill="none" stroke="#FFFFFF" stroke-width="36" stroke-linecap="round"/>
+  <path d="M312 130c48 0 70 28 70 70v28c0 22 14 34 34 38v20c-20 4-34 16-34 38v28c0 42-22 70-70 70" fill="none" stroke="#3B82F6" stroke-width="36" stroke-linecap="round"/>
 </svg>