@opencue/cli 0.0.0-stage → 1.0.41

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-dhdYVIy0.js

@@ -0,0 +1 @@
+import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{$ as t,At as n,J as r,L as i,Ur as a,d as o,ft as s,g as c,kr as l,n as u,ot as d,u as f,xr as p,yt as m,z as h}from"./icons-BvYhTENi.js";import{t as g}from"./useTranslation-BGmCDuQI.js";import{t as _}from"./api-CCt9DRQm.js";import{I as v}from"./markdown-DAQZeY5V.js";import{A as y,f as b,r as x}from"./common-BHXgEvgk.js";import{n as S,t as C}from"./channelMeta-BGQXQxgj.js";import{i as w}from"./index-BX-d2OBW.js";var T=e(a(),1),E=v(),D=(0,T.memo)(function({selectedSessionId:e,onSelectionChange:n,onOpenSession:r,onNavigate:i,onCollapse:a,onDeleted:o}){let{t:s}=g(),[c,u]=(0,T.useState)([]),[f,p]=(0,T.useState)(!0),[h,v]=(0,T.useState)(null),[y,x]=(0,T.useState)(null),[S,C]=(0,T.useState)(null),[w,D]=(0,T.useState)(!1),[O,A]=(0,T.useState)(null),[j,M]=(0,T.useState)(null),N=(0,T.useCallback)(async()=>{try{let e=await _.assistants.list();e.success&&Array.isArray(e.data)?(u(e.data),v(null)):v(e.error||s(`assistants.loadFailed`))}catch(e){v(e instanceof Error?e.message:String(e))}finally{p(!1)}},[s]);(0,T.useEffect)(()=>{N();let e=window.setInterval(()=>{N()},8e3);return()=>window.clearInterval(e)},[N]);let P=(0,T.useCallback)(async(e,t)=>{(await _.assistants.update(e,t)).success&&N()},[N]),F=(0,T.useCallback)(async()=>{D(!0),M(null);try{let e=await _.assistants.create({title:s(`assistants.newAssistantTitle`)});e.success&&e.data?(await N(),n(e.data),C(e.data.sessionId)):M(e.error||s(`assistants.createFailed`))}catch(e){M(e instanceof Error?e.message:String(e))}finally{D(!1)}},[N,n,s]),I=(0,T.useCallback)(async(e,t)=>{M(null);try{let n=await _.assistants.rename(e,t);n.success?(C(null),await N()):M(n.error||s(`assistants.renameFailed`))}catch(e){M(e instanceof Error?e.message:String(e))}},[N,s]),L=(0,T.useCallback)(async(t,n)=>{if(typeof window>`u`||typeof window.confirm!=`function`||window.confirm(s(`assistants.deleteConfirm`,{title:n}))){M(null),A(t);try{let n=await _.assistants.remove(t);n.success?(S===t&&C(null),e===t&&o?.(t),await N()):M(n.error||s(`assistants.deleteFailed`))}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(null)}}},[S,e,o,N,s]);return(0,T.useEffect)(()=>{if(!e)return;let t=c.find(t=>t.sessionId===e);t&&n(t)},[c,e,n]),(0,E.jsxs)(`div`,{className:`flex h-full flex-col overflow-hidden`,children:[(0,E.jsxs)(`div`,{className:`flex items-center justify-between border-b border-dark-border px-4 py-2.5`,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(l,{size:16,className:`text-accent-blue`,"aria-hidden":`true`}),(0,E.jsx)(`h2`,{className:`text-sm font-semibold text-dark-text`,children:s(`assistants.title`)}),!f&&(0,E.jsx)(`span`,{className:`rounded-full bg-dark-hover px-1.5 py-0.5 text-badge text-dark-muted`,children:c.length})]}),(0,E.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,E.jsxs)(`button`,{type:`button`,onClick:()=>void F(),disabled:w,className:`flex items-center gap-1 rounded px-2 py-1 text-xs text-accent-blue hover:bg-dark-hover disabled:opacity-50`,title:s(`assistants.newAssistantHint`),"data-testid":`assistants-create`,children:[(0,E.jsx)(d,{size:12,"aria-hidden":`true`}),s(`assistants.newAssistant`)]}),(0,E.jsxs)(`button`,{type:`button`,onClick:()=>void N(),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:s(`common.refresh`),children:[(0,E.jsx)(t,{size:12,className:f?`animate-spin`:``,"aria-hidden":`true`}),s(`common.refresh`)]}),a&&(0,E.jsx)(`button`,{type:`button`,onClick:a,className:`rounded p-1 text-dark-muted hover:bg-dark-hover hover:text-dark-text`,title:s(`assistants.collapseList`),"aria-label":s(`assistants.collapseList`),"aria-expanded":!0,"data-testid":`assistants-list-collapse`,children:(0,E.jsx)(m,{size:13,"aria-hidden":`true`})})]})]}),j&&(0,E.jsx)(`div`,{className:`border-b border-dark-border px-4 py-1.5 text-meta text-accent-red`,role:`alert`,children:j}),(0,E.jsx)(`div`,{className:`flex-1 min-h-0 overflow-y-auto p-2`,children:f&&c.length===0?(0,E.jsx)(`div`,{className:`py-2`,role:`status`,"aria-label":s(`assistants.loading`),children:(0,E.jsx)(b,{count:4})}):h&&c.length===0?(0,E.jsx)(`div`,{className:`py-8 text-center text-xs text-accent-red`,children:h}):c.length===0?(0,E.jsxs)(`div`,{className:`py-10 text-center text-xs text-dark-muted`,children:[(0,E.jsx)(l,{size:24,className:`mx-auto mb-2 text-dark-muted`,"aria-hidden":`true`}),(0,E.jsx)(`p`,{children:s(`assistants.empty`)}),(0,E.jsx)(`p`,{className:`mt-1 text-meta`,children:s(`assistants.emptyHint`)}),(0,E.jsx)(`button`,{type:`button`,onClick:()=>i(`channels`),className:`mt-3 rounded border border-dark-border px-2.5 py-1 text-meta text-dark-text hover:bg-dark-hover`,children:s(`assistants.goChannels`)})]}):(0,E.jsx)(`div`,{className:`flex flex-col gap-2`,children:c.map(t=>(0,E.jsx)(k,{assistant:t,selected:e===t.sessionId,onSelect:()=>n(t),expanded:y===t.sessionId,onToggleExpand:()=>x(y===t.sessionId?null:t.sessionId),onOpen:()=>r(t.sessionId,t.title),onUpdate:e=>void P(t.sessionId,e),editing:S===t.sessionId,onStartRename:()=>C(t.sessionId),onCancelRename:()=>C(null),onRename:e=>void I(t.sessionId,e),deleting:O===t.sessionId,onDelete:()=>void L(t.sessionId,t.title)},t.sessionId))})})]})});function O(e){if(e===`running`)return`running`;if(e===`paused`)return`waiting`;if(e===`error`)return`failed`}var k=(0,T.memo)(function({assistant:e,selected:t,onSelect:r,expanded:a,onToggleExpand:u,onOpen:d,onUpdate:p,editing:m,onStartRename:_,onCancelRename:v,onRename:y,deleting:b,onDelete:T}){let{t:D}=g(),k=e.channel?.peerKind===`group`,N=e.kind===`home`;return(0,E.jsxs)(`div`,{className:`rounded-lg border bg-dark-surface transition-colors ${t?`border-accent-blue/60 ring-1 ring-accent-blue/30`:`border-dark-border`}`,children:[(0,E.jsxs)(`button`,{type:`button`,onClick:r,"aria-current":t?`true`:void 0,className:`flex w-full items-center gap-2 rounded-t-lg px-3 py-2 text-start focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-blue/60 ${t?`bg-accent-blue/5`:`hover:bg-dark-hover/40`}`,children:[(0,E.jsx)(x,{sessionId:e.sessionId,status:O(e.status),size:40}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[e.channel?(0,E.jsx)(`span`,{className:`text-base leading-none`,"aria-hidden":`true`,children:C(e.channel.type)}):(0,E.jsx)(l,{size:14,className:`shrink-0 text-dark-muted`,"aria-hidden":`true`}),(0,E.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-xs font-medium text-dark-text`,title:e.title,children:e.title}),(0,E.jsx)(`span`,{className:`h-1.5 w-1.5 shrink-0 rounded-full ${w(e.status)}`,title:D(`assistants.status.${e.status}`,{defaultValue:e.status})}),e.channel&&(k?(0,E.jsx)(f,{size:11,className:`shrink-0 text-dark-muted`,"aria-label":D(`assistants.group`)}):(0,E.jsx)(o,{size:11,className:`shrink-0 text-dark-muted`,"aria-label":D(`assistants.dm`)}))]}),(0,E.jsxs)(`div`,{className:`mt-0.5 flex items-center gap-1.5 text-badge text-dark-muted`,children:[(0,E.jsx)(`span`,{className:`shrink-0`,children:e.channel?S(e.channel.type):D(N?`assistants.homeLabel`:`assistants.localLabel`)}),(0,E.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,title:e.channel?.peerId,children:e.channel?e.channel.peerId:D(N?`assistants.homeHint`:`assistants.localHint`)}),e.stats.unread>0&&(0,E.jsx)(`span`,{className:`shrink-0 rounded-full bg-accent-red/15 px-1.5 text-avatar font-medium text-accent-fg`,children:e.stats.unread})]}),e.preview&&(0,E.jsx)(`p`,{className:`mt-1 line-clamp-2 text-meta leading-snug text-dark-muted`,title:e.preview,children:e.preview})]}),(0,E.jsx)(j,{mode:e.mode}),e.trust.level===`owner`?(0,E.jsx)(i,{size:12,className:`shrink-0 text-accent-green`,"aria-label":D(`assistants.trust.owner`)}):e.trust.level===`public`?(0,E.jsx)(h,{size:12,className:`shrink-0 text-accent-yellow`,"aria-label":D(`assistants.trust.public`)}):(0,E.jsx)(i,{size:12,className:`shrink-0 text-accent-blue`,"aria-label":D(`assistants.trust.team`)})]}),(0,E.jsxs)(`div`,{className:`flex items-center gap-1.5 border-t border-dark-border px-3 py-1.5`,children:[(0,E.jsxs)(`button`,{type:`button`,onClick:d,className:`flex items-center gap-1 rounded px-2 py-0.5 text-meta text-accent-blue hover:bg-dark-hover`,children:[(0,E.jsx)(n,{size:11,"aria-hidden":`true`}),D(`assistants.openSession`)]}),(0,E.jsx)(`button`,{type:`button`,onClick:u,className:`flex items-center gap-1 rounded px-2 py-0.5 text-meta text-dark-muted hover:bg-dark-hover hover:text-dark-text`,children:D(`assistants.policy`)}),!N&&(0,E.jsx)(`button`,{type:`button`,onClick:m?v:_,className:`flex items-center gap-1 rounded px-2 py-0.5 text-meta text-dark-muted hover:bg-dark-hover hover:text-dark-text`,title:D(`assistants.rename`),"aria-label":D(`assistants.rename`),"aria-pressed":m,"data-testid":`assistant-rename-${e.sessionId}`,children:(0,E.jsx)(s,{size:11,"aria-hidden":`true`})}),!N&&(0,E.jsx)(`button`,{type:`button`,onClick:T,disabled:b,className:`flex items-center gap-1 rounded px-2 py-0.5 text-meta text-dark-muted hover:bg-accent-red/10 hover:text-accent-red disabled:opacity-50`,title:D(`assistants.deleteHint`),"aria-label":D(`assistants.delete`),"data-testid":`assistant-delete-${e.sessionId}`,children:(0,E.jsx)(c,{size:11,"aria-hidden":`true`})}),(0,E.jsx)(`span`,{className:`flex-1`}),(0,E.jsx)(`span`,{className:`text-badge text-dark-muted`,children:D(`assistants.groupPolicy`,{mention:String(k?e.policy.mentionRequired:!1)})})]}),a&&(0,E.jsx)(M,{assistant:e,isGroup:k,onUpdate:p}),m&&(0,E.jsx)(A,{initial:e.title,onSubmit:y,onCancel:v})]})});function A({initial:e,onSubmit:t,onCancel:n}){let{t:r}=g(),[i,a]=(0,T.useState)(e),o=()=>{let r=i.trim();!r||r===e?n():t(r)};return(0,E.jsxs)(`div`,{className:`flex items-center gap-1.5 border-t border-dark-border px-3 py-1.5`,children:[(0,E.jsx)(`input`,{autoFocus:!0,type:`text`,value:i,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),o()):e.key===`Escape`&&(e.preventDefault(),n())},"aria-label":r(`assistants.renameLabel`),"data-testid":`assistant-rename-input`,className:`min-w-0 flex-1 rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-meta text-dark-text`}),(0,E.jsx)(`button`,{type:`button`,onClick:o,className:`rounded p-1 text-accent-blue hover:bg-dark-hover`,title:r(`common.save`),"aria-label":r(`common.save`),"data-testid":`assistant-rename-save`,children:(0,E.jsx)(p,{size:12,"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,onClick:n,className:`rounded p-1 text-dark-muted hover:bg-dark-hover hover:text-dark-text`,title:r(`common.cancel`),"aria-label":r(`common.cancel`),children:(0,E.jsx)(u,{size:12,"aria-hidden":`true`})})]})}function j({mode:e}){let{t}=g();return(0,E.jsx)(`span`,{className:`shrink-0 rounded px-1.5 py-0.5 text-avatar font-medium ${e===`delegate`?`bg-accent-blue/15 text-accent-blue`:`bg-dark-hover text-dark-muted`}`,children:t(`assistants.mode.${e}`)})}function M({assistant:e,isGroup:t,onUpdate:n}){let{t:i}=g(),[a,o]=(0,T.useState)(e.mode),[s,c]=(0,T.useState)(e.policy.mentionRequired),[l,u]=(0,T.useState)(String(e.policy.cooldownSeconds)),[d,f]=(0,T.useState)((e.policy.keywords??[]).join(`, `)),[p,m]=(0,T.useState)(!1);return(0,E.jsxs)(`div`,{className:`border-t border-dark-border px-3 py-2.5 text-meta`,children:[(0,E.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2`,children:[(0,E.jsxs)(`label`,{className:`flex items-center gap-1.5 text-dark-muted`,children:[i(`assistants.mode.label`),(0,E.jsxs)(`select`,{value:a,onChange:e=>o(e.target.value),className:`rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-dark-text`,children:[(0,E.jsx)(`option`,{value:`delegate`,children:i(`assistants.mode.delegate`)}),(0,E.jsx)(`option`,{value:`direct`,children:i(`assistants.mode.direct`)})]})]}),t&&(0,E.jsxs)(`label`,{className:`flex items-center gap-1.5 text-dark-muted`,children:[(0,E.jsx)(`input`,{type:`checkbox`,checked:s,onChange:e=>c(e.target.checked)}),i(`assistants.mentionRequired`)]}),(0,E.jsxs)(`label`,{className:`flex items-center gap-1.5 text-dark-muted`,children:[i(`assistants.cooldown`),(0,E.jsx)(`input`,{type:`number`,min:0,value:l,onChange:e=>u(e.target.value),className:`w-14 rounded border border-dark-border bg-dark-surface px-1.5 py-0.5 text-dark-text`}),`s`]})]}),(0,E.jsxs)(`label`,{className:`mt-2 flex items-center gap-1.5 text-dark-muted`,children:[i(`assistants.keywords`),(0,E.jsx)(`input`,{type:`text`,value:d,placeholder:i(`assistants.keywordsPlaceholder`)??``,onChange:e=>f(e.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`})]}),(0,E.jsx)(`div`,{className:`mt-2 flex justify-end`,children:(0,E.jsx)(y,{size:`sm`,variant:`accent`,onClick:()=>{m(!0),n({mode:a,policy:{mentionRequired:t?s:!1,cooldownSeconds:Math.max(0,Number(l)||0),...d.trim()?{keywords:d.split(/[,，]/).map(e=>e.trim()).filter(Boolean)}:{}}}),window.setTimeout(()=>m(!1),600)},loading:p,leftIcon:(0,E.jsx)(r,{size:11,"aria-hidden":`true`}),children:i(`common.save`)})})]})}export{D as AssistantsView};