npm - @round2ai/r2-cli - Versions diffs - 1.0.12-beta.0 → 1.0.12 - Mend

@round2ai/r2-cli 1.0.12-beta.0 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md +24 -7
package/dist/README.md +24 -7
package/dist/pages/login.html +219 -57
package/dist/pages/xianyu-auth.html +244 -67
package/dist/r2-cli.js +41 -40
package/package.json +1 -1
package/scripts/install-skills.js +30 -2
package/skills/r2-auth/SKILL.md +1 -1
package/skills/r2-goods/SKILL.md +82 -352
package/skills/r2-goods/references/r2-goods-hangup.md +284 -0
package/skills/r2-goods/references/r2-goods-listing.md +137 -0
package/skills/r2-goods/references/r2-goods-query.md +63 -0
package/skills/r2-shared/SKILL.md +40 -17

package/README.md CHANGED Viewed

@@ -5,7 +5,7 @@
 R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com/Round2AI) 团队维护 — 让人类和 AI Agent 都能在终端中完成商品上架等交易操作。
-覆盖商品上架、挂售、认证登录等核心业务域，提供 12 个命令及 3 个 AI Agent [Skills](./skills/)。
+覆盖商品上架、挂售、商品信息修改、认证登录等核心业务域，提供 16 个命令及 3 个 AI Agent [Skills](./skills/)。
 [安装](#安装与快速开始) · [AI Agent 快速开始](#快速开始ai-agent) · [Agent Skills](#agent-skills) · [认证](#认证) · [命令](#命令参考) · [安全](#安全与风险提示)
@@ -21,8 +21,8 @@ R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com
 | 类别 | 能力 |
 |------|------|
 | 认证登录 | 扫码登录（第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出（Agent 一步式流程） |
-| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
-| 闲鱼挂售 | 完整商品信息模式：类目查询 → 属性/品牌选择 → 图片上传 → 提交挂售 |
+| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交修改）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 闲鱼挂售 | 图片上传 → AI 读图识别商品信息 → 自动匹配类目/属性 → 提交挂售 |
 ---
@@ -117,7 +117,7 @@ npx skills add Round2AI/r2-cli --all -y
 |-------|------|
 | `r2-shared` | 共享基础：安装、统一错误格式、命令概览 |
 | `r2-auth` | 认证登录：一步式扫码登录（生成二维码 + 自动轮询，支持第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出 |
-| `r2-goods` | 商品管理：4 步上架流程、挂售流程（类目→属性→图片→提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
+| `r2-goods` | 商品管理：4 步上架流程、挂售流程、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
 ---
@@ -149,7 +149,7 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods list [--stock-id <id>] [--stock-goods-id <id>] [--json]` | 查看选品商品（可按仓库或商品 ID 过滤，支持 `--page` 和 `--size`） |
 | `r2-cli goods listing [--json]` | 查询上架列表（支持 `--id` / `--shop-id` / `--stock-goods-id` / `--stock-id` / `--status` / `--platform` 过滤） |
-### 商品上架/下架
+### 商品上架/下架/改价
 | 命令 | 说明 |
 |------|------|
@@ -158,9 +158,22 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods down --id <id> [--json]` | 下架商品（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 | `r2-cli goods price --id <id> --price <amount> [--json]` | 修改上架价格（也可用 `--stock-goods-id <id> --shop-id <id>`） |
+### 修改商品信息
+修改已上架商品的标题、描述、品牌、类目、图片、属性等。Agent 可自动读图识别并填充商品信息。
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --json` | 修改商品信息（必填：定位参数 + 类目） |
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --image-ids <ids> --item-attrs <json> --brand-name <name> --json` | 带图片和属性修改 |
+**定位商品**：优先使用 `--id <goodsListingId>`（从上架列表 `id` 字段获取），也可用 `--stock-goods-id <id> --account <shopId>`。**必填参数**：定位参数（二选一）+ `--category-id` + `--channel-cat-id`（后端必填）
+**可选参数**：`--title`、`--desc`、`--image-ids`（需先通过 `hang-up upload-images` 上传）、`--item-attrs`（JSON）、`--brand-name`、`--stuff-status`、`--goods-no`、`--original-price`、`--size`
 ### 闲鱼挂售（完整商品信息模式）
-挂售模式支持完整的商品信息：图片、类目、属性、品牌等。流程：查询类目/属性 → 上传图片 → 提交挂售。
+挂售模式支持完整的商品信息：图片、类目、属性、品牌等。Agent 可自动识别图片内容填充商品信息，流程：上传图片 → AI 识别 → 匹配类目/属性 → 提交。
 | 命令 | 说明 |
 |------|------|
@@ -174,10 +187,13 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 **挂售可选参数**：`--brand-name`、`--size`、`--goods-no`、`--original-price`、`--item-attrs`（属性列表 JSON）、`--trade-type`（默认 0 仅在线）、`--transport-fee`（默认 0 包邮）、`--yhb`（验货宝）、`--division-id`（默认 330100 杭州）
+**售后服务**（默认关闭）：提交时自动附带售后服务配置，默认全部关闭。卖家需在闲鱼 APP 开通对应服务后才能开启（我的 → 设置 → 卖家服务 → 保障服务）。
 ### 其他命令
 | 命令 | 说明 |
 |------|------|
+| `r2-cli update` | 一键更新 CLI 和技能 |
 | `r2-cli uninstall` | 卸载 R2-CLI 并清除所有配置 |
 ---
@@ -187,7 +203,8 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 本工具可供 AI Agent 调用以自动化操作二手潮奢交易，Agent 将以您的用户身份在授权范围内执行操作，可能导致商品误上架、价格错误等风险，请谨慎操作。
 建议：
-- Agent 提交前向用户确认关键参数（售价、店铺）
+- Agent 收到"上架"指令时，若用户未明确指定方式（选品上架/挂售上架），**必须询问用户**选择哪种上架方式
+- Agent 自动识别图片并填充商品信息，缺少必填字段（售价、商家编码）时会向用户询问
 - Token 存储在本地 `~/.r2-cli/config.json`（原子写入，防止中断导致配置丢失），注意保护
 ---

package/dist/README.md CHANGED Viewed

@@ -5,7 +5,7 @@
 R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com/Round2AI) 团队维护 — 让人类和 AI Agent 都能在终端中完成商品上架等交易操作。
-覆盖商品上架、挂售、认证登录等核心业务域，提供 12 个命令及 3 个 AI Agent [Skills](./skills/)。
+覆盖商品上架、挂售、商品信息修改、认证登录等核心业务域，提供 16 个命令及 3 个 AI Agent [Skills](./skills/)。
 [安装](#安装与快速开始) · [AI Agent 快速开始](#快速开始ai-agent) · [Agent Skills](#agent-skills) · [认证](#认证) · [命令](#命令参考) · [安全](#安全与风险提示)
@@ -21,8 +21,8 @@ R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com
 | 类别 | 能力 |
 |------|------|
 | 认证登录 | 扫码登录（第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出（Agent 一步式流程） |
-| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
-| 闲鱼挂售 | 完整商品信息模式：类目查询 → 属性/品牌选择 → 图片上传 → 提交挂售 |
+| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交修改）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 闲鱼挂售 | 图片上传 → AI 读图识别商品信息 → 自动匹配类目/属性 → 提交挂售 |
 ---
@@ -117,7 +117,7 @@ npx skills add Round2AI/r2-cli --all -y
 |-------|------|
 | `r2-shared` | 共享基础：安装、统一错误格式、命令概览 |
 | `r2-auth` | 认证登录：一步式扫码登录（生成二维码 + 自动轮询，支持第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出 |
-| `r2-goods` | 商品管理：4 步上架流程、挂售流程（类目→属性→图片→提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
+| `r2-goods` | 商品管理：4 步上架流程、挂售流程、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
 ---
@@ -149,7 +149,7 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods list [--stock-id <id>] [--stock-goods-id <id>] [--json]` | 查看选品商品（可按仓库或商品 ID 过滤，支持 `--page` 和 `--size`） |
 | `r2-cli goods listing [--json]` | 查询上架列表（支持 `--id` / `--shop-id` / `--stock-goods-id` / `--stock-id` / `--status` / `--platform` 过滤） |
-### 商品上架/下架
+### 商品上架/下架/改价
 | 命令 | 说明 |
 |------|------|
@@ -158,9 +158,22 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods down --id <id> [--json]` | 下架商品（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 | `r2-cli goods price --id <id> --price <amount> [--json]` | 修改上架价格（也可用 `--stock-goods-id <id> --shop-id <id>`） |
+### 修改商品信息
+修改已上架商品的标题、描述、品牌、类目、图片、属性等。Agent 可自动读图识别并填充商品信息。
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --json` | 修改商品信息（必填：定位参数 + 类目） |
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --image-ids <ids> --item-attrs <json> --brand-name <name> --json` | 带图片和属性修改 |
+**定位商品**：优先使用 `--id <goodsListingId>`（从上架列表 `id` 字段获取），也可用 `--stock-goods-id <id> --account <shopId>`。**必填参数**：定位参数（二选一）+ `--category-id` + `--channel-cat-id`（后端必填）
+**可选参数**：`--title`、`--desc`、`--image-ids`（需先通过 `hang-up upload-images` 上传）、`--item-attrs`（JSON）、`--brand-name`、`--stuff-status`、`--goods-no`、`--original-price`、`--size`
 ### 闲鱼挂售（完整商品信息模式）
-挂售模式支持完整的商品信息：图片、类目、属性、品牌等。流程：查询类目/属性 → 上传图片 → 提交挂售。
+挂售模式支持完整的商品信息：图片、类目、属性、品牌等。Agent 可自动识别图片内容填充商品信息，流程：上传图片 → AI 识别 → 匹配类目/属性 → 提交。
 | 命令 | 说明 |
 |------|------|
@@ -174,10 +187,13 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 **挂售可选参数**：`--brand-name`、`--size`、`--goods-no`、`--original-price`、`--item-attrs`（属性列表 JSON）、`--trade-type`（默认 0 仅在线）、`--transport-fee`（默认 0 包邮）、`--yhb`（验货宝）、`--division-id`（默认 330100 杭州）
+**售后服务**（默认关闭）：提交时自动附带售后服务配置，默认全部关闭。卖家需在闲鱼 APP 开通对应服务后才能开启（我的 → 设置 → 卖家服务 → 保障服务）。
 ### 其他命令
 | 命令 | 说明 |
 |------|------|
+| `r2-cli update` | 一键更新 CLI 和技能 |
 | `r2-cli uninstall` | 卸载 R2-CLI 并清除所有配置 |
 ---
@@ -187,7 +203,8 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 本工具可供 AI Agent 调用以自动化操作二手潮奢交易，Agent 将以您的用户身份在授权范围内执行操作，可能导致商品误上架、价格错误等风险，请谨慎操作。
 建议：
-- Agent 提交前向用户确认关键参数（售价、店铺）
+- Agent 收到"上架"指令时，若用户未明确指定方式（选品上架/挂售上架），**必须询问用户**选择哪种上架方式
+- Agent 自动识别图片并填充商品信息，缺少必填字段（售价、商家编码）时会向用户询问
 - Token 存储在本地 `~/.r2-cli/config.json`（原子写入，防止中断导致配置丢失），注意保护
 ---

package/dist/pages/login.html CHANGED Viewed

@@ -1,57 +1,219 @@
-<!DOCTYPE html>
-<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
-<title>第二回合 - 扫码登录</title>
-<style>
-*{box-sizing:border-box;margin:0;padding:0}
-:root{--primary:#06d290;--primary-light:#06d2901a;--primary-dark:#06d290cc;--text:#1a1a1a;--text-muted:#8c8c8c;--bg:#f7f8fa;--card:#fff;--border:#e8e8e8;--radius:16px;--shadow:0 2px 16px #06d2901a;--success:#52c41a;--error:#ff4d4f;--info:#1890ff}
-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}
-.card{background:var(--card);border-radius:var(--radius);padding:40px 32px 32px;box-shadow:var(--shadow);border:1px solid var(--border);text-align:center;max-width:360px;width:90%;transition:all .3s ease}
-.brand{margin-bottom:24px}
-.brand-name{font-size:22px;font-weight:700;color:var(--text);letter-spacing:2px}
-.brand-sub{font-size:10px;color:var(--text-muted);margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-weight:500}
-img#qr{max-width:200px;border-radius:12px;transition:all .3s ease}
-img#qr.dimmed{opacity:.15;filter:blur(4px);transform:scale(.95)}
-.status-text{font-size:16px;font-weight:600;color:var(--text);margin-top:16px}
-.hint{color:var(--text-muted);font-size:13px;margin-top:6px}
-.scan-hint{color:var(--text-muted);font-size:12px;margin-top:16px}
-.status-icon{font-size:56px;margin-bottom:8px;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}
-@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
-.success-bg .card{border-color:var(--success);box-shadow:0 2px 16px rgba(82,196,26,.12)}
-.success-bg .status-text{color:var(--success)}
-.expired-bg .card{border-color:var(--error);box-shadow:0 2px 16px rgba(255,77,79,.1)}
-.expired-bg .status-text{color:var(--error)}
-.scanning-bg .card{border-color:var(--info);box-shadow:0 2px 16px rgba(24,144,255,.1)}
-.scanning-bg .status-text{color:var(--info)}
-.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--info);animation:pulse 1.4s infinite;margin-right:6px;vertical-align:middle}
-@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
-</style></head>
-<body>
-<div class="card" id="app">
-  <div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div>
-  <img id="qr" src="./qr.png" alt="第二回合 - 扫码登录"/>
-  <p class="status-text" id="statusText">请扫码登录</p>
-  <p class="scan-hint">支持 第二回合 APP / 微信 / 支付宝 扫码</p>
-  <p class="hint" id="hint"></p>
-</div>
-<script>
-const qr=document.getElementById("qr"),st=document.getElementById("statusText"),ht=document.getElementById("hint"),app=document.getElementById("app"),bd=document.body;
-const states={
-  waiting:{icon:"",text:"请扫码登录",hint:"",bg:"",dim:false},
-  scanning:{icon:"",text:'<span class="pulse"></span>已扫码，请在手机上确认',hint:"等待确认中...",bg:"scanning-bg",dim:true},
-  success:{icon:"✅",text:"登录成功！",hint:"可关闭此页面",bg:"success-bg",dim:true},
-  expired:{icon:"⏰",text:"二维码已过期",hint:"请重新获取",bg:"expired-bg",dim:true}
-};
-function render(s){
-  const d=states[s]||states.waiting;
-  bd.className=d.bg;
-  if(d.icon){
-    qr.style.display="none";
-    app.innerHTML='<div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div><div class="status-icon">'+d.icon+'</div><p class="status-text">'+d.text+'</p>'+(d.hint?'<p class="hint">'+d.hint+'</p>':'');
-  }else{
-    qr.style.display="";qr.classList.toggle("dimmed",d.dim);st.innerHTML=d.text;ht.textContent=d.hint;
-  }
-}
-const es=new EventSource("./events");
-es.onmessage=function(e){try{const d=JSON.parse(e.data);if(d.status)render(d.status)}catch(ex){}};
-es.onerror=function(){es.close()};
-</script></body></html>
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>第二回合 - 扫码登录</title>
+    <style>
+      * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+      :root {
+        --primary: #06d290;
+        --primary-light: #06d2901a;
+        --primary-dark: #06d290cc;
+        --text: #1a1a1a;
+        --text-muted: #8c8c8c;
+        --bg: #f7f8fa;
+        --card: #fff;
+        --border: #e8e8e8;
+        --radius: 16px;
+        --shadow: 0 2px 16px #06d2901a;
+        --success: #52c41a;
+        --error: #ff4d4f;
+        --info: #1890ff;
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        font-family:
+          system-ui,
+          -apple-system,
+          "Segoe UI",
+          Roboto,
+          sans-serif;
+        background: var(--bg);
+        color: var(--text);
+      }
+      .card {
+        background: var(--card);
+        border-radius: var(--radius);
+        padding: 40px 32px 32px;
+        box-shadow: var(--shadow);
+        border: 1px solid var(--border);
+        text-align: center;
+        max-width: 360px;
+        width: 90%;
+        transition: all 0.3s ease;
+      }
+      .brand {
+        margin-bottom: 24px;
+      }
+      .brand-name {
+        font-size: 22px;
+        font-weight: 700;
+        color: var(--text);
+        letter-spacing: 2px;
+      }
+      .brand-sub {
+        font-size: 10px;
+        color: var(--text-muted);
+        margin-top: 4px;
+        letter-spacing: 3px;
+        text-transform: uppercase;
+        font-weight: 500;
+      }
+      img#qr {
+        max-width: 200px;
+        border-radius: 12px;
+        transition: all 0.3s ease;
+      }
+      img#qr.dimmed {
+        opacity: 0.15;
+        filter: blur(4px);
+        transform: scale(0.95);
+      }
+      .status-text {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--text);
+        margin-top: 16px;
+      }
+      .hint {
+        color: var(--text-muted);
+        font-size: 13px;
+        margin-top: 6px;
+      }
+      .scan-hint {
+        color: var(--text-muted);
+        font-size: 12px;
+        margin-top: 16px;
+      }
+      .status-icon {
+        font-size: 56px;
+        margin-bottom: 8px;
+        animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      }
+      @keyframes popIn {
+        0% {
+          transform: scale(0);
+          opacity: 0;
+        }
+        100% {
+          transform: scale(1);
+          opacity: 1;
+        }
+      }
+      .success-bg .card {
+        border-color: var(--success);
+        box-shadow: 0 2px 16px rgba(82, 196, 26, 0.12);
+      }
+      .success-bg .status-text {
+        color: var(--success);
+      }
+      .expired-bg .card {
+        border-color: var(--error);
+        box-shadow: 0 2px 16px rgba(255, 77, 79, 0.1);
+      }
+      .expired-bg .status-text {
+        color: var(--error);
+      }
+      .scanning-bg .card {
+        border-color: var(--info);
+        box-shadow: 0 2px 16px rgba(24, 144, 255, 0.1);
+      }
+      .scanning-bg .status-text {
+        color: var(--info);
+      }
+      .pulse {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: var(--info);
+        animation: pulse 1.4s infinite;
+        margin-right: 6px;
+        vertical-align: middle;
+      }
+      @keyframes pulse {
+        0% {
+          opacity: 1;
+          transform: scale(1);
+        }
+        50% {
+          opacity: 0.4;
+          transform: scale(0.8);
+        }
+        100% {
+          opacity: 1;
+          transform: scale(1);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card" id="app">
+      <div class="brand">
+        <div class="brand-name">第二回合</div>
+        <div class="brand-sub">Round2AI</div>
+      </div>
+      <img id="qr" src="./qr.png" alt="第二回合 - 扫码登录" />
+      <p class="status-text" id="statusText">请扫码登录</p>
+      <p class="scan-hint">支持 第二回合 APP / 微信 / 支付宝 扫码</p>
+      <p class="hint" id="hint"></p>
+    </div>
+    <script>
+      const qr = document.getElementById("qr"),
+        st = document.getElementById("statusText"),
+        ht = document.getElementById("hint"),
+        app = document.getElementById("app"),
+        bd = document.body;
+      const states = {
+        waiting: { icon: "", text: "请扫码登录", hint: "", bg: "", dim: false },
+        scanning: {
+          icon: "",
+          text: '<span class="pulse"></span>已扫码，请在手机上确认',
+          hint: "等待确认中...",
+          bg: "scanning-bg",
+          dim: true,
+        },
+        success: { icon: "✅", text: "登录成功！", hint: "可关闭此页面", bg: "success-bg", dim: true },
+        expired: { icon: "⏰", text: "二维码已过期", hint: "请重新获取", bg: "expired-bg", dim: true },
+      };
+      function render(s) {
+        const d = states[s] || states.waiting;
+        bd.className = d.bg;
+        if (d.icon) {
+          qr.style.display = "none";
+          app.innerHTML =
+            '<div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div><div class="status-icon">' +
+            d.icon +
+            '</div><p class="status-text">' +
+            d.text +
+            "</p>" +
+            (d.hint ? '<p class="hint">' + d.hint + "</p>" : "");
+        } else {
+          qr.style.display = "";
+          qr.classList.toggle("dimmed", d.dim);
+          st.innerHTML = d.text;
+          ht.textContent = d.hint;
+        }
+      }
+      const es = new EventSource("./events");
+      es.onmessage = function (e) {
+        try {
+          const d = JSON.parse(e.data);
+          if (d.status) render(d.status);
+        } catch (ex) {}
+      };
+      es.onerror = function () {
+        es.close();
+      };
+    </script>
+  </body>
+</html>