{% extends "base.html" %}
{% block title %}添加源 · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>添加源</h1>
  <p class="page-sub">
    <a href="/sources">← 返回源列表</a>
    <span class="muted"> · </span>
    <a href="/sources/new?advanced=1">手动填写所有字段 →</a>
  </p>
</section>

<div class="hint" style="max-width: 640px;">
  只填 URL，剩下的（名称 / 领域 / tier / 抓取类型 / 简介）由 agent 自动推断。
  推断结果会在下一步展示给你 review，可以改任何字段再保存。
</div>

{% if error %}
  <div class="alert alert-error" style="margin-bottom: 16px; max-width: 640px;">
    <strong>提交失败：</strong> {{ error }}
  </div>
{% endif %}

{% if info %}
  <div class="banner banner-ok" style="margin-bottom: 16px; max-width: 640px;">
    {{ info }}
  </div>
{% endif %}

<form method="post" action="/sources/new/infer" class="source-form"
      style="max-width: 640px;">
  <div class="form-row">
    <label for="url">入口 URL</label>
    <input type="url" id="url" name="url" value="{{ url }}"
           required autofocus
           placeholder="https://blog.example.com/"
           pattern="https?://.+">
    <span class="form-hint">站点首页或博客列表页的 URL</span>
  </div>

  <div class="form-row">
    <label for="name">名称（可选，不填就由 agent 猜）</label>
    <input type="text" id="name" name="name" value="{{ name }}"
           maxlength="200" placeholder="如 HubSpot Blog">
    <span class="form-hint">如果 URL 比较模糊（比如带utm参数），给个名字帮 agent 定位</span>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">🤖 agent 推断并继续</button>
    <a href="/sources" class="btn">取消</a>
    <a href="/sources/new?advanced=1" class="btn btn-ghost">手动填写所有字段</a>
  </div>
</form>

<div class="hint" style="margin-top: 24px; max-width: 640px;">
  <strong>它会怎么推断？</strong> agent 拿到 URL 后：
  <ol style="margin: 8px 0 0; padding-left: 20px; color: var(--fg-muted); font-size: 12px;">
    <li>从 hostname 推断 slug（如 <code>blog.hubspot.com</code> → <code>hubspot</code>）</li>
    <li>调 LLM（Anthropic Claude / 你配的任何 provider）填 name / domain / tier / type / description</li>
    <li>展示给你 review；你可以在保存前改任何字段</li>
  </ol>
</div>
{% endblock %}