wezard 0.3.3

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "wezard",
+  "version": "0.3.3",
+  "description": "Bridge Claude Code and WeCom: PreToolUse approval cards + bidirectional tmux session mirror with image paste",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/guxi11/weclaude.git"
+  },
+  "homepage": "https://github.com/guxi11/weclaude#readme",
+  "bugs": {
+    "url": "https://github.com/guxi11/weclaude/issues"
+  },
+  "keywords": [
+    "claude",
+    "claude-code",
+    "wecom",
+    "wechat-work",
+    "remote-control",
+    "approval",
+    "mcp"
+  ],
+  "bin": {
+    "weclaude": "./cli/weclaude.sh",
+    "weclaude-daemon": "./dist/daemon/index.js",
+    "weclaude-mcp": "./dist/mcp/server.js",
+    "weclaude-init": "./dist/cli/init.js",
+    "weclaude-svr": "./dist/svr/index.js"
+  },
+  "files": [
+    ".claude-plugin/marketplace.json",
+    ".claude-plugin/plugin.json",
+    "cli/weclaude.sh",
+    "dist/cli/init.js",
+    "dist/cli/init.js.map",
+    "dist/cli/sync.js",
+    "dist/cli/sync.js.map",
+    "dist/cli/audit.js",
+    "dist/cli/audit.js.map",
+    "dist/daemon/**/*.js",
+    "dist/daemon/**/*.js.map",
+    "dist/mcp/**/*.js",
+    "dist/mcp/**/*.js.map",
+    "dist/shared/**/*.js",
+    "dist/shared/**/*.js.map",
+    "dist/svr/**/*.js",
+    "dist/svr/**/*.js.map",
+    "web/chat.css",
+    "web/chat.js",
+    "hooks/pre-tool-use.sh",
+    "hooks/hooks.json",
+    "scripts/install.sh",
+    "scripts/uninstall.sh",
+    "scripts/postinstall.sh",
+    "launchd/com.weclaude.daemon.plist.template",
+    "systemd/weclaude.service.template",
+    "config.example.jsonc",
+    "commands/wrc.md",
+    "commands/audit.md",
+    "README.md",
+    "CLAUDE.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json && chmod +x dist/cli/init.js dist/cli/audit.js dist/daemon/index.js dist/mcp/server.js dist/svr/index.js",
+    "dev:daemon": "tsx daemon/index.ts",
+    "dev:cli": "tsx cli/weclaude.ts",
+    "typecheck": "tsc --noEmit",
+    "prepare": "test -f dist/daemon/index.js || npm run build",
+    "prepublishOnly": "rm -rf dist && npm run build",
+    "prepack": "test -f dist/daemon/index.js || npm run build",
+    "postinstall": "sh scripts/postinstall.sh"
+  },
+  "dependencies": {
+    "@inquirer/prompts": "^7.2.0",
+    "@modelcontextprotocol/sdk": "^1.0.0",
+    "@wecom/aibot-node-sdk": "^1.0.6",
+    "diff": "^9.0.0",
+    "jsonc-parser": "^3.3.1",
+    "pino": "^9.5.0",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/diff": "^7.0.2",
+    "@types/node": "^22.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.0"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "os": [
+    "darwin",
+    "linux"
+  ]
+}

package/scripts/install.sh

@@ -0,0 +1,73 @@
+#!/usr/bin/env bash
+# Install resident daemon. Auto-detects macOS (launchd) vs Linux (systemd --user).
+set -euo pipefail
+
+REPO="$(cd "$(dirname "$0")/.." && pwd)"
+NODE="$(command -v node)"
+HOME_DIR="$HOME"
+LABEL="com.weclaude.daemon"
+
+[[ -x "$NODE" ]] || { echo "node not found in PATH"; exit 1; }
+
+# Build if missing
+if [[ ! -f "$REPO/dist/daemon/index.js" ]]; then
+  echo "[install] building..."
+  (cd "$REPO" && npm install --silent && npx tsc -p tsconfig.json)
+fi
+
+mkdir -p "$HOME_DIR/.weclaude"
+
+OS="$(uname -s)"
+case "$OS" in
+  Darwin)
+    LA_DIR="$HOME_DIR/Library/LaunchAgents"
+    PLIST_DST="$LA_DIR/${LABEL}.plist"
+    mkdir -p "$LA_DIR"
+    sed \
+      -e "s|__NODE__|$NODE|g" \
+      -e "s|__REPO__|$REPO|g" \
+      -e "s|__HOME__|$HOME_DIR|g" \
+      "$REPO/launchd/${LABEL}.plist.template" > "$PLIST_DST"
+
+    DOMAIN="gui/$(id -u)"
+    # Modern bootstrap/bootout API. Falls back to legacy load -w. load -w stderr
+    # is unreliable on recent macOS (sporadic "Failed to connect to bus: No
+    # medium found" / "Load failed: 5: I/O error" while the plist is in fact
+    # registered). Trust `launchctl list` for verification, not $?.
+    launchctl bootout "$DOMAIN/$LABEL" 2>/dev/null || true
+    # bootout returns synchronously but unload is async — bootstrapping too soon
+    # races into "Bootstrap failed: 5: I/O error". Poll until it's truly gone.
+    for _ in 1 2 3 4 5 6 7 8 9 10; do
+      launchctl list "$LABEL" >/dev/null 2>&1 || break
+      sleep 0.2
+    done
+    launchctl bootstrap "$DOMAIN" "$PLIST_DST" 2>/dev/null \
+      || launchctl load -w "$PLIST_DST" 2>/dev/null \
+      || true
+    launchctl enable "$DOMAIN/$LABEL" 2>/dev/null || true
+
+    if launchctl list "$LABEL" >/dev/null 2>&1; then
+      echo "[install] launchd loaded: $PLIST_DST"
+    else
+      echo "[install] launchctl load failed — plist at $PLIST_DST not registered" >&2
+      exit 1
+    fi
+    ;;
+  Linux)
+    UNIT_DIR="$HOME_DIR/.config/systemd/user"
+    mkdir -p "$UNIT_DIR"
+    UNIT_DST="$UNIT_DIR/weclaude.service"
+    sed \
+      -e "s|__NODE__|$NODE|g" \
+      -e "s|__REPO__|$REPO|g" \
+      -e "s|__HOME__|$HOME_DIR|g" \
+      "$REPO/systemd/weclaude.service.template" > "$UNIT_DST"
+    systemctl --user daemon-reload
+    systemctl --user enable --now weclaude.service
+    echo "[install] systemd unit enabled: $UNIT_DST"
+    ;;
+  *)
+    echo "unsupported OS: $OS"; exit 1 ;;
+esac
+
+echo "[install] done. Logs at $HOME_DIR/.weclaude/daemon.{stdout,stderr,log}"

package/scripts/postinstall.sh

@@ -0,0 +1,12 @@
+#!/bin/sh
+# Refresh the Claude Code plugin clone after `npm install -g` so the
+# marketplace copy at ~/.claude/plugins/marketplaces/weclaude-local/ stays
+# in lockstep with the npm global install. Silent no-op in any irrelevant
+# context (local dev install, claude not on PATH, marketplace never added).
+# Must never fail npm install.
+
+[ "$npm_config_global" = "true" ] || exit 0
+command -v claude >/dev/null 2>&1 || exit 0
+
+claude plugin marketplace update weclaude-local >/dev/null 2>&1 || true
+exit 0

package/scripts/uninstall.sh

@@ -0,0 +1,44 @@
+#!/usr/bin/env bash
+set -uo pipefail
+LABEL="com.weclaude.daemon"
+HOME_DIR="$HOME"
+OS="$(uname -s)"
+REPO="$(cd "$(dirname "$0")/.." && pwd)"
+
+# Best-effort: drop the Claude Code plugin + marketplace registration installed
+# by `weclaude init`. Tries both `claude` and `claude-internal` since either
+# could have been used at install time. All failures are non-fatal — uninstall
+# must keep going even if claude binaries are gone.
+for bin in claude claude-internal; do
+  command -v "$bin" >/dev/null 2>&1 || continue
+  "$bin" plugin uninstall weclaude@weclaude-local 2>/dev/null && \
+    echo "[uninstall] $bin: plugin uninstalled" || true
+  "$bin" plugin marketplace remove "$REPO" 2>/dev/null && \
+    echo "[uninstall] $bin: marketplace removed" || true
+done
+
+case "$OS" in
+  Darwin)
+    PLIST="$HOME_DIR/Library/LaunchAgents/${LABEL}.plist"
+    if [[ -f "$PLIST" ]]; then
+      launchctl unload "$PLIST" 2>/dev/null || true
+      rm -f "$PLIST"
+      echo "[uninstall] removed $PLIST"
+    fi
+    # Belt-and-braces: launchctl unload can leave a stray process if the plist
+    # was edited mid-flight. bootout the label, then SIGTERM any survivors.
+    launchctl bootout "gui/$(id -u)/${LABEL}" 2>/dev/null || true
+    pkill -f "dist/daemon/index.js" 2>/dev/null || true
+    ;;
+  Linux)
+    UNIT="$HOME_DIR/.config/systemd/user/weclaude.service"
+    if [[ -f "$UNIT" ]]; then
+      systemctl --user disable --now weclaude.service 2>/dev/null || true
+      rm -f "$UNIT"
+      systemctl --user daemon-reload
+      echo "[uninstall] removed $UNIT"
+    fi
+    pkill -f "dist/daemon/index.js" 2>/dev/null || true
+    ;;
+esac
+echo "[uninstall] done."

package/systemd/weclaude.service.template

@@ -0,0 +1,17 @@
+[Unit]
+Description=weclaude daemon (WeCom remote control for Claude Code)
+After=network-online.target
+Wants=network-online.target
+
+[Service]
+Type=simple
+WorkingDirectory=__REPO__
+ExecStart=__NODE__ __REPO__/dist/daemon/index.js
+Restart=always
+RestartSec=5
+StandardOutput=append:__HOME__/.weclaude/daemon.stdout.log
+StandardError=append:__HOME__/.weclaude/daemon.stderr.log
+Environment=NODE_ENV=production
+
+[Install]
+WantedBy=default.target

package/web/chat.css

@@ -0,0 +1,171 @@
+/* Chat 详情视图外壳。turn 正文的样式来自 detail-render 的 SHARED_CSS/TURN_CSS,
+   由 /chat/app.css 拼在本文件之前 —— 这里只管三栏骨架、会话列表与页脚总账。 */
+
+html, body { height: 100% }
+body { overflow: hidden }
+
+.app { display: flex; height: 100vh; height: 100dvh }
+
+/* ── 侧栏: 会话列表 ─────────────────────────────────────────────── */
+.side {
+  width: 288px; flex: none; background: #fff; border-right: 1px solid #d0d7de;
+  display: flex; flex-direction: column; min-height: 0;
+}
+.side-head { padding: 13px 16px 11px; border-bottom: 1px solid #eaeef2 }
+.side-head .l1 { display: flex; align-items: baseline; gap: 8px }
+.side-head .t { font-size: 14px; font-weight: 600 }
+.side-head .n {
+  margin-left: auto; font-size: 11px; color: #8c959f;
+  font-variant-numeric: tabular-nums;
+}
+.side-head .s {
+  font-size: 11px; color: #8c959f; font-family: ui-monospace, Menlo, monospace;
+  word-break: break-all; margin-top: 3px;
+}
+
+.tags { flex: 1; min-height: 0; overflow-y: auto; padding: 6px 6px 12px }
+
+.tag-row {
+  position: relative; display: flex; gap: 10px; align-items: flex-start;
+  padding: 8px 10px 8px 11px; border-radius: 8px; cursor: pointer;
+  border: 1px solid transparent; transition: background .12s;
+}
+.tag-row:hover { background: #f6f8fa }
+/* 选中态用左侧色条而不是整块蓝底 —— 底色会和内部的 badge/预览抢注意力。 */
+.tag-row.on { background: #f0f4f9 }
+.tag-row.on::before {
+  content: ""; position: absolute; left: 2px; top: 9px; bottom: 9px;
+  width: 3px; border-radius: 2px; background: #0969da;
+}
+
+.tag-av {
+  width: 32px; height: 32px; flex: none; border-radius: 10px; background: #f1f3f6;
+  display: flex; align-items: center; justify-content: center; font-size: 17px;
+  position: relative; border: 1px solid #eaeef2;
+}
+.tag-av .live {
+  position: absolute; right: -3px; bottom: -3px; width: 10px; height: 10px;
+  border-radius: 50%; background: #1a7f37; border: 2px solid #fff;
+  animation: pulse 1.4s infinite;
+}
+@keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .3 } }
+
+.tag-main { min-width: 0; flex: 1 }
+.tag-l1 { display: flex; align-items: baseline; gap: 6px }
+.tag-name {
+  font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden;
+  text-overflow: ellipsis; font-family: ui-monospace, Menlo, monospace;
+}
+.tag-row.running .tag-name { color: #1a7f37 }
+.tag-ts {
+  margin-left: auto; flex: none; font-size: 11px; color: #8c959f;
+  font-family: ui-monospace, Menlo, monospace;
+}
+.tag-prev {
+  font-size: 12px; color: #656d76; margin-top: 2px; overflow: hidden;
+  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
+  line-height: 1.45;
+}
+/* 每行第三层: 轮数 / 工具数 / token —— 不点进去也能判断哪个会话在真干活。 */
+.tag-meta {
+  display: flex; gap: 4px; align-items: center; margin-top: 4px;
+  font-size: 10.5px; color: #8c959f; font-family: ui-monospace, Menlo, monospace;
+  font-variant-numeric: tabular-nums;
+}
+.tag-meta .sep { opacity: .45 }
+.tag-meta .hot { color: #9a6700 }
+.tags .empty-side { padding: 28px 12px; text-align: center; color: #8c959f; font-size: 12px }
+
+/* ── 主区 ───────────────────────────────────────────────────────── */
+.main { flex: 1; min-width: 0; display: flex; flex-direction: column }
+.topbar {
+  flex: none; display: flex; align-items: center; gap: 10px; padding: 11px 20px;
+  background: #fff; border-bottom: 1px solid #d0d7de;
+}
+.topbar .em { font-size: 18px }
+.topbar .h { font-size: 15px; font-weight: 600; font-family: ui-monospace, Menlo, monospace }
+.topbar .sub {
+  font-size: 11px; color: #8c959f; font-family: ui-monospace, Menlo, monospace;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.topbar .back { display: none; font-size: 18px; color: #656d76; cursor: pointer; padding: 0 4px }
+
+.thread {
+  flex: 1; min-height: 0; overflow-y: auto; overflow-anchor: none;
+  padding: 16px 20px 24px; -webkit-overflow-scrolling: touch;
+}
+.thread-in { max-width: 920px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px }
+.empty { color: #8c959f; text-align: center; padding: 60px 0; font-size: 13px }
+.more-btn {
+  align-self: center; background: #fff; border: 1px solid #d0d7de; border-radius: 16px;
+  padding: 5px 16px; font-size: 12px; color: #57606a; cursor: pointer; font-family: inherit;
+}
+.more-btn:hover { background: #f6f8fa; color: #0969da; border-color: #0969da55 }
+
+/* ── turn 分组 ──────────────────────────────────────────────────── */
+/* section 的默认样式给了白底+边框, 但没有内边距 —— 气泡/工具行会直接贴着卡片
+   边缘, 所以这里补上一轮对话自己的呼吸空间。 */
+.turn-group {
+  display: flex; flex-direction: column; gap: 10px;
+  padding: 14px 16px 16px; border-radius: 12px; border-color: #e1e6ec;
+  box-shadow: 0 1px 2px #1f23280a;
+}
+.tg-head {
+  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
+  padding-bottom: 6px; border-bottom: 1px dashed #d8dee4;
+}
+.tg-dot { width: 7px; height: 7px; border-radius: 50%; background: #b1bac4; flex: none }
+.tg-dot.live { background: #1a7f37; animation: pulse 1.4s infinite }
+.tg-time { font-size: 11.5px; color: #8c959f; font-family: ui-monospace, Menlo, monospace }
+.tg-tok {
+  font-size: 11px; color: #57606a; background: #f1f3f6; border-radius: 9px;
+  padding: 1px 7px; font-family: ui-monospace, Menlo, monospace;
+}
+.tg-link { margin-left: auto; color: #8c959f; text-decoration: none; font-size: 13px }
+.tg-link:hover { color: #0969da }
+.turn-group .bubbles { margin-top: 0 }
+
+/* ── 页脚总账 ───────────────────────────────────────────────────── */
+.statusbar {
+  flex: none; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
+  padding: 7px 20px; background: #fff; border-top: 1px solid #d0d7de;
+  font-size: 11.5px; color: #57606a; font-family: ui-monospace, Menlo, monospace;
+}
+.statusbar .st { display: flex; align-items: baseline; gap: 5px }
+.statusbar .st .k {
+  color: #8c959f; text-transform: uppercase; letter-spacing: .4px; font-size: 10px;
+}
+.statusbar .st .v { color: #1f2328; font-weight: 700; font-variant-numeric: tabular-nums }
+/* 缺数据的指标压暗, 不再显示成有意义的 "0" —— 0 与「没采到」是两回事。 */
+.statusbar .st.void .v { color: #b1bac4; font-weight: 400 }
+.statusbar .pill { display: flex; align-items: center; gap: 5px; font-weight: 700 }
+.statusbar .pill .d { width: 7px; height: 7px; border-radius: 50%; background: #8c959f }
+.statusbar .pill.run { color: #1a7f37 }
+.statusbar .pill.run .d { background: #1a7f37; animation: pulse 1.4s infinite }
+.statusbar .model {
+  color: #57606a; background: #f1f3f6; border-radius: 9px; padding: 1px 7px;
+  max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+/* token I/O 堆叠条 + 图例: 色块必须有名字, 否则底部那条彩带谁也读不懂。 */
+.sb-io { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0 }
+.sb-io > .k { color: #8c959f; text-transform: uppercase; letter-spacing: .4px; font-size: 10px }
+.sb-bar { display: flex; height: 6px; width: 120px; border-radius: 3px; overflow: hidden; background: #eaeef2 }
+.sb-bar .seg { height: 100% }
+.sb-leg { display: flex; align-items: center; gap: 9px; flex-wrap: wrap }
+.sb-leg .lg { display: flex; align-items: center; gap: 4px; font-size: 10.5px; color: #8c959f }
+.sb-leg .lg i { width: 8px; height: 8px; border-radius: 2px; flex: none }
+.sb-leg .lg b { color: #1f2328; font-weight: 700; font-variant-numeric: tabular-nums }
+.conn { margin-left: auto; display: flex; align-items: center; gap: 5px }
+.conn .d { width: 7px; height: 7px; border-radius: 50%; background: #1a7f37 }
+.conn.off .d { background: #cf222e }
+
+@media (max-width: 760px) {
+  .app { flex-direction: column }
+  .side { width: auto; border-right: 0; border-bottom: 1px solid #d0d7de; max-height: 44vh }
+  .app.reading .side { display: none }
+  .app.reading .topbar .back { display: block }
+  .thread { padding: 12px }
+  .turn-group { padding: 12px }
+  .statusbar { gap: 10px; padding: 7px 12px }
+  .sb-io, .statusbar .model { display: none }
+}