{% extends "base.html" %}
{% block title %}{{ name }} — News Harvester{% endblock %}
{% block extra_head %}
  {% if auto_refresh or agent_running %}
  <meta http-equiv="refresh" content="10">
  {% endif %}
  <style>
  .phasebar { display:flex; align-items:flex-start; margin:18px 0 0; }
  .pstage { display:flex; flex-direction:column; align-items:center; min-width:76px; }
  .pdot { width:16px; height:16px; border-radius:50%; background:#3a3d47; border:2px solid #4a4e5a; box-sizing:border-box; }
  .pstage.done .pdot { background:#2ea043; border-color:#2ea043; }
  .pstage.cur .pdot { background:#e8c34a; border-color:#e8c34a; box-shadow:0 0 9px #e8c34a; animation:ppulse 1.4s ease-in-out infinite; }
  .plabel { margin-top:6px; font-size:12px; color:#777; }
  .pstage.done .plabel { color:#3fb950; }
  .pstage.cur .plabel { color:#e8c34a; font-weight:700; }
  .pconn { flex:1; height:3px; border-radius:2px; background:#2a2d37; margin-top:7px; }
  .pconn.done { background:#2ea043; }
  .pconn.cur { background:linear-gradient(90deg,#2ea043,#e8c34a); }
  @keyframes ppulse { 50% { box-shadow:0 0 3px rgba(232,195,74,.35); } }
  </style>
{% endblock %}
{% block content %}

{# ── 页头:源名 + 状态 + 排期 ───────────────────────────── #}
<div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px">
  <h1 style="margin:0">{{ name }}</h1>
  {% if agent_running %}
    <span class="badge ok" style="font-size:13px">● 运行中</span>
  {% elif business_result %}
    <span class="badge {{ 'ok' if business_result.status == 'SUCCESS' else 'fail' }}" style="font-size:13px">
      {{ '上次成功' if business_result.status == 'SUCCESS' else '上次失败' }}
    </span>
  {% else %}
    <span class="badge unknown" style="font-size:13px">无运行记录</span>
  {% endif %}
  {% if run_time and run_time != '-' %}
  <span style="color:#888;font-size:13px">每天 {{ run_time }} 自动采集</span>
  {% endif %}
</div>

{% if agent_running and run_phase %}
<div class="phasebar">
  {% set stages = ['采集中', '摘要生成', '推送/收尾', '完成'] %}
  {% set cur = stages.index(run_phase) if run_phase in stages else 0 %}
  {% for st in stages %}
  <div class="pstage {{ 'done' if loop.index0 < cur else ('cur' if loop.index0 == cur else '') }}">
    <div class="pdot"></div>
    <div class="plabel">{{ st }}</div>
  </div>
  {% if not loop.last %}
  <div class="pconn {{ 'done' if loop.index0 < cur else ('cur' if loop.index0 == cur else '') }}"></div>
  {% endif %}
  {% endfor %}
</div>
<div style="color:#888;font-size:12px;margin:4px 0 14px">
  当前阶段:<strong style="color:#e8c34a">{{ run_phase }}</strong>
  {% if run_elapsed is not none %} · 已运行 {{ run_elapsed }} 分钟{% endif %}
  · 采集中(浏览器)→ 摘要生成 → 推送/收尾 · 页面每 10 秒自动刷新
</div>
{% endif %}

{% if continue_status and continue_status.running %}
<div class="running-banner">
  <div class="spinner"></div>
  <span>{{ continue_status.mode | replace('resume', '续采') | replace('repair', '修复') }}任务运行中… (启动于 {{ continue_status.start }})</span>
  <span style="margin-left:auto;color:#666;font-size:12px">页面每 10 秒自动刷新</span>
</div>
{% endif %}

{# ── 主要操作 ──────────────────────────────────────────── #}
<div class="actions">
  <form method="POST" action="{{ url_for('run_source', name=name) }}" style="display:inline"
        onsubmit="return confirm('确定手动触发 {{ name }} 抓取？')">
    <button type="submit" class="btn btn-primary" {% if (continue_status and continue_status.running) or agent_running %}disabled{% endif %}>
      {% if agent_running %}采集运行中…{% else %}手动触发{% endif %}
    </button>
  </form>
  <form method="POST" action="{{ url_for('continue_source', name=name) }}" style="display:inline"
        onsubmit="return confirmContinue('resume', '{{ name }}', '{{ conf.get("FALLBACK_PROVIDER", "") }}', '{{ conf.get("PROVIDER", "") }}')">
    <input type="hidden" name="mode" value="resume">
    <select name="provider" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px;font-size:13px" {% if continue_status and continue_status.running %}disabled{% endif %}>
      <option value="">默认 (FALLBACK)</option>
      {% for p in providers %}
      <option value="{{ p.name }}">{{ p.name }}</option>
      {% endfor %}
    </select>
    <button type="submit" class="btn" {% if continue_status and continue_status.running %}disabled{% endif %}>
      {% if continue_status and continue_status.running and continue_status.mode == 'resume' %}续采中…{% else %}继续采集{% endif %}
    </button>
  </form>
  <form method="POST" action="{{ url_for('continue_source', name=name) }}" style="display:inline"
        onsubmit="return confirmContinue('repair', '{{ name }}', '{{ conf.get("FALLBACK_PROVIDER", "") }}', '{{ conf.get("PROVIDER", "") }}')">
    <input type="hidden" name="mode" value="repair">
    <select name="provider" style="background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px;font-size:13px" {% if continue_status and continue_status.running %}disabled{% endif %}>
      <option value="">默认 (FALLBACK)</option>
      {% for p in providers %}
      <option value="{{ p.name }}">{{ p.name }}</option>
      {% endfor %}
    </select>
    <button type="submit" class="btn btn-danger" {% if continue_status and continue_status.running %}disabled{% endif %}>
      {% if continue_status and continue_status.running and continue_status.mode == 'repair' %}修复中…{% else %}采集修复{% endif %}
    </button>
  </form>
</div>

<script>
function confirmContinue(mode, source, fallbackProvider, currentProvider) {
  var form = event.target.closest('form');
  var sel = form.querySelector('select[name="provider"]');
  var selectedProvider = sel ? sel.value : '';
  var modeLabel = mode === 'repair' ? '采集修复' : '继续采集';

  if (!selectedProvider && !fallbackProvider) {
    var msg = '确定对 ' + source + ' 执行' + modeLabel + '？\n' +
              '将恢复上次 Claude 对话' +
              (mode === 'repair' ? ',清理之前归档的错误数据,重新完整采集并 force 推送' : ',在已有基础上继续完成中断的采集') + '。\n\n' +
              '⚠️ 该数据源没有配置备用 provider(FALLBACK_PROVIDER),\n' +
              '将使用与上次相同的 provider 重试。确认继续？';
    return confirm(msg);
  }
  if (mode === 'repair') {
    return confirm('⚠️ 确定对 ' + source + ' 执行采集修复？\n\n' +
                    '这将:\n1. 恢复上次 Claude 对话\n2. 清理之前归档的错误数据\n' +
                    '3. 重新完整采集并 force 推送\n\n此操作会删除之前本次采集的文章,无法撤销!');
  }
  return confirm('确定对 ' + source + ' 执行继续采集？\n将恢复上次 Claude 对话,在已有基础上继续完成中断的采集。');
}
</script>

{# ── 运行概览(合并原 Timer 信息 / 最近运行 / JSON 元数据 的高频字段) ── #}
<h2>运行概览</h2>
<div class="cards">
  <div class="card">
    <div class="label">状态</div>
    <div class="value {{ 'green' if state_label in ('运行中', 'active') else '' }}">{{ state_label }}</div>
  </div>
  <div class="card">
    <div class="label">上次运行</div>
    <div class="value" style="font-size:14px">{{ last_trigger }}</div>
  </div>
  <div class="card">
    <div class="label">下次触发</div>
    <div class="value" style="font-size:14px">{{ next_trigger }}</div>
  </div>
  {% if log_info %}
  <div class="card">
    <div class="label">上次成本</div>
    <div class="value">{{ log_info.get('cost', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">上次耗时</div>
    <div class="value" style="font-size:14px">{{ log_info.get('duration', '-') }}</div>
  </div>
  <div class="card">
    <div class="label">Provider</div>
    <div class="value" style="font-size:14px">{{ log_info.get('provider', '-') }}</div>
  </div>
  {% endif %}
</div>
{% if log_info and log_info.get('session') %}
<p style="color:#666;font-size:12px;margin:6px 0 0">Session: <span class="session-id">{{ log_info.session }}</span>
  {% if log_info.get('turns') %} · Turns {{ log_info.get('turns') }}{% endif %}
  {% if json_meta and json_meta.get('duration_api') %} · API {{ json_meta.duration_api }} ms{% endif %}
</p>
{% endif %}

{# ── 采集结果 ──────────────────────────────────────────── #}
{% if business_result %}
<h2>采集结果{% if result_time %} <span style="font-size:13px;color:#666;font-weight:normal">{{ result_time }}</span>{% endif %}</h2>
<div class="cards">
  <div class="card"><div class="label">结果状态</div><div class="value {{ 'green' if business_result.status == 'SUCCESS' else 'red' }}">{{ '成功' if business_result.status == 'SUCCESS' else '失败' }}</div></div>
  <div class="card"><div class="label">成功 / 失败 / 目标</div><div class="value">{{ business_result.succeeded_count }} / {{ business_result.failed_count }} / {{ business_result.requested_count }}</div></div>
</div>
{% for failure in business_result.failures %}
<p style="color:#f44747"><strong>{{ failure.type }}</strong> · {{ failure.message }} {% if failure.url %}（{{ failure.url }}）{% endif %}</p>
{% endfor %}
{% for warning in business_result.warnings %}<p>提示：{{ warning }}</p>{% endfor %}
{% if business_result.source_exhausted %}<p>已无更多新文章：{{ business_result.exhaustion_reason }}</p>{% endif %}
<div class="table-wrap">
<table>
  <thead><tr><th>文章</th><th>状态</th><th>正文长度</th><th>分类 / 标签</th><th>失败原因</th></tr></thead>
  <tbody>
    {% for article in business_result.articles %}
    {% set archive = article.archive if article.archive is defined else {} %}
    {% set archive_props = archive.get('properties', {}) %}
    <tr>
      <td>{% if article.url.startswith('https://') or article.url.startswith('http://') %}<a class="source-link" href="{{ article.url }}" target="_blank" rel="noopener noreferrer">{{ article.title or article.url }}</a>{% else %}{{ article.title }}{% endif %}
        <details><summary>预览归档原文与属性</summary>
          {% if archive.get('loaded') %}<pre style="max-height:360px;overflow:auto;white-space:pre-wrap">{{ archive.get('body', '') }}</pre>
          <details><summary>查看 Obsidian 属性</summary><pre>{{ archive_props | tojson(indent=2) }}</pre></details>
          {% elif article.body is defined %}<p>{{ article.summary | default('') }}</p><pre style="max-height:360px;overflow:auto;white-space:pre-wrap">{{ article.body }}</pre>
          {% else %}<p>未能读取归档原文{% if archive.get('error') %}：{{ archive.error }}{% endif %}</p>{% endif %}
          <p>归档：{{ article.archive_path or '未归档' }}</p>
        </details>
      </td>
      <td><span class="badge {{ 'ok' if article.status == 'SUCCESS' else 'fail' }}">{{ '成功' if article.status == 'SUCCESS' else '失败' }}</span></td>
      <td>{% if archive.get('body_length') is not none %}{{ archive.body_length }} 字符{% elif article.body_length is defined %}{{ article.body_length }} 字符{% else %}—{% endif %}</td>
      <td>{{ archive_props.get('category', article.category | default('')) }}<br>{{ archive_props.get('tags', article.tags | default([])) | join(' · ') }}</td>
      <td>{{ article.failure_type or '—' }}{% if article.failure_reason %}<br>{{ article.failure_reason }}{% endif %}{% for evidence in article.quality_evidence %}{% if evidence != article.failure_reason %}<br>{{ evidence }}{% endif %}{% endfor %}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
<details><summary>查看统一 JSON</summary><pre>{{ business_result | tojson(indent=2) }}</pre></details>
{% elif legacy_result is not none %}
<h2>历史采集结果</h2>
<p>此记录使用旧版文本格式，未经过新版正文质量核验。</p>
<pre>{{ legacy_result }}</pre>
{% endif %}

{# ── 历史执行记录(高频,提前) ──────────────────────────── #}
<h2>历史执行记录</h2>
{% if history_runs %}
<div class="table-wrap">
<table>
  <thead>
    <tr><th>运行时间</th><th>类型</th><th>状态</th><th>文章（成功 / 失败 / 目标）</th><th>Provider</th><th>耗时</th><th></th></tr>
  </thead>
  <tbody>
    {% for run in history_runs %}
    <tr>
      <td><code>{{ run.run_at }}</code></td>
      <td>{{ run.mode }}</td>
      <td><span class="badge {{ 'ok' if run.status == 'SUCCESS' else 'fail' if run.status == 'FAILED' else 'unknown' }}">
        {{ '成功' if run.status == 'SUCCESS' else '失败' if run.status == 'FAILED' else '旧版记录' if run.status == 'LEGACY' else run.status }}
      </span></td>
      <td>{% if run.requested_count is not none %}{{ run.succeeded_count }} / {{ run.failed_count }} / {{ run.requested_count }}{% else %}—{% endif %}</td>
      <td>{{ run.provider }}</td>
      <td>{{ run.duration }}</td>
      <td><a class="btn btn-sm" href="{{ url_for('source_history_detail', name=name, run_file=run.filename) }}">查看</a></td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
<p style="color:#666">暂无历史执行记录</p>
{% endif %}

{# ── 次要操作 ──────────────────────────────────────────── #}
<div class="actions" style="margin-top:16px">
  <a class="btn" href="{{ url_for('edit_source', name=name) }}">编辑配置</a>
  <form method="POST" action="{{ url_for('disable_source', name=name) }}" style="display:inline"
        onsubmit="return confirm('确定停用栏目 {{ name }}？\n\n这将:\n1. 停止并 disable 定时器\n2. 清空运行时间(不再触发)\n\n文件保留,可随时通过编辑重新设置时间来启用。')">
    <button type="submit" class="btn btn-danger">停用栏目</button>
  </form>
  <a class="btn" href="{{ url_for('index') }}">返回列表</a>
</div>

{# ── 折叠区:日志 / Claude 明细 / 配置 ───────────────────── #}
{% if log_info %}
<details style="margin-top:16px">
<summary><strong>运行日志 (.last.log)</strong></summary>
<pre>{{ log_info.raw }}</pre>
</details>
{% endif %}

{% if json_meta %}
<details style="margin-top:8px">
<summary><strong>Claude 运行明细</strong></summary>
<div class="cards" style="margin-top:8px">
  <div class="card"><div class="label">is_error</div><div class="value {{ 'green' if not json_meta.is_error else 'red' }}">{{ json_meta.is_error }}</div></div>
  <div class="card"><div class="label">Terminal</div><div class="value" style="font-size:14px">{{ json_meta.terminal }}</div></div>
  <div class="card"><div class="label">Turns</div><div class="value">{{ json_meta.turns }}</div></div>
  <div class="card"><div class="label">API 耗时</div><div class="value" style="font-size:14px">{{ json_meta.duration_api }} ms</div></div>
</div>
{% if json_meta.usage %}
<h3>Token 用量</h3>
<div class="table-wrap">
<table>
  <thead><tr><th>类型</th><th>Token 数</th></tr></thead>
  <tbody>
    {% for k, v in json_meta.usage.items() %}
    <tr><td><code>{{ k }}</code></td><td>{{ v }}</td></tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% endif %}
{% if json_meta.permission_denials %}
<h3 style="color:#f44747">权限拒绝 ({{ json_meta.permission_denials|length }} 次)</h3>
<pre>{{ json_meta.permission_denials | tojson(indent=2) }}</pre>
{% endif %}
<p style="color:#666;font-size:12px;margin-top:8px">来源: {{ json_info.path }}</p>
</details>
{% endif %}

<details style="margin-top:8px">
<summary><strong>栏目配置{% if conf %} ({{ name }}.conf){% endif %}</strong></summary>
{% if conf %}
<div class="table-wrap" style="margin-top:8px">
<table>
  <tbody>
    {% for k, v in conf.items() %}
    <tr><td><code>{{ k }}</code></td><td>{{ v }}</td></tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
<p style="color:#666;margin-top:8px">无独立配置,继承 <code>default.conf</code></p>
{% endif %}
</details>

{% endblock %}