fix: bug

app/templates/index.html

@@ -10,7 +10,8 @@
     <header class="topbar">
       <div class="brand">
         <h1>{{ app_name }}</h1>
-        <p class="muted">把 X 长文快速改写为公众号可发布稿，并一键分发到公众号/IM。</p>
+        <p class="muted">粘贴原文 → 洗成约 <strong>5 段、500 字内</strong> 的短文（无小标题）→ 右侧预览 → 满意后发布。</p>
+        <p id="backendConfig" class="backend-config muted small" aria-live="polite"></p>
       </div>
       <div class="badge">Beta</div>
     </header>
@@ -18,12 +19,18 @@
     <main class="layout">
       <section class="panel input-panel">
         <h2>输入与改写策略</h2>
+        <ol class="flow-hint muted">
+          <li>粘贴原文并设置语气/读者</li>
+          <li>点击改写 → 右侧为短标题、摘要与<strong>五段正文</strong>（段落间空一行）</li>
+          <li>看「运行追踪」：<strong>模式为 AI</strong> 且模型名正确，即千问/接口已生效</li>
+          <li>人工改好后 →「发布到公众号草稿箱」（需配置 WECHAT_*）</li>
+        </ol>
 
         <div class="field-head">
           <label>原始内容</label>
           <span id="sourceCount" class="meta">0 字</span>
         </div>
-        <textarea id="sourceText" rows="14" placeholder="粘贴 X 长文/线程内容..."></textarea>
+        <textarea id="sourceText" rows="14" placeholder="粘贴原文（长帖、线程、摘录均可），洗稿会围绕原文主题展开…"></textarea>
 
         <div class="grid2">
           <div>
@@ -56,6 +63,7 @@
 
       <section class="panel output-panel">
         <h2>发布内容</h2>
+        <p class="muted small">下方「运行追踪」会显示本次请求 ID、耗时、质检项与是否降级，便于与容器日志对照。</p>
 
         <label>标题</label>
         <input id="title" type="text" />
@@ -67,10 +75,24 @@
         <textarea id="summary" rows="3"></textarea>
 
         <div class="field-head">
-          <label>Markdown 正文</label>
+          <label>正文（5 自然段，建议 ≤500 字）</label>
           <span id="bodyCount" class="meta">0 字</span>
         </div>
-        <textarea id="body" rows="16"></textarea>
+        <div class="body-split">
+          <textarea id="body" rows="10" placeholder="五段之间空一行；无需 # 标题"></textarea>
+          <div class="preview-panel">
+            <div class="field-head">
+              <label>排版预览</label>
+              <span class="meta">与公众号 HTML 渲染接近</span>
+            </div>
+            <div id="bodyPreview" class="markdown-preview"></div>
+          </div>
+        </div>
+
+        <details id="traceWrap" class="trace-wrap">
+          <summary>运行追踪 <span id="traceBadge" class="trace-badge"></span></summary>
+          <pre id="traceJson" class="trace-json"></pre>
+        </details>
 
         <div class="actions">
           <button id="wechatBtn">发布到公众号草稿箱</button>
@@ -79,6 +101,7 @@
       </section>
     </main>
 
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <script src="/static/app.js"></script>
   </body>
 </html>