#!/usr/bin/env node
/**
 * todo/todo.mjs — 项目 TODO 管理 CLI（零依赖，Node.js >= 18）
 *
 * 状态流转：open → doing → done → accepted
 *              done ←─ reject（退回，升为最高优先级）
 *   open     待开始   Claude 可设
 *   doing    开发中   Claude 可设
 *   done     待验收   Claude 可设（开发完成，等用户确认）
 *   accepted 已验收   仅限用户设置（手动编辑 JSON 或 `done <id>` 命令）
 *
 * 子命令：
 *   add    --title "..." [--level high|mid|low] [--tags a,b] [--desc "..."]
 *   status <id> <open|doing|done>        — 更新开发状态（Claude 可调用）
 *   done   <id> [--version vX.Y.Z]      — 标记已验收交付（仅用户调用）
 *   reject <id> --reason "原因"          — 拒绝验收，退回 open 并升为 high（仅用户调用）
 *   reopen <id>                          — 重新开启（清空拒绝记录）
 *   rm     <id>
 *   list
 *   render
 */

import { readFileSync, writeFileSync, existsSync } from 'node:fs';
import { resolve, dirname } from 'node:path';
import { execSync } from 'node:child_process';
import { fileURLToPath } from 'node:url';

const __dir  = dirname(fileURLToPath(import.meta.url));
const DB     = resolve(__dir, 'todo.json');
const HTML   = resolve(__dir, 'todo.html');

// ─── 常量 ────────────────────────────────────────────────────────────────────

const LEVEL_LABEL = { high: '高', mid: '中', low: '低' };
const LEVEL_ORDER = { high: 0, mid: 1, low: 2 };

const STATUS_LABEL = { open: '待开始', doing: '开发中', done: '待验收', accepted: '已验收' };
const STATUS_ORDER = { open: 0, doing: 1, done: 2, accepted: 3 };

// ─── 数据读写 ────────────────────────────────────────────────────────────────

function load() {
  if (!existsSync(DB)) {
    return { meta: { title: '酒库管理系统 — 项目 TODO', updated_at: now() }, seq: 0, items: [] };
  }
  const db = JSON.parse(readFileSync(DB, 'utf8'));
  // 迁移旧格式：无 status 字段时，依据 done 布尔值补全
  for (const item of db.items) {
    if (!item.status) {
      item.status = item.done ? 'accepted' : 'open';
    }
  }
  return db;
}

function save(db) {
  db.meta.updated_at = now();
  writeFileSync(DB, JSON.stringify(db, null, 2) + '\n', 'utf8');
}

function now() {
  return new Date().toISOString();
}

function fmtDate(iso) {
  if (!iso) return '';
  const d = new Date(iso);
  return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
}

function gitTag() {
  try {
    return execSync('git describe --tags --abbrev=0', { encoding: 'utf8', stdio: ['ignore','pipe','ignore'] }).trim();
  } catch {
    return null;
  }
}

// ─── 终端 summary ────────────────────────────────────────────────────────────

function levelText(level) {
  return { high: '高优 · 紧急', mid: '重要', low: '一般 / 优化' }[level] || level;
}

function printSummary(db) {
  const byStatus = { open: [], doing: [], done: [], accepted: [] };
  for (const i of db.items) {
    (byStatus[i.status] || byStatus.open).push(i);
  }
  for (const st of ['open','doing','done','accepted']) {
    byStatus[st].sort((a,b) => (LEVEL_ORDER[a.level]??9) - (LEVEL_ORDER[b.level]??9) || a.id - b.id);
  }

  const total    = db.items.length;
  const pending  = byStatus.open.length + byStatus.doing.length + byStatus.done.length;
  const accepted = byStatus.accepted.length;

  console.log(`\nTODO  共 ${total} · 进行中 ${pending} · 已验收 ${accepted}`);

  for (const [st, label] of [['open','待开始'],['doing','开发中'],['done','待验收']]) {
    if (byStatus[st].length === 0) continue;
    console.log(`${label}（${byStatus[st].length}）：`);
    for (const i of byStatus[st]) {
      const tags = i.tags && i.tags.length ? '  ' + i.tags.join('/') : '';
      const lvl  = LEVEL_LABEL[i.level] || i.level;
      console.log(`  [${lvl}] #${i.id} ${i.title}${tags}`);
    }
  }

  if (byStatus.accepted.length) {
    console.log(`已验收（最近 5 条）：`);
    for (const i of byStatus.accepted.slice(0, 5)) {
      const ver = i.version ? `（${i.version}）` : '';
      console.log(`  ✅ #${i.id} ${i.title}${ver}`);
    }
  }
  console.log('');
}

// ─── HTML 渲染 ───────────────────────────────────────────────────────────────

function esc(s) {
  return String(s ?? '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}

function renderDesc(s) {
  if (!s) return '';
  return esc(s).replace(/`([^`]+)`/g, '<code>$1</code>');
}

function levelClass(level) {
  return { high: 't-block', mid: 't-high', low: 't-low' }[level] || 't-low';
}

function statusClass(status) {
  return { open: 's-open', doing: 's-doing', done: 's-done', accepted: 's-accepted' }[status] || 's-open';
}

function renderItems(items) {
  if (!items.length) return '<p class="empty-tip">暂无条目</p>';
  return items.map(i => {
    const tags    = (i.tags||[]).map(t => `<span class="tag t-tag" data-tag="${esc(t)}">${esc(t)}</span>`).join(' ');
    const desc    = i.desc ? `<div class="item-desc">${renderDesc(i.desc)}</div>` : '';
    const stCls   = statusClass(i.status);
    const stLbl   = STATUS_LABEL[i.status] || i.status;
    const rejectNote = i.reject_reason
      ? `<div class="reject-note">🚫 拒绝原因：${esc(i.reject_reason)}<span class="reject-date"> · ${fmtDate(i.rejected_at)}</span></div>`
      : '';
    const rejectBtn = i.status === 'done'
      ? `<button class="reject-btn" data-id="${i.id}" data-title="${esc(i.title)}">拒绝验收</button>`
      : '';
    const meta    = `<div class="item-meta">
      <span class="meta-date">🕐 ${fmtDate(i.created_at)}</span>
      ${i.status === 'accepted' ? `<span class="meta-date">✅ 验收 ${fmtDate(i.completed_at)}${i.version ? ' · <span class="ver-badge">'+esc(i.version)+'</span>' : ''}</span>` : ''}
    </div>`;
    const lvlCls  = levelClass(i.level);
    return `
    <li class="todo-card ${stCls}"
        data-id="${i.id}"
        data-level="${esc(i.level)}"
        data-status="${esc(i.status)}"
        data-tags="${esc((i.tags||[]).join(','))}">
      <div class="card-header">
        <span class="item-title">${esc(i.title)}</span>
        <div class="card-badges">
          <span class="tag status-badge ${stCls}">${stLbl}</span>
          <span class="tag ${lvlCls}">${levelText(i.level)}</span>
          ${rejectBtn}
        </div>
      </div>
      ${rejectNote}
      ${desc}
      <div class="card-footer">
        <div class="tag-row">${tags}</div>
        ${meta}
      </div>
    </li>`;
  }).join('\n');
}

function buildHtml(db) {
  const allTags = [...new Set(db.items.flatMap(i => i.tags||[]))].sort();

  const byStatus = { open: [], doing: [], done: [], accepted: [] };
  for (const i of db.items) {
    (byStatus[i.status] || byStatus.open).push(i);
  }
  const sortFn = (a,b) => (LEVEL_ORDER[a.level]??9) - (LEVEL_ORDER[b.level]??9) || a.id - b.id;
  for (const st of Object.keys(byStatus)) byStatus[st].sort(sortFn);
  byStatus.accepted.sort((a,b) => (b.completed_at||'') > (a.completed_at||'') ? 1 : -1);

  const total   = db.items.length;
  const pending = byStatus.open.length + byStatus.doing.length + byStatus.done.length;

  const tagChips = allTags.map(t =>
    `<button class="filter-chip" data-filter-tag="${esc(t)}">${esc(t)}</button>`
  ).join('');

  return `<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>${esc(db.meta.title)}</title>
<style>
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 0 80px;
  font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1f2933; background: #f7f9fb; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
header {
  background: linear-gradient(135deg, #0A1F3B 0%, #15407D 100%);
  color: #fff; padding: 36px 32px 28px;
}
header h1 { margin: 0 0 6px; font-size: 24px; font-weight: 700; }
header .header-meta { color: #ADC9EA; font-size: 13px; margin-top: 4px; }
.stats { display: flex; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
.stat-pill {
  background: rgba(255,255,255,0.12); border-radius: 20px;
  padding: 4px 14px; font-size: 13px; color: #fff;
}
.stat-pill strong { font-size: 18px; font-weight: 700; margin-right: 2px; }

/* ── 筛选栏 ── */
.filter-bar {
  position: sticky; top: 0; z-index: 10;
  background: #fff; border-bottom: 1px solid #e4e9ef;
  padding: 10px 28px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
}
.filter-group { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.filter-label { font-size: 12px; color: #7b8794; white-space: nowrap; }
.filter-chip, .filter-btn {
  padding: 3px 12px; border-radius: 14px; border: 1.5px solid #d1d9e6;
  background: #f7f9fb; color: #52606d; font-size: 12.5px; cursor: pointer;
  transition: all .15s; white-space: nowrap;
}
.filter-chip:hover, .filter-btn:hover { border-color: #2563AC; color: #2563AC; }
.filter-chip.active, .filter-btn.active {
  background: #2563AC; border-color: #2563AC; color: #fff;
}
.filter-sep { width: 1px; height: 20px; background: #e4e9ef; margin: 0 4px; }

/* ── 内容区 ── */
.wrap { max-width: 980px; margin: 0 auto; padding: 0 24px; }
.section-block { margin-bottom: 8px; }
.section-title {
  font-size: 15px; font-weight: 700;
  padding: 10px 14px; border-radius: 8px;
  display: flex; align-items: center; gap: 8px; cursor: pointer;
  margin: 20px 0 8px; user-select: none;
}
.section-title .s-count {
  font-size: 12px; font-weight: 500; padding: 1px 8px; border-radius: 10px;
  background: rgba(0,0,0,0.08);
}
.section-title .s-arrow { margin-left: auto; font-size: 12px; color: inherit; opacity: .6; }

/* 状态主题色 */
.st-open    { background: #eff6ff; color: #1e40af; border-left: 4px solid #3b82f6; }
.st-doing   { background: #fff7ed; color: #9a3412; border-left: 4px solid #f97316; }
.st-done    { background: #fefce8; color: #854d0e; border-left: 4px solid #eab308; }
.st-accepted{ background: #f0fdf4; color: #166534; border-left: 4px solid #22c55e; }

ul.todo-list { list-style: none; margin: 0; padding: 0; }
.todo-card {
  background: #fff; border: 1px solid #e4e9ef; border-radius: 10px;
  padding: 14px 18px; margin-bottom: 10px;
  border-left-width: 4px;
}
/* 卡片左边框颜色与状态匹配 */
.todo-card.s-open     { border-left-color: #3b82f6; }
.todo-card.s-doing    { border-left-color: #f97316; }
.todo-card.s-done     { border-left-color: #eab308; }
.todo-card.s-accepted { border-left-color: #22c55e; background: #f0fdf4; opacity: .8; }

.card-header { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.item-title { font-weight: 600; font-size: 15px; flex: 1; }
.todo-card.s-accepted .item-title { text-decoration: line-through; color: #52606d; }
.card-badges { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.item-desc { font-size: 13.5px; color: #52606d; margin-top: 6px; }
.item-desc code {
  background: #f0f2f5; padding: 1px 5px; border-radius: 3px;
  font-family: "JetBrains Mono", monospace; font-size: 12.5px; color: #b91c1c;
}
.card-footer { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.item-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: #8aa3c4; }
.meta-date { white-space: nowrap; }

/* ── 标签样式 ── */
.tag { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.t-block { background: #fde8e8; color: #b91c1c; }
.t-high  { background: #fef0d8; color: #9a6700; }
.t-low   { background: #e6f0fb; color: #1d4ed8; }
.t-tag   { background: #efefef; color: #555; cursor: pointer; transition: .12s; }
.t-tag:hover { background: #d9e8fb; color: #1d4ed8; }
.ver-badge { font-weight: 700; color: #1f7a44; }

/* 状态徽章 */
.status-badge { font-size: 11.5px; }
.s-open     { background: #dbeafe; color: #1e40af; }
.s-doing    { background: #ffedd5; color: #9a3412; }
.s-done     { background: #fef9c3; color: #854d0e; }
.s-accepted { background: #dcfce7; color: #166534; }

/* ── 折叠 ── */
.section-list-wrap.collapsed { display: none; }
.empty-tip { font-size: 14px; color: #8aa3c4; margin: 8px 0 24px; }
.hidden { display: none !important; }

/* ── 拒绝按钮 & 拒绝原因 ── */
.reject-btn {
  padding: 3px 10px; border-radius: 6px; border: 1.5px solid #dc2626;
  background: #fff; color: #dc2626; font-size: 12px; font-weight: 600;
  cursor: pointer; transition: all .15s; white-space: nowrap;
}
.reject-btn:hover { background: #dc2626; color: #fff; }
.reject-note {
  margin: 8px 0 4px; padding: 7px 12px; border-radius: 6px;
  background: #fef2f2; border: 1px solid #fecaca;
  font-size: 13px; color: #b91c1c; line-height: 1.5;
}
.reject-date { color: #ef9999; font-size: 12px; }

/* ── 拒绝 Modal ── */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  display: flex; align-items: center; justify-content: center; z-index: 999;
}
.modal-box {
  background: #fff; border-radius: 12px; padding: 28px 32px;
  width: min(480px, 94vw); box-shadow: 0 20px 60px rgba(0,0,0,.2);
}
.modal-box h3 { margin: 0 0 4px; font-size: 17px; color: #1f2933; }
.modal-subtitle { font-size: 13px; color: #52606d; margin: 0 0 18px; }
.modal-label { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px; display: block; }
.modal-label .req { color: #dc2626; margin-left: 2px; }
.modal-textarea {
  width: 100%; border: 1.5px solid #d1d9e6; border-radius: 8px;
  padding: 10px 12px; font-size: 14px; font-family: inherit; resize: vertical;
  min-height: 88px; outline: none; transition: border-color .15s;
}
.modal-textarea:focus { border-color: #dc2626; }
.modal-textarea.error { border-color: #dc2626; background: #fff8f8; }
.modal-err { font-size: 12px; color: #dc2626; margin-top: 4px; display: none; }
.modal-err.show { display: block; }
.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.modal-btn { padding: 8px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; transition: all .15s; }
.modal-btn-cancel { background: #f3f4f6; color: #374151; }
.modal-btn-cancel:hover { background: #e5e7eb; }
.modal-btn-reject { background: #dc2626; color: #fff; }
.modal-btn-reject:hover { background: #b91c1c; }
.modal-cmd-wrap { margin-top: 16px; padding: 12px 14px; background: #1e293b; border-radius: 8px; }
.modal-cmd-label { font-size: 12px; color: #94a3b8; margin-bottom: 8px; }
.modal-cmd-code { font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 13px; color: #86efac; word-break: break-all; display: block; }
.modal-copy-btn { margin-top: 10px; padding: 5px 14px; border-radius: 6px; background: #334155; color: #e2e8f0; border: none; font-size: 12px; cursor: pointer; }
.modal-copy-btn:hover { background: #475569; }
</style>
</head>
<body>

<header>
  <div class="wrap">
    <h1>${esc(db.meta.title)}</h1>
    <div class="header-meta">生成于 ${fmtDate(db.meta.updated_at)} · 真相源 todo/todo.json</div>
    <div class="stats">
      <div class="stat-pill"><strong>${total}</strong>全部</div>
      <div class="stat-pill"><strong>${byStatus.open.length}</strong>待开始</div>
      <div class="stat-pill"><strong>${byStatus.doing.length}</strong>开发中</div>
      <div class="stat-pill"><strong>${byStatus.done.length}</strong>待验收</div>
      <div class="stat-pill"><strong>${byStatus.accepted.length}</strong>已验收</div>
    </div>
  </div>
</header>

<div class="filter-bar" id="filterBar">
  <div class="filter-group">
    <span class="filter-label">重要度</span>
    <button class="filter-btn active" data-filter-level="all">全部</button>
    <button class="filter-btn" data-filter-level="high">高优</button>
    <button class="filter-btn" data-filter-level="mid">重要</button>
    <button class="filter-btn" data-filter-level="low">一般</button>
  </div>
  <div class="filter-sep"></div>
  <div class="filter-group">
    <span class="filter-label">状态</span>
    <button class="filter-btn active" data-filter-status="all">全部</button>
    <button class="filter-btn" data-filter-status="open">待开始</button>
    <button class="filter-btn" data-filter-status="doing">开发中</button>
    <button class="filter-btn" data-filter-status="done">待验收</button>
    <button class="filter-btn" data-filter-status="accepted">已验收</button>
  </div>
  ${allTags.length ? `<div class="filter-sep"></div>
  <div class="filter-group">
    <span class="filter-label">平台 / 标签</span>
    ${tagChips}
  </div>` : ''}
</div>

<div class="wrap">

  ${[
    { st: 'open',     label: '📋 待开始', cls: 'st-open',     collapsed: false },
    { st: 'doing',    label: '🔨 开发中', cls: 'st-doing',    collapsed: false },
    { st: 'done',     label: '🔍 待验收', cls: 'st-done',     collapsed: false },
    { st: 'accepted', label: '✅ 已验收', cls: 'st-accepted', collapsed: true  },
  ].map(({ st, label, cls, collapsed }) => `
  <div class="section-block" id="section-${st}">
    <div class="section-title ${cls}" data-toggle="${st}">
      ${label} <span class="s-count">${byStatus[st].length}</span>
      <span class="s-arrow">${collapsed ? '▾ 展开' : '▴ 收起'}</span>
    </div>
    <div class="section-list-wrap ${collapsed ? 'collapsed' : ''}" id="list-wrap-${st}">
      <ul class="todo-list" id="list-${st}">
        ${renderItems(byStatus[st])}
      </ul>
    </div>
  </div>`).join('')}

</div>

<!-- 拒绝验收 Modal -->
<div id="reject-modal" class="modal-overlay" style="display:none">
  <div class="modal-box">
    <h3>拒绝验收</h3>
    <p class="modal-subtitle" id="reject-modal-subtitle"></p>
    <label class="modal-label">拒绝原因<span class="req">*</span></label>
    <textarea class="modal-textarea" id="reject-reason-input" rows="3" placeholder="请说明具体问题，Claude 将以此为依据修复…"></textarea>
    <div class="modal-err" id="reject-reason-err">请填写拒绝原因</div>
    <div id="reject-cmd-wrap" class="modal-cmd-wrap" style="display:none">
      <div class="modal-cmd-label">在终端运行以下命令：</div>
      <code class="modal-cmd-code" id="reject-cmd-text"></code>
      <button class="modal-copy-btn" id="reject-copy-btn">复制命令</button>
    </div>
    <div class="modal-actions">
      <button class="modal-btn modal-btn-cancel" id="reject-cancel-btn">取消</button>
      <button class="modal-btn modal-btn-reject" id="reject-confirm-btn">确认拒绝</button>
    </div>
  </div>
</div>

<script>
(function() {
  let curLevel  = 'all';
  let curStatus = 'all';
  let curTags   = new Set();

  function applyFilter() {
    document.querySelectorAll('.todo-card').forEach(card => {
      const lvl    = card.dataset.level;
      const status = card.dataset.status;
      const tags   = card.dataset.tags ? card.dataset.tags.split(',') : [];

      let show = true;
      if (curLevel  !== 'all' && lvl    !== curLevel)  show = false;
      if (curStatus !== 'all' && status !== curStatus) show = false;
      if (curTags.size > 0 && ![...curTags].some(t => tags.includes(t))) show = false;

      card.classList.toggle('hidden', !show);
    });

    // 筛选后自动展开包含结果的区域
    if (curStatus !== 'all') {
      const wrap = document.getElementById('list-wrap-' + curStatus);
      if (wrap) {
        wrap.classList.remove('collapsed');
        const title = document.querySelector('[data-toggle="' + curStatus + '"] .s-arrow');
        if (title) title.textContent = '▴ 收起';
      }
    }
  }

  // 重要度筛选
  document.querySelectorAll('[data-filter-level]').forEach(btn => {
    btn.addEventListener('click', () => {
      curLevel = btn.dataset.filterLevel;
      document.querySelectorAll('[data-filter-level]').forEach(b => b.classList.toggle('active', b === btn));
      applyFilter();
    });
  });

  // 状态筛选
  document.querySelectorAll('[data-filter-status]').forEach(btn => {
    btn.addEventListener('click', () => {
      curStatus = btn.dataset.filterStatus;
      document.querySelectorAll('[data-filter-status]').forEach(b => b.classList.toggle('active', b === btn));
      applyFilter();
    });
  });

  // 标签筛选（多选）
  document.querySelectorAll('[data-filter-tag]').forEach(btn => {
    btn.addEventListener('click', () => {
      const t = btn.dataset.filterTag;
      if (curTags.has(t)) { curTags.delete(t); btn.classList.remove('active'); }
      else                 { curTags.add(t);    btn.classList.add('active');    }
      applyFilter();
    });
  });

  // 卡片标签 → 快速筛选
  document.querySelectorAll('.t-tag').forEach(tag => {
    tag.addEventListener('click', e => {
      e.stopPropagation();
      const t = tag.dataset.tag;
      const chip = document.querySelector('[data-filter-tag="'+t+'"]');
      if (chip) chip.click();
    });
  });

  // 区域折叠切换
  document.querySelectorAll('.section-title[data-toggle]').forEach(title => {
    title.addEventListener('click', () => {
      const st   = title.dataset.toggle;
      const wrap = document.getElementById('list-wrap-' + st);
      const arrow = title.querySelector('.s-arrow');
      if (!wrap) return;
      const collapsed = wrap.classList.toggle('collapsed');
      if (arrow) arrow.textContent = collapsed ? '▾ 展开' : '▴ 收起';
    });
  });

  // ── 拒绝验收 Modal ──
  const modal       = document.getElementById('reject-modal');
  const reasonInput = document.getElementById('reject-reason-input');
  const reasonErr   = document.getElementById('reject-reason-err');
  const cmdWrap     = document.getElementById('reject-cmd-wrap');
  const cmdText     = document.getElementById('reject-cmd-text');
  const copyBtn     = document.getElementById('reject-copy-btn');
  let   rejectId    = null;

  document.querySelectorAll('.reject-btn').forEach(btn => {
    btn.addEventListener('click', e => {
      e.stopPropagation();
      rejectId = btn.dataset.id;
      document.getElementById('reject-modal-subtitle').textContent = '#' + rejectId + ' ' + btn.dataset.title;
      reasonInput.value = '';
      reasonInput.classList.remove('error');
      reasonErr.classList.remove('show');
      cmdWrap.style.display = 'none';
      document.getElementById('reject-confirm-btn').style.display = '';
      copyBtn.textContent = '复制命令';
      modal.style.display = 'flex';
      setTimeout(() => reasonInput.focus(), 80);
    });
  });

  document.getElementById('reject-cancel-btn').addEventListener('click', () => {
    modal.style.display = 'none';
  });

  modal.addEventListener('click', e => {
    if (e.target === modal) modal.style.display = 'none';
  });

  document.getElementById('reject-confirm-btn').addEventListener('click', () => {
    const reason = reasonInput.value.trim();
    if (!reason) {
      reasonInput.classList.add('error');
      reasonErr.classList.add('show');
      reasonInput.focus();
      return;
    }
    const escaped = reason.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
    const cmd = 'node todo/todo.mjs reject ' + rejectId + ' --reason "' + escaped + '"';
    cmdText.textContent = cmd;
    cmdWrap.style.display = 'block';
    document.getElementById('reject-confirm-btn').style.display = 'none';
  });

  reasonInput.addEventListener('input', () => {
    if (reasonInput.value.trim()) {
      reasonInput.classList.remove('error');
      reasonErr.classList.remove('show');
    }
  });

  copyBtn.addEventListener('click', () => {
    navigator.clipboard.writeText(cmdText.textContent).then(() => {
      copyBtn.textContent = '已复制 ✓';
    });
  });
})();
</script>
</body>
</html>`;
}

// ─── CLI 解析 ────────────────────────────────────────────────────────────────

function parseArgs(argv) {
  const args = {};
  let pos = [];
  for (let i = 0; i < argv.length; i++) {
    if (argv[i].startsWith('--')) {
      const key = argv[i].slice(2);
      const val = argv[i+1] && !argv[i+1].startsWith('--') ? argv[++i] : true;
      args[key] = val;
    } else {
      pos.push(argv[i]);
    }
  }
  args._ = pos;
  return args;
}

function findItem(db, id) {
  const n = parseInt(id, 10);
  const item = db.items.find(i => i.id === n);
  if (!item) { console.error(`错误：找不到 id=${n} 的条目`); process.exit(1); }
  return item;
}

// ─── 子命令 ─────────────────────────────────────────────────────────────────

function cmdAdd(db, args) {
  const title = args.title || (args._.join(' ') || '').trim();
  if (!title) { console.error('错误：--title 不能为空'); process.exit(1); }

  const level = ['high','mid','low'].includes(args.level) ? args.level : 'mid';
  const tags  = args.tags ? args.tags.split(',').map(t => t.trim()).filter(Boolean) : [];
  const desc  = args.desc || null;

  db.seq++;
  const item = {
    id: db.seq,
    title,
    desc,
    level,
    tags,
    status: 'open',
    created_at: now(),
    done: false,
    completed_at: null,
    version: null,
  };
  db.items.push(item);
  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  console.log(`✅ 已添加 #${item.id} [${levelText(level)}] ${title}${tags.length ? '  ' + tags.join('/') : ''}`);
  printSummary(db);
}

/** status <id> <open|doing|done>  — Claude 可调用，accepted 由用户手动设置 */
function cmdStatus(db, args) {
  const id        = args._[0];
  const newStatus = args._[1];

  if (newStatus === 'accepted') {
    console.error('❌ 状态 "accepted"（已验收）只能由用户手动修改 todo.json，或使用 `done <id>` 命令');
    process.exit(1);
  }
  if (!['open','doing','done'].includes(newStatus)) {
    console.error(`错误：无效状态 "${newStatus}"，可选：open | doing | done`);
    process.exit(1);
  }

  const item    = findItem(db, id);
  item.status   = newStatus;
  item.done     = false;

  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  const emoji = { open: '📋', doing: '🔨', done: '🔍' }[newStatus];
  console.log(`${emoji} #${item.id}「${item.title}」→ ${STATUS_LABEL[newStatus]}`);
  printSummary(db);
}

/** done <id>  — 标记已验收交付（仅用户调用），记录版本号 */
function cmdDone(db, args) {
  const id   = args._[0];
  const item = findItem(db, id);

  let version = args.version || null;
  if (!version) {
    version = gitTag();
    if (!version) console.warn('⚠️  无法从 git 获取版本号，version 将为空');
  }

  item.status       = 'accepted';
  item.done         = true;
  item.completed_at = now();
  item.version      = version;

  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  console.log(`✅ #${item.id}「${item.title}」已验收${version ? '，记入版本 ' + version : ''}`);
  printSummary(db);
}

/** reject <id> --reason "原因"  — 拒绝验收，退回 open 并升级为 high（仅 done 状态可用） */
function cmdReject(db, args) {
  const id     = args._[0];
  const reason = (args.reason || '').trim();

  if (!reason) {
    console.error('错误：--reason 不能为空，请说明拒绝原因');
    process.exit(1);
  }

  const item = findItem(db, id);
  if (item.status !== 'done') {
    console.error(`错误：只有「待验收（done）」状态的条目才能拒绝，当前状态：${item.status}`);
    process.exit(1);
  }

  const prevLevel   = item.level;
  item.status       = 'open';
  item.done         = false;
  item.level        = 'high';
  item.reject_reason = reason;
  item.rejected_at  = now();
  item.version      = null;

  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  console.log(`🚫 #${item.id}「${item.title}」已拒绝${prevLevel !== 'high' ? '，优先级升为最高' : ''}`);
  console.log(`   原因：${reason}`);
  printSummary(db);
}

function cmdReopen(db, args) {
  const id   = args._[0];
  const item = findItem(db, id);

  item.status        = 'open';
  item.done          = false;
  item.completed_at  = null;
  item.version       = null;
  item.reject_reason = null;
  item.rejected_at   = null;

  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  console.log(`🔄 #${item.id}「${item.title}」已重新开启`);
  printSummary(db);
}

function cmdRm(db, args) {
  const id  = parseInt(args._[0], 10);
  const idx = db.items.findIndex(i => i.id === id);
  if (idx < 0) { console.error(`错误：找不到 id=${id}`); process.exit(1); }

  const [removed] = db.items.splice(idx, 1);
  save(db);
  writeFileSync(HTML, buildHtml(db), 'utf8');

  console.log(`🗑️  #${removed.id}「${removed.title}」已删除`);
  printSummary(db);
}

function cmdList(db) {
  writeFileSync(HTML, buildHtml(db), 'utf8');
  printSummary(db);
  console.log(`📄 HTML：todo/todo.html`);
}

function cmdRender(db) {
  writeFileSync(HTML, buildHtml(db), 'utf8');
  console.log('🖨️  todo/todo.html 已重新渲染');
}

// ─── 入口 ────────────────────────────────────────────────────────────────────

const [,, subcmd, ...rest] = process.argv;
const db   = load();
const args = parseArgs(rest);

switch (subcmd) {
  case 'add':    cmdAdd(db, args);    break;
  case 'status': cmdStatus(db, args); break;
  case 'done':   cmdDone(db, args);   break;
  case 'reject': cmdReject(db, args); break;
  case 'reopen': cmdReopen(db, args); break;
  case 'rm':     cmdRm(db, args);     break;
  case 'list':
  case undefined:
  case '':       cmdList(db);         break;
  case 'render': cmdRender(db);       break;
  default:
    console.error(`未知子命令：${subcmd}\n用法：node todo.mjs add|status|done|reject|reopen|rm|list|render`);
    process.exit(1);
}