@opencodex/cli 1.0.37

package/scripts/figure/compose.py

@@ -0,0 +1,363 @@
+#!/usr/bin/env python3
+"""
+compose.py — 把终端回放截图合成带标注的判读图（流水线第 ③ 阶段）。
+
+配套使用：
+
+  packages/cli/scripts/slash-toggle-capture.tsx   # ① 采集累计 ANSI 字节流 -> steps.json
+  scripts/figure/replay-shots.mjs                 # ② xterm.js 回放 -> shot-*.png
+  scripts/figure/compose.py                       # ③ 合成判读图 -> verdict-*.png   ← 本脚本
+
+所有内容都靠命令行参数描述，不往脚本里写死任何路径 —— 这样同一份脚本既能画
+「四步视口对照」，也能画「修复前/修复后 + 指标表」，不用每次手写一遍 PIL。
+
+版块顺序：标题 → 指标表 → 截图网格 → 前后对照 → 结论条（缺省参数即跳过该版块）。
+
+用法：
+  py -3.12 scripts/figure/compose.py \
+    --shots  packages/cli/.playwright-mcp/slash-toggle/fixb \
+    --out    packages/cli/.playwright-mcp/slash-toggle/verdict.png \
+    --title  "命令面板开合「溢出」验证 · 终端 120×30 · xterm.js 回放真实 ANSI 字节流" \
+    --subtitle "（欢迎横幅的 8fps ASCII 动画已冻结，保证前后可逐字节比对）" \
+    --panel  "initial|① 初始|空输入 · 欢迎横幅" \
+    --panel  "slash-open|② 输入 /|命令面板弹出（文档 17→36 行）" \
+    --panel  "deleted|③ 退格删除|面板关闭（与 ① 逐字节相同）" \
+    --panel  "slash-open-2|④ 再输入 /|面板再次弹出（与 ② 逐字节相同）" \
+    --conclusion "视口结论：不溢出、不错位。修复前/后 4 张截图逐字节完全相同（MD5 一致）；" \
+    --conclusion "关闭后横幅完整复原，第 2 次弹出与第 1 次完全一致 —— 可见区没有任何叠加或残留。"
+
+指标表 + 前后对照（--table-row 第 4 段可选 green/red/amber，给最后一格上色）：
+    --table-row "指标|修复前|修复后|" \
+    --table-row "终端原生回滚区行数|70 行|0 行|green" \
+    --compare   "prefix|fixb|after-cycles-scrolltop|修复前：回滚区 0 行 —— 干净|修复后：回滚区 70 行 —— 残带堆叠"
+"""
+
+from __future__ import annotations
+
+import argparse
+import os
+import sys
+
+try:
+    from PIL import Image, ImageDraw, ImageFont
+except ImportError:  # pragma: no cover
+    sys.exit(
+        "[figure-compose] 缺少 Pillow。本机默认 python 没有，请用 `py -3.12` 运行，"
+        "或先 `pip install pillow`。"
+    )
+
+# ── 调色板（与仓库既有判读图保持一致） ────────────────────────────────────────
+BG = (245, 246, 248)
+INK = (24, 26, 30)
+SUB = (110, 116, 128)
+LINE = (210, 214, 222)
+HEADBG = (232, 234, 238)
+RED = (220, 50, 47)
+GREEN = (30, 150, 80)
+AMBER = (191, 120, 0)
+RED_BG, RED_INK = (253, 236, 235), (150, 26, 24)
+GREEN_BG, GREEN_INK = (232, 246, 238), (18, 100, 55)
+AMBER_BG, AMBER_INK = (253, 244, 226), (120, 76, 0)
+
+ACCENTS = {
+    "red": (RED, RED_BG, RED_INK),
+    "green": (GREEN, GREEN_BG, GREEN_INK),
+    "amber": (AMBER, AMBER_BG, AMBER_INK),
+}
+
+# 中文字体：Windows 用微软雅黑，Linux/macOS 兜底
+FONT_CANDIDATES = [
+    r"C:\Windows\Fonts\msyh.ttc",
+    r"C:\Windows\Fonts\simhei.ttf",
+    "/usr/share/fonts/opentype/noto/NotoSansCJK-Regular.ttc",
+    "/System/Library/Fonts/PingFang.ttc",
+]
+
+
+def pick_font(explicit: str | None) -> str | None:
+    for path in ([explicit] if explicit else []) + FONT_CANDIDATES:
+        if path and os.path.exists(path):
+            return path
+    print("[figure-compose] 警告：没找到中文字体，中文可能显示为方块（--font 可指定）", file=sys.stderr)
+    return None
+
+
+def font_at(path: str | None, size: int):
+    if path is None:
+        return ImageFont.load_default()
+    return ImageFont.truetype(path, size)
+
+
+def load_scaled(path: str, width: int) -> Image.Image:
+    if not os.path.exists(path):
+        sys.exit(f"[figure-compose] 找不到截图：{path}")
+    im = Image.open(path).convert("RGB")
+    return im.resize((width, round(im.height * width / im.width)), Image.LANCZOS)
+
+
+def shot_path(directory: str, name: str) -> str:
+    """把 step 名解析成 shot-<name>.png（允许 name 里带相对路径）。"""
+    return os.path.join(directory, f"shot-{name}.png")
+
+
+def split_spec(spec: str, parts: int, flag: str, min_parts: int) -> list[str]:
+    """按 | 切分参数；不足 min_parts 段直接报错，多于 parts 段的并入最后一段。
+
+    分隔符用 | 而不是 :，因为 Windows 路径本身就含冒号。
+    """
+    got = spec.split("|")
+    if len(got) < min_parts:
+        sys.exit(
+            f"[figure-compose] {flag} 至少需要 {min_parts} 段（用 | 分隔），收到：{spec!r}"
+        )
+    # 多余的段并入最后一段，避免描述文字里的 | 被误切
+    while len(got) > parts:
+        got[parts - 1] = got[parts - 1] + "|" + got.pop()
+    # 缺的尾段补空（可选参数）
+    while len(got) < parts:
+        got.append("")
+    return got
+
+
+def parse_args(argv: list[str] | None = None) -> argparse.Namespace:
+    ap = argparse.ArgumentParser(
+        prog="compose.py",
+        description="把 xterm.js 回放截图合成带标注的终端判读图",
+        formatter_class=argparse.RawDescriptionHelpFormatter,
+    )
+    ap.add_argument("--out", required=True, help="输出 PNG 路径")
+    ap.add_argument("--title", required=True, help="标题（单行）")
+    ap.add_argument("--subtitle", default=None, help="标题下的灰色小字")
+    ap.add_argument("--shots", default=None, help="截图目录，--panel 从里面取 shot-<name>.png")
+
+    ap.add_argument(
+        "--panel",
+        action="append",
+        default=[],
+        metavar="NAME|LABEL|DESC",
+        help="截图网格里的一格，可重复；NAME 对应 shot-<NAME>.png",
+    )
+    ap.add_argument("--cols", type=int, default=2, help="网格列数（默认 2）")
+    ap.add_argument("--cell-width", type=int, default=900, help="每格图片像素宽（默认 900）")
+
+    ap.add_argument(
+        "--table-row",
+        action="append",
+        default=[],
+        metavar="CELL|CELL[|CELL][|green|red|amber]",
+        help="指标表的一行，可重复；第 1 行当表头；末段为颜色时给最后一格上色",
+    )
+    ap.add_argument(
+        "--compare",
+        action="append",
+        default=[],
+        metavar="LEFT_DIR|RIGHT_DIR|STEP[|LEFT_CAP|RIGHT_CAP]",
+        help="前后对照：两侧目录里同名 shot-<STEP>.png 并排，可重复",
+    )
+    ap.add_argument(
+        "--conclusion",
+        action="append",
+        default=[],
+        help="结论条的一行，可重复；默认绿色，--conclusion-red 改红",
+    )
+    ap.add_argument("--conclusion-red", action="store_true", help="结论条用红色（判为失败时）")
+
+    ap.add_argument("--scale", type=float, default=1.0, help="整体字号/间距缩放（默认 1.0）")
+    ap.add_argument("--font", default=None, help="中文字体文件路径")
+    ap.add_argument("--bg", default=None, help="覆盖底色，形如 245,246,248")
+    return ap.parse_args(argv)
+
+
+def main(argv: list[str] | None = None) -> int:
+    args = parse_args(argv)
+
+    if not args.panel and not args.compare and not args.table_row:
+        sys.exit("[figure-compose] 至少要给一个 --panel / --table-row / --compare，否则图是空的")
+
+    global BG
+    if args.bg:
+        BG = tuple(int(v) for v in args.bg.split(","))
+
+    s = args.scale
+    pad = round(28 * s)
+    label_h = round(44 * s)
+    row_gap = round(22 * s)
+    block_gap = round(26 * s)
+    table_rh = round(44 * s)
+    caption_h = round(34 * s)
+    conc_line = round(32 * s)
+    conc_pad = round(16 * s)
+
+    fp = pick_font(args.font)
+    f_title = font_at(fp, round(36 * s))
+    f_step = font_at(fp, round(26 * s))
+    f_tag = font_at(fp, round(21 * s))
+    f_cell = font_at(fp, round(24 * s))
+
+    # ── 解析参数 ──────────────────────────────────────────────────────────────
+    panels = []
+    for spec in args.panel:
+        if not args.shots:
+            sys.exit("[figure-compose] 用了 --panel 就必须给 --shots 目录")
+        name, label, desc = split_spec(spec, 3, "--panel", 2)
+        panels.append((label, desc, shot_path(args.shots, name)))
+
+    table_rows = []
+    for spec in args.table_row:
+        cells = [c.strip() for c in spec.split("|")]
+        accent = None
+        if cells and cells[-1].lower() in ACCENTS:
+            accent = ACCENTS[cells.pop().lower()]
+        table_rows.append((cells, accent))
+
+    compares = []
+    for spec in args.compare:
+        left_dir, right_dir, step, left_cap, right_cap = split_spec(spec, 5, "--compare", 3)
+        compares.append(
+            (
+                shot_path(left_dir, step),
+                shot_path(right_dir, step),
+                left_cap,
+                right_cap,
+            )
+        )
+
+    # ── 画布宽度：由版块自然宽度决定 ──────────────────────────────────────────
+    cell_w = round(args.cell_width * s)
+    cols = max(1, args.cols)
+    grid_w = pad * 2 + cols * cell_w + (cols - 1) * pad if panels else 0
+    cmp_w = pad * 2 + 2 * cell_w + pad if compares else 0
+    width = max(grid_w, cmp_w, round(900 * s))
+
+    # 对照版块在最终宽度下重新均分两栏
+    cmp_cell_w = (width - pad * 3) // 2
+
+    # ── 预加载图片（高度要参与排版，所以先全读进来） ──────────────────────────
+    panel_imgs = [load_scaled(p, cell_w) for _, _, p in panels]
+    compare_imgs = [
+        (load_scaled(l, cmp_cell_w), load_scaled(r, cmp_cell_w), lc, rc)
+        for l, r, lc, rc in compares
+    ]
+
+    # ── 版块高度 ──────────────────────────────────────────────────────────────
+    title_band = round(72 * s) + (round(34 * s) if args.subtitle else 0)
+
+    table_h = table_rh * len(table_rows)
+
+    grid_h = 0
+    if panels:
+        for r in range(0, len(panels), cols):
+            chunk = panel_imgs[r : r + cols]
+            grid_h += label_h + max(im.height for im in chunk) + row_gap
+
+    compare_h = 0
+    for left, right, _, _ in compare_imgs:
+        compare_h += max(left.height, right.height) + caption_h + row_gap
+
+    conc_h = 0
+    if args.conclusion:
+        conc_h = conc_pad * 2 + conc_line * len(args.conclusion)
+
+    blocks = [h for h in (table_h, grid_h, compare_h) if h > 0]
+    height = title_band + sum(blocks) + block_gap * max(0, len(blocks) - 1) + conc_h + pad
+
+    canvas = Image.new("RGB", (width, height), BG)
+    d = ImageDraw.Draw(canvas)
+
+    # ── 标题 ──────────────────────────────────────────────────────────────────
+    d.text((pad, round(20 * s)), args.title, font=f_title, fill=INK)
+    if args.subtitle:
+        d.text((pad, round(20 * s) + round(48 * s)), args.subtitle, font=f_tag, fill=SUB)
+
+    y = title_band
+    first_block = True
+
+    def begin_block() -> None:
+        nonlocal y, first_block
+        if not first_block:
+            y += block_gap
+        first_block = False
+
+    # ── 指标表 ────────────────────────────────────────────────────────────────
+    if table_rows:
+        begin_block()
+        ncols = max(len(cells) for cells, _ in table_rows)
+        col_step = (width - pad * 2 - 28) // max(1, ncols)
+        col_x = [pad + 14 + i * col_step for i in range(ncols)]
+
+        for r, (cells, accent) in enumerate(table_rows):
+            ty = y + r * table_rh
+            if r == 0:
+                d.rectangle([pad, ty, width - pad, ty + table_rh], fill=HEADBG)
+            d.line([pad, ty, width - pad, ty], fill=LINE, width=1)
+            for i, cell in enumerate(cells):
+                if i >= ncols:
+                    break
+                if r == 0:
+                    fill = SUB
+                elif accent and i == len(cells) - 1:
+                    fill = accent[2]
+                else:
+                    fill = INK
+                d.text((col_x[i], ty + round(10 * s)), cell, font=f_cell, fill=fill)
+        d.line(
+            [pad, y + table_rh * len(table_rows), width - pad, y + table_rh * len(table_rows)],
+            fill=LINE,
+            width=1,
+        )
+        y += table_h
+
+    # ── 截图网格 ──────────────────────────────────────────────────────────────
+    if panels:
+        begin_block()
+        row_y = y
+        for r in range(0, len(panels), cols):
+            chunk = panel_imgs[r : r + cols]
+            row_h = max(im.height for im in chunk)
+            for c, im in enumerate(chunk):
+                label, desc, _ = panels[r + c]
+                x = pad + c * (cell_w + pad)
+                d.text((x, row_y), label, font=f_step, fill=INK)
+                d.text((x + round(150 * s), row_y + round(5 * s)), desc, font=f_tag, fill=SUB)
+                canvas.paste(im, (x, row_y + label_h))
+                d.rectangle(
+                    [x - 2, row_y + label_h - 2, x + cell_w + 1, row_y + label_h + im.height + 1],
+                    outline=LINE,
+                    width=2,
+                )
+            row_y += label_h + row_h + row_gap
+        y = row_y
+
+    # ── 前后对照 ──────────────────────────────────────────────────────────────
+    if compare_imgs:
+        begin_block()
+        for left, right, left_cap, right_cap in compare_imgs:
+            ih = max(left.height, right.height)
+            for x, im, cap, accent in (
+                (pad, left, left_cap, ACCENTS["red"]),
+                (pad * 2 + cmp_cell_w, right, right_cap, ACCENTS["green"]),
+            ):
+                canvas.paste(im, (x, y))
+                d.rectangle([x - 2, y - 2, x + cmp_cell_w + 1, y + im.height + 1], outline=accent[0], width=4)
+                if cap:
+                    d.text((x, y + im.height + round(10 * s)), cap, font=f_tag, fill=accent[2])
+            y += ih + caption_h + row_gap
+
+    # ── 结论条 ────────────────────────────────────────────────────────────────
+    if args.conclusion:
+        begin_block()
+        stroke, fill_bg, fill_ink = ACCENTS["red" if args.conclusion_red else "green"]
+        d.rectangle([pad, y, width - pad, y + conc_h], fill=fill_bg, outline=stroke, width=3)
+        for i, line in enumerate(args.conclusion):
+            d.text((pad + round(20 * s), y + conc_pad + i * conc_line), line, font=f_tag, fill=fill_ink)
+        y += conc_h
+
+    out_dir = os.path.dirname(os.path.abspath(args.out))
+    os.makedirs(out_dir, exist_ok=True)
+    canvas.save(args.out)
+    print(f"[figure-compose] {args.out}  {canvas.size[0]}x{canvas.size[1]}")
+    return 0
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())

package/scripts/figure/replay-shots.mjs

@@ -0,0 +1,205 @@
+/**
+ * 把 steps.json 里累计的 ANSI 字节流回放成 PNG 截图（终端判读图流水线第 ② 阶段）。
+ *
+ *  - 用真实的 xterm.js 5.3.0（Chromium 内）回放「累计 ANSI 流」，
+ *    terminal 固定 120x30，与采集时的 VirtualTerminal 尺寸一致 —— 因此截图
+ *    就是「终端里真实长什么样」的忠实还原。
+ *  - 同时把每步的 scrollback（回滚缓冲）审计出来：横幅是否被重复夯进历史。
+ *
+ *   SHOT_DIR=<采集产物目录> node --experimental-strip-types scripts/figure/replay-shots.mjs
+ *
+ * 环境变量：SHOT_DIR（必填）· SHOT_COLS · SHOT_ROWS · SHOT_FONT · SHOT_SCROLLTOP
+ * 上游采集器：packages/cli/scripts/slash-toggle-capture.tsx（产物含 steps.json）
+ */
+import { readFileSync, writeFileSync, mkdirSync } from 'node:fs'
+import { resolve, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createRequire } from 'node:module'
+
+const require = createRequire(import.meta.url)
+const HERE = dirname(fileURLToPath(import.meta.url))
+
+const SHOT_DIR = process.env.SHOT_DIR
+if (!SHOT_DIR) {
+  console.error(
+    '[shot] 需要 SHOT_DIR 指向采集产物目录（里面要有 steps.json）。\n' +
+      '[shot] 例：SHOT_DIR=.playwright-mcp/slash-toggle node --experimental-strip-types ' +
+      'scripts/figure/replay-shots.mjs',
+  )
+  process.exit(1)
+}
+
+const DIR = resolve(SHOT_DIR)
+const IN = resolve(DIR, 'steps.json')
+const OUT = DIR
+
+const COLS = Number(process.env.SHOT_COLS || 120)
+const ROWS = Number(process.env.SHOT_ROWS || 30)
+const FONT_SIZE = Number(process.env.SHOT_FONT || 14)
+
+const steps = JSON.parse(readFileSync(IN, 'utf8'))
+
+// ── 1. 回滚缓冲审计（纯文本，不依赖浏览器） ────────────────────────────────
+const BANNER = 'DeepSeekCode'
+const countOf = (hay, needle) => {
+  let n = 0
+  for (let i = hay.indexOf(needle); i !== -1; i = hay.indexOf(needle, i + needle.length)) n++
+  return n
+}
+
+console.log('================ 回滚缓冲审计 ================')
+const audit = []
+for (const s of steps) {
+  const screenRows = s.screen.split('\n').length
+  const histRows = s.history.split('\n').length
+  const scrollbackRows = histRows - screenRows
+  const bannerTotal = countOf(s.history, BANNER)
+  const bannerScrollback = countOf(s.history.split('\n').slice(0, scrollbackRows).join('\n'), BANNER)
+  audit.push({
+    name: s.name,
+    bytes: s.bytes,
+    bannerWrites: s.bannerWrites,
+    screenRows,
+    scrollbackRows,
+    bannerTotal,
+    bannerScrollback,
+  })
+}
+console.table(audit)
+
+// 打印每步回滚区（viewport 之上的那几行），看是否有半截横幅残留
+for (const s of steps) {
+  const screenRows = s.screen.split('\n').length
+  const hist = s.history.split('\n')
+  const sb = hist.slice(0, hist.length - screenRows)
+  if (sb.length) {
+    console.log(`\n--- ${s.name}: scrollback ${sb.length} 行 ---`)
+    sb.forEach((l, i) => console.log(String(i).padStart(3) + '|' + l))
+  }
+}
+
+// ── 2. 用 xterm.js 渲染 PNG ────────────────────────────────────────────────
+const xtermJs = readFileSync(require.resolve('xterm/lib/xterm.js'), 'utf8')
+const xtermCss = readFileSync(require.resolve('xterm/css/xterm.css'), 'utf8')
+
+const { chromium } = require('playwright')
+
+const THEME = {
+  background: '#0c0c0c',
+  foreground: '#d4d4d4',
+  cursor: '#d4d4d4',
+  black: '#000000',
+  red: '#cd3131',
+  green: '#0dbc79',
+  yellow: '#e5e510',
+  blue: '#2472c8',
+  magenta: '#bc3fbc',
+  cyan: '#11a8cd',
+  white: '#e5e5e5',
+  brightBlack: '#666666',
+  brightRed: '#f14c4c',
+  brightGreen: '#23d18b',
+  brightYellow: '#f5f543',
+  brightBlue: '#3b8eea',
+  brightMagenta: '#d670d6',
+  brightCyan: '#29b8db',
+  brightWhite: '#e5e5e5',
+}
+
+function pageHtml() {
+  return `<!doctype html><html><head><meta charset="utf-8">
+<style>${xtermCss}</style>
+<style>
+  html,body{margin:0;padding:0;background:#0c0c0c;}
+  #wrap{display:inline-block;padding:0;}
+  .xterm-viewport{overflow:hidden !important;}
+</style></head>
+<body><div id="wrap"></div></body></html>`
+}
+
+// 本仓库的 playwright 走 --remote-debugging-pipe 会抛 `Invalid URL: undefined`，
+// 按 scripts/repro-browser.mjs 的做法改用 port 传输。
+const browser = await chromium.launch({
+  headless: true,
+  args: ['--no-sandbox', '--remote-debugging-port=0'],
+  ignoreDefaultArgs: ['--remote-debugging-pipe'],
+})
+mkdirSync(OUT, { recursive: true })
+const written = []
+
+try {
+  for (const step of steps) {
+    const page = await browser.newPage({
+      viewport: { width: 1600, height: 900 },
+      deviceScaleFactor: 2,
+    })
+    await page.setContent(pageHtml(), { waitUntil: 'load' })
+    await page.addScriptTag({ content: xtermJs })
+
+    const info = await page.evaluate(
+      async ({ cols, rows, ansi, fontSize, theme, scrollTop }) => {
+        // eslint-disable-next-line no-undef
+        const term = new window.Terminal({
+          cols,
+          rows,
+          fontSize,
+          fontFamily: 'Consolas, "Cascadia Mono", "Microsoft YaHei", monospace',
+          theme,
+          allowProposedApi: true,
+          convertEol: false,
+          // 保留回滚区，好把「被推入原生 scrollback 的残带」也拍出来
+          scrollback: 5000,
+        })
+        const wrap = document.getElementById('wrap')
+        term.open(wrap)
+        await new Promise((res) => term.write(ansi, res))
+        if (scrollTop) {
+          term.scrollToTop()
+          await new Promise((r) => setTimeout(r, 80))
+        }
+        await new Promise((r) => setTimeout(r, 120))
+        const buf = term.buffer.active
+        const el = document.querySelector('#wrap .xterm')
+        return {
+          width: el.getBoundingClientRect().width,
+          height: el.getBoundingClientRect().height,
+          scrollbackRows: buf.baseY,
+        }
+      },
+      {
+        cols: COLS,
+        rows: ROWS,
+        ansi: step.ansi,
+        fontSize: FONT_SIZE,
+        theme: THEME,
+        scrollTop: Boolean(process.env.SHOT_SCROLLTOP),
+      },
+    )
+
+    // 视口裁到真实像素尺寸
+    await page.setViewportSize({
+      width: Math.ceil(info.width) + 2,
+      height: Math.ceil(info.height) + 2,
+    })
+    await page.evaluate(() => {
+      document.body.style.background = '#0c0c0c'
+    })
+    await new Promise((r) => setTimeout(r, 120))
+
+    const el = await page.$('#wrap .xterm')
+    const suffix = process.env.SHOT_SCROLLTOP ? '-scrolltop' : ''
+    const file = resolve(OUT, `shot-${step.name}${suffix}.png`)
+    await el.screenshot({ path: file })
+    written.push(file)
+    console.log(
+      `[shot] ${step.name}${suffix}: ${Math.round(info.width)}x${Math.round(info.height)}css ` +
+        `scrollbackRows=${info.scrollbackRows} -> ${file}`,
+    )
+    await page.close()
+  }
+} finally {
+  await browser.close()
+}
+
+writeFileSync(resolve(OUT, 'audit.json'), JSON.stringify(audit, null, 2), 'utf8')
+console.log('\n[shot] wrote:\n' + written.map((f) => '  ' + f).join('\n'))

package/web/dist/assets/AssistantsView-OMdgsTIj.js

@@ -0,0 +1 @@
+import{j as e}from"./markdown-DEtuzEyz.js";import{a as r,au as j,h as N,L as v,be as w,b7 as S,b3 as k,aU as C,a9 as I,l as z}from"./icons-f1hlMKvD.js";import{u as g,a as y,a9 as A,aa as E}from"./index-u1vYyqna.js";import"./react-vendor-ClBKp0t-.js";import"./state-xD58vmym.js";import"./panels-Bn-2wCur.js";const R={idle:"bg-green-500",running:"bg-yellow-500 animate-pulse",paused:"bg-gray-500",error:"bg-red-500"};function q(d){return R[d]??"bg-gray-500"}const O=r.memo(function({onOpenSession:s,onNavigate:m}){const{t:a}=g(),[l,u]=r.useState([]),[n,c]=r.useState(!0),[p,h]=r.useState(null),[x,f]=r.useState(null),o=r.useCallback(async()=>{try{const t=await y.assistants.list();t.success&&Array.isArray(t.data)?(u(t.data),h(null)):h(t.error||a("assistants.loadFailed"))}catch(t){h(t instanceof Error?t.message:String(t))}finally{c(!1)}},[a]);r.useEffect(()=>{o();const t=window.setInterval(()=>{o()},8e3);return()=>window.clearInterval(t)},[o]);const b=r.useCallback(async(t,i)=>{(await y.assistants.update(t,i)).success&&o()},[o]);return e.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-dark-border px-4 py-2.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j,{size:16,className:"text-accent-blue","aria-hidden":"true"}),e.jsx("h2",{className:"text-sm font-semibold text-dark-text",children:a("assistants.title")}),!n&&e.jsx("span",{className:"rounded-full bg-dark-hover px-1.5 py-0.5 text-[10px] text-dark-muted",children:l.length})]}),e.jsxs("button",{type:"button",onClick:()=>void o(),className:"flex items-center gap-1 rounded px-2 py-1 text-xs text-dark-muted hover:bg-dark-hover hover:text-dark-text",title:a("common.refresh"),children:[e.jsx(N,{size:12,className:n?"animate-spin":"","aria-hidden":"true"}),a("common.refresh")]})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-3",children:n&&l.length===0?e.jsxs("div",{className:"flex items-center justify-center py-12 text-xs text-dark-muted",children:[e.jsx(v,{size:14,className:"mr-1.5 animate-spin","aria-hidden":"true"}),a("assistants.loading")]}):p&&l.length===0?e.jsx("div",{className:"py-8 text-center text-xs text-red-400",children:p}):l.length===0?e.jsxs("div",{className:"py-10 text-center text-xs text-dark-muted",children:[e.jsx(j,{size:24,className:"mx-auto mb-2 text-dark-muted","aria-hidden":"true"}),e.jsx("p",{children:a("assistants.empty")}),e.jsx("p",{className:"mt-1 text-[11px]",children:a("assistants.emptyHint")}),e.jsx("button",{type:"button",onClick:()=>m("channels"),className:"mt-3 rounded border border-dark-border px-2.5 py-1 text-[11px] text-dark-text hover:bg-dark-hover",children:a("assistants.goChannels")})]}):e.jsx("div",{className:"flex flex-col gap-2",children:l.map(t=>e.jsx(T,{assistant:t,expanded:x===t.sessionId,onToggleExpand:()=>f(x===t.sessionId?null:t.sessionId),onOpen:()=>s(t.sessionId,t.title),onUpdate:i=>void b(t.sessionId,i)},t.sessionId))})})]})}),T=r.memo(function({assistant:s,expanded:m,onToggleExpand:a,onOpen:l,onUpdate:u}){const{t:n}=g(),c=s.channel.peerKind==="group";return e.jsxs("div",{className:"rounded-lg border border-dark-border bg-dark-surface",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx("span",{className:"text-base leading-none","aria-hidden":"true",children:A(s.channel.type)}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"min-w-0 flex-1 truncate text-xs font-medium text-dark-text",title:s.title,children:s.title}),e.jsx("span",{className:`h-1.5 w-1.5 shrink-0 rounded-full ${q(s.status)}`,title:n(`assistants.status.${s.status}`,{defaultValue:s.status})}),c?e.jsx(w,{size:11,className:"shrink-0 text-dark-muted","aria-label":n("assistants.group")}):e.jsx(S,{size:11,className:"shrink-0 text-dark-muted","aria-label":n("assistants.dm")})]}),e.jsxs("div",{className:"mt-0.5 flex items-center gap-1.5 text-[10px] text-dark-muted",children:[e.jsx("span",{className:"shrink-0",children:E(s.channel.type)}),e.jsx("span",{className:"min-w-0 flex-1 truncate",title:s.channel.peerId,children:s.channel.peerId}),s.stats.unread>0&&e.jsx("span",{className:"shrink-0 rounded-full bg-red-500/80 px-1.5 text-[9px] font-medium text-white",children:s.stats.unread})]}),s.preview&&e.jsx("p",{className:"mt-1 line-clamp-2 text-[11px] leading-snug text-dark-muted",title:s.preview,children:s.preview})]}),e.jsx(U,{mode:s.mode}),s.trust.level==="owner"?e.jsx(k,{size:12,className:"shrink-0 text-green-500","aria-label":n("assistants.trust.owner")}):s.trust.level==="public"?e.jsx(C,{size:12,className:"shrink-0 text-yellow-600","aria-label":n("assistants.trust.public")}):e.jsx(k,{size:12,className:"shrink-0 text-accent-blue","aria-label":n("assistants.trust.team")})]}),e.jsxs("div",{className:"flex items-center gap-1.5 border-t border-dark-border px-3 py-1.5",children:[e.jsxs("button",{type:"button",onClick:l,className:"flex items-center gap-1 rounded px-2 py-0.5 text-[11px] text-accent-blue hover:bg-dark-hover",children:[e.jsx(I,{size:11,"aria-hidden":"true"}),n("assistants.openSession")]}),e.jsx("button",{type:"button",onClick:a,className:"flex items-center gap-1 rounded px-2 py-0.5 text-[11px] text-dark-muted hover:bg-dark-hover hover:text-dark-text",children:n("assistants.policy")}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-[10px] text-dark-muted",children:n("assistants.groupPolicy",{mention:String(c?s.policy.mentionRequired:!1)})})]}),m&&e.jsx(M,{assistant:s,isGroup:c,onUpdate:u})]})});function U({mode:d}){const{t:s}=g();return e.jsx("span",{className:`shrink-0 rounded px-1.5 py-0.5 text-[9px] font-medium ${d==="delegate"?"bg-accent-blue/15 text-accent-blue":"bg-dark-hover text-dark-muted"}`,children:s(`assistants.mode.${d}`)})}function M({assistant:d,isGroup:s,onUpdate:m}){const{t:a}=g(),[l,u]=r.useState(d.mode),[n,c]=r.useState(d.policy.mentionRequired),[p,h]=r.useState(String(d.policy.cooldownSeconds)),[x,f]=r.useState((d.policy.keywords??[]).join(", ")),[o,b]=r.useState(!1),t=()=>{b(!0),m({mode:l,policy:{mentionRequired:s?n:!1,cooldownSeconds:Math.max(0,Number(p)||0),...x.trim()?{keywords:x.split(/[,，]/).map(i=>i.trim()).filter(Boolean)}:{}}}),window.setTimeout(()=>b(!1),600)};return e.jsxs("div",{className:"border-t border-dark-border px-3 py-2.5 text-[11px]",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-2",children:[e.jsxs("label",{className:"flex items-center gap-1.5 text-dark-muted",children:[a("assistants.mode.label"),e.jsxs("select",{value:l,onChange:i=>u(i.target.value),className:"rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-dark-text",children:[e.jsx("option",{value:"delegate",children:a("assistants.mode.delegate")}),e.jsx("option",{value:"direct",children:a("assistants.mode.direct")})]})]}),s&&e.jsxs("label",{className:"flex items-center gap-1.5 text-dark-muted",children:[e.jsx("input",{type:"checkbox",checked:n,onChange:i=>c(i.target.checked)}),a("assistants.mentionRequired")]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-dark-muted",children:[a("assistants.cooldown"),e.jsx("input",{type:"number",min:0,value:p,onChange:i=>h(i.target.value),className:"w-14 rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-dark-text"}),"s"]})]}),e.jsxs("label",{className:"mt-2 flex items-center gap-1.5 text-dark-muted",children:[a("assistants.keywords"),e.jsx("input",{type:"text",value:x,placeholder:a("assistants.keywordsPlaceholder")??"",onChange:i=>f(i.target.value),className:"min-w-0 flex-1 rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-dark-text"})]}),e.jsx("div",{className:"mt-2 flex justify-end",children:e.jsxs("button",{type:"button",onClick:t,disabled:o,className:"flex items-center gap-1 rounded bg-accent-blue px-2.5 py-1 text-[11px] font-medium text-white disabled:opacity-60",children:[o?e.jsx(v,{size:11,className:"animate-spin","aria-hidden":"true"}):e.jsx(z,{size:11,"aria-hidden":"true"}),a("common.save")]})})]})}export{O as AssistantsView};

package/web/dist/assets/AutomationView-BPwjLbkL.js

@@ -0,0 +1 @@
+import{j as e}from"./markdown-DEtuzEyz.js";import{a as n,ay as v,h as $,aa as D,A as I,bp as L,f as O,aE as J,b2 as U,X as B}from"./icons-f1hlMKvD.js";import{u as M,ab as V}from"./index-u1vYyqna.js";import"./react-vendor-ClBKp0t-.js";import"./state-xD58vmym.js";import"./panels-Bn-2wCur.js";function Q(){const{t:a}=M(),{automations:r,runsByAutomation:d,fetchAutomations:o,createAutomation:N,deleteAutomation:y,toggleAutomation:w,runAutomation:C,fetchRuns:A,error:l}=V(),[S,x]=n.useState(!1),[m,P]=n.useState(null),[u,p]=n.useState(""),[h,b]=n.useState(""),[i,g]=n.useState("0 9 * * *"),[f,j]=n.useState("");n.useEffect(()=>{o()},[o]);const z=async t=>{const s=f.trim();if(!s)return;const[c,...T]=s.split(/\s+/),k=T.join(" ");c&&k&&(await fetch(`/api/automations/${encodeURIComponent(t)}/permissions`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({tool:c,target:k})})).ok&&(j(""),await o())},E=async(t,s)=>{(await fetch(`/api/automations/${encodeURIComponent(t)}/permissions`,{method:"DELETE",headers:{"content-type":"application/json"},body:JSON.stringify({entry:s})})).ok&&await o()},R=async t=>{const s=m===t?null:t;P(s),s&&await A(t)};return e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2",children:[e.jsx(v,{size:20,className:"text-accent-blue"}),a("automation.title"),e.jsxs("span",{className:"text-xs text-dark-muted font-normal",children:["(",r.length,")"]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>void o(),className:"p-2 rounded-lg hover:bg-dark-hover text-dark-muted",title:a("automation.refresh"),children:e.jsx($,{size:16})}),e.jsxs("button",{onClick:()=>x(t=>!t),className:"flex items-center gap-1 px-3 py-1.5 rounded-lg bg-accent-blue/20 text-accent-blue hover:bg-accent-blue/30 text-sm font-medium",children:[e.jsx(D,{size:16})," ",a("automation.new")]})]})]}),l&&e.jsxs("div",{className:"mb-3 p-3 rounded-lg bg-accent-red/10 text-accent-red text-sm flex items-center gap-2",children:[e.jsx(I,{size:16})," ",l]}),S&&e.jsxs("div",{className:"mb-4 rounded-lg border border-dark-border bg-dark-surface p-4 space-y-3",children:[e.jsx("input",{value:u,onChange:t=>p(t.target.value),placeholder:a("automation.namePlaceholder"),className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-sm focus:outline-none focus:border-accent-blue"}),e.jsx("textarea",{value:h,onChange:t=>b(t.target.value),placeholder:a("automation.instructionsPlaceholder"),rows:3,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-sm focus:outline-none focus:border-accent-blue resize-none"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{value:i,onChange:t=>g(t.target.value),placeholder:a("automation.cronPlaceholder"),className:"flex-1 px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-sm focus:outline-none focus:border-accent-blue"}),e.jsx("button",{onClick:async()=>{await N({name:u,instructions:h,schedule:{kind:"cron",cron:i}})&&(p(""),b(""),x(!1))},className:"px-4 py-2 rounded-lg bg-accent-blue text-white text-sm font-medium hover:bg-accent-blue/80",children:a("automation.create")})]}),e.jsx("div",{className:"flex gap-2 flex-wrap",children:[["0 9 * * *",a("automation.cronDaily9")],["0 9 * * 1-5",a("automation.cronWeekday9")],["*/30 * * * *",a("automation.cronEvery30Min")]].map(([t,s])=>e.jsxs("button",{onClick:()=>g(t),className:`px-2 py-1 rounded text-xs ${i===t?"bg-accent-blue/20 text-accent-blue":"bg-dark-hover text-dark-muted hover:text-dark-text"}`,children:[s," (",t,")"]},t))})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto space-y-2",children:[r.length===0&&e.jsx("p",{className:"text-dark-muted text-center py-8",children:a("automation.empty")}),r.map(t=>e.jsxs("div",{className:"rounded-lg border border-dark-border bg-dark-surface",children:[e.jsxs("div",{className:"flex items-center justify-between p-3",children:[e.jsxs("button",{onClick:()=>void R(t.id),className:"flex items-center gap-2 min-w-0 text-left",children:[e.jsx(v,{size:16,className:"text-accent-blue shrink-0"}),e.jsx("span",{className:"font-medium text-sm truncate",children:t.name}),e.jsx("span",{className:`text-xs px-1.5 py-0.5 rounded shrink-0 ${t.status==="enabled"?"bg-accent-green/20 text-accent-green":"bg-dark-hover text-dark-muted"}`,children:t.status})]}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[e.jsxs("span",{className:"text-xs text-dark-muted hidden lg:inline mr-1",children:[t.schedule.kind==="cron"?t.schedule.cron:t.schedule.fireAt,t.nextRunAt?` · ${new Date(t.nextRunAt).toLocaleString()}`:""]}),e.jsx("button",{onClick:()=>void w(t.id,t.status!=="enabled"),className:"p-1.5 rounded-lg hover:bg-dark-hover text-dark-muted",title:t.status==="enabled"?a("automation.disable"):a("automation.enable"),children:e.jsx(L,{size:15})}),e.jsx("button",{onClick:()=>void C(t.id),className:"p-1.5 rounded-lg hover:bg-dark-hover text-accent-green",title:a("automation.runNow"),children:e.jsx(O,{size:15})}),e.jsx("button",{onClick:()=>void y(t.id),className:"p-1.5 rounded-lg hover:bg-dark-hover text-accent-red",title:a("automation.delete"),children:e.jsx(J,{size:15})})]})]}),m===t.id&&e.jsxs("div",{className:"px-3 pb-3 space-y-3 border-t border-dark-border pt-3",children:[e.jsx("p",{className:"text-xs text-dark-muted whitespace-pre-wrap",children:t.instructions}),e.jsxs("div",{children:[e.jsxs("h4",{className:"text-xs font-semibold text-dark-muted mb-1 flex items-center gap-1",children:[e.jsx(U,{size:12})," ",a("automation.historyTitle")]}),(d[t.id]||[]).length===0&&e.jsx("p",{className:"text-xs text-dark-muted",children:a("automation.noRuns")}),(d[t.id]||[]).slice(0,10).map(s=>e.jsxs("div",{className:"flex items-center gap-2 text-xs py-1",children:[e.jsx("span",{className:`px-1.5 py-0.5 rounded ${s.status==="ok"?"bg-accent-green/20 text-accent-green":s.status==="error"?"bg-accent-red/20 text-accent-red":"bg-accent-yellow/20 text-accent-yellow"}`,children:s.status}),e.jsx("span",{className:"text-dark-muted",children:new Date(s.startedAt).toLocaleString()}),e.jsxs("span",{className:"text-dark-muted truncate flex-1",children:["#",s.id.slice(0,8)," · ",s.trigger]})]},s.id))]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-semibold text-dark-muted mb-1",children:a("automation.permissionsTitle")}),t.permissions.length===0&&e.jsx("p",{className:"text-xs text-dark-muted",children:a("automation.permissionsEmpty")}),e.jsx("div",{className:"flex flex-wrap gap-1 mb-1",children:t.permissions.map(s=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded bg-accent-blue/10 text-accent-blue text-xs",children:[s,e.jsx("button",{onClick:()=>void E(t.id,s),className:"hover:text-accent-red",children:e.jsx(B,{size:12})})]},s))}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{value:f,onChange:s=>j(s.target.value),placeholder:a("automation.permissionPlaceholder"),className:"flex-1 px-2 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-xs focus:outline-none focus:border-accent-blue"}),e.jsx("button",{onClick:()=>void z(t.id),className:"px-3 py-1.5 rounded-lg bg-dark-hover text-dark-muted hover:text-dark-text text-xs",children:a("automation.add")})]})]})]})]},t.id))]})]})}export{Q as AutomationView};