wezard 2.4.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wezard",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Bridge Claude Code and WeCom: PreToolUse approval cards + bidirectional tmux session mirror with image paste",
   "type": "module",
   "license": "MIT",
@@ -41,6 +41,8 @@
     "dist/cli/sync.js.map",
     "dist/cli/audit.js",
     "dist/cli/audit.js.map",
+    "dist/cli/wx.js",
+    "dist/cli/wx.js.map",
     "dist/daemon/**/*.js",
     "dist/daemon/**/*.js.map",
     "dist/mcp/**/*.js",
@@ -71,7 +73,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.json && chmod +x dist/cli/init.js dist/cli/migrate.js dist/cli/audit.js dist/daemon/index.js dist/mcp/server.js dist/svr/index.js",
+    "build": "tsc -p tsconfig.json && chmod +x dist/cli/init.js dist/cli/migrate.js dist/cli/audit.js dist/cli/wx.js dist/daemon/index.js dist/mcp/server.js dist/svr/index.js",
     "dev:daemon": "tsx daemon/index.ts",
     "dev:cli": "tsx cli/init.ts",
     "typecheck": "tsc --noEmit",
@@ -87,11 +89,13 @@
     "diff": "^9.0.0",
     "jsonc-parser": "^3.3.1",
     "pino": "^9.5.0",
+    "qrcode": "^1.5.4",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/diff": "^7.0.2",
     "@types/node": "^22.0.0",
+    "@types/qrcode": "^1.5.6",
     "tsx": "^4.19.0",
     "typescript": "^5.6.0"
   },

package/web/chat.css

@@ -20,6 +20,8 @@
   --priv: #9a5b10;    /* 私聊 */
   --human: #12715a;  /* 人名 —— 青绿, 与 wizard (墨色) 和群名 (暗金) 三分 */
   --chat: #7d6410;    /* 群名 —— 暗金, 与 role 名 (墨色 + 视角色的点) 分开: 群是频道不是 role */
+  --wezard: #6b3fa0;  /* 系统 wezard (守护进程与认不出的发话方) —— 紫金: 紫起金收, 两端都压暗到正文对比度 */
+  --wezard-gold: #9a6a00;
   /* 头像底: 不透明, 且由 card/accent 推出 —— 叠在选中/高亮/关系图任何底色上都不变色, 换主题时随 token 走。 */
   --av-bg: var(--card);
   --av-line: var(--line);
@@ -46,6 +48,11 @@ button { font: inherit; color: inherit }
 .nm.human::before, .nm.task::before, .nm.system::before, .nm.chat::before { content: none }
 .nm.chat, .ch-who .sub .up { color: var(--chat) }
 .nm.human { color: var(--human) }
+.nm.system {
+  color: var(--wezard);
+  background: linear-gradient(90deg, var(--wezard), var(--wezard-gold));
+  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
+}
 
 /* ── 侧栏: 我 + 会话 ─────────────────────────────────────────────── */
 .side {
@@ -278,6 +285,12 @@ span.av.go:hover { background: var(--av-hot); box-shadow: 0 0 0 3px var(--av-hot
   font-variant-numeric: tabular-nums;
 }
 
+/* 他人未读: 贴在名字右侧, 同一种红点、小一号 —— 换到那个 role 的视角会看到、这里没在数的未读。 */
+.nm .pub {
+  display: inline-block; margin-left: 4px; min-width: 13px; height: 13px; padding: 0 4px; border-radius: 7px;
+  background: #e5484d; color: #fff; font-size: 9px; font-weight: 600; line-height: 13px; text-align: center;
+  font-variant-numeric: tabular-nums; vertical-align: 2px;
+}
 
 /* ── 右栏头: 这个群聊 / 私聊是什么 ───────────────────────────────── */
 .main { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--card) }
@@ -324,6 +337,14 @@ span.av.go:hover { background: var(--av-hot); box-shadow: 0 0 0 3px var(--av-hot
   padding: 16px 20px 28px; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
 }
 .thread-in { display: flex; flex-direction: column; gap: 14px }
+/* 换窗口时旧内容留着等新内容: 不接点击, 稍候才变暗 (快的切换看不出闪), 页头底边一道细进度条。 */
+.main.switching .thread-in, .main.switching .chathead > :not(.back) { pointer-events: none }
+.main.switching .thread-in { opacity: .6; transition: opacity .2s .15s }
+.main.switching .chathead {
+  background-image: linear-gradient(var(--accent), var(--accent)); background-repeat: no-repeat;
+  background-size: 40% 2px; animation: swbar 1s ease-in-out infinite;
+}
+@keyframes swbar { from { background-position: -67% 100% } to { background-position: 167% 100% } }
 .empty { color: var(--faint); text-align: center; padding: 60px 0; font-size: 13px }
 .more-btn {
   align-self: center; background: var(--card); border: 1px solid var(--line); border-radius: 16px;
@@ -345,6 +366,9 @@ span.av.go:hover { background: var(--av-hot); box-shadow: 0 0 0 3px var(--av-hot
 .mrow.mine .mcol { align-items: flex-end }
 .mwho { font-size: 11.5px; color: var(--mute); display: flex; gap: 6px; align-items: center; flex-wrap: wrap }
 .mwho .nm { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
+/* 发言头 `🦊.a:` (WZ.said): 头像贴着名字、冒号贴着名字, 不吃 .mwho 的 gap。 */
+.mwho .said { display: inline-flex; align-items: center; min-width: 0; max-width: 100% }
+.mwho .said .av { margin-right: 2px }
 .mwho .ch { font-size: 10.5px; border-radius: 4px; padding: 0 4px }
 .mwho .ch.priv { color: var(--priv); background: #9a5b1014 }
 /* 时刻只此一处 —— 气泡外, 跟着名字走。等宽数字让一列时间对得齐。 */
@@ -376,16 +400,16 @@ button.mchip.rcpt:hover { text-decoration: underline }
 .mchip.rcpt:is(.st-timeout, .st-silent, .st-dead, .st-canceled) { color: #cf222e; background: #cf222e10 }
 /* 说给谁 (inline): 塞进正文第一段开头的头像 + 名字, 像行内 mention; 小圆角底色, 点它走移交行同一套跳转。 */
 .to-in {
-  display: inline-flex; align-items: center; gap: 3px; vertical-align: baseline; padding: 1px 6px; border-radius: 5px;
+  display: inline-flex; align-items: center; gap: 0; vertical-align: baseline; padding: 1px 6px; border-radius: 5px;
   line-height: 18px; background: color-mix(in srgb, #0969da 10%, transparent); color: var(--ink);
   cursor: pointer; transition: background .12s;
 }
 .to-in:hover { background: color-mix(in srgb, #0969da 20%, transparent) }
-.to-in .av { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); font-size: 10px; line-height: 14px; text-align: center; align-self: center }
+.to-in .av { margin-right: 2px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); font-size: 10px; line-height: 14px; text-align: center; align-self: center }
 .to-in .nm { font-weight: 500; font-size: 13px }
 .to-in .nm::before { content: none }
 /* 移交行里的对方: 小头像 + 名字。整行是入口 (开双方的往来), 悬停时整行提亮。 */
-.handoff .ho-who { display: inline-flex; align-items: center; gap: 3px; color: var(--ink) }
+.handoff .ho-who { display: inline-flex; align-items: center; gap: 2px; color: var(--ink) }
 .handoff .ho-line[data-hto]:hover { background: var(--av-hot); border-radius: 6px }
 .handoff .ho-who .av { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); font-size: 10px; line-height: 14px; text-align: center }
 .handoff .ho-who .nm { font-weight: 500 }
@@ -900,8 +924,8 @@ button.mchip.rcpt:hover { text-decoration: underline }
 .sk-it.on .k { opacity: 1; color: var(--accent) }
 .sk-it .ts { margin-left: auto; flex: none; font-size: 11px; color: var(--faint); font-variant-numeric: tabular-nums }
 .sk-it .pv { display: block; font-size: 12px; color: var(--mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
-.sk-it .l1 .nm + .nm, .sk-it .arr + .nm { font-weight: 500; color: var(--mute) }
-.sk-it .arr { flex: none; color: var(--faint); font-size: 11.5px }
+.sk-it .said { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
+.sk-it .said .nm + .nm { font-weight: 500; color: var(--mute) }
 .sk-it .tag { flex: none; font-size: 10.5px; color: var(--mute); background: var(--paper); border-radius: 4px; padding: 1px 5px }
 /* 命中的那一截: 正文色, 最多两行; 命中词是这一页的视角色淡底 —— 与选中态一个色系。 */
 .sk-it .sn {
@@ -943,6 +967,9 @@ button.mchip.rcpt:hover { text-decoration: underline }
 .jtag { flex: none; margin-left: 6px; font-size: 10.5px; line-height: 15px; padding: 0 5px; border-radius: 4px; color: var(--faint); background: #f1f3f6; font-weight: 500 }
 .jtag.open { color: #94741f; background: #bf870014 }
 .jstuck { flex: none; margin-left: 4px; font-size: 10.5px; line-height: 15px; padding: 0 5px; border-radius: 4px; color: #8250df; background: #fbefff; font-weight: 500 }
+.wxm { flex: none; margin-left: 4px; padding: 0 4px; border-radius: 4px; font-size: 10.5px; white-space: nowrap; color: #2f7d32; background: #2f7d3214 }
+.wxm.paused { color: #94741f; background: #bf870014 }
+.wxm.down { color: #c62828; background: #c6282814 }
 .jmk { flex: none; margin-left: 4px; padding: 0 3px; border-radius: 4px; font-size: 10.5px; opacity: .8; cursor: pointer }
 .jmk:hover { opacity: 1; background: #bf870022 }
 .jmk i { font-style: normal; margin-left: 1px; color: #94741f; font-size: 10px }