feat: add admin dashboard, pipeline service, lightbox, and update dependencies

app/templates/detail.html

@@ -57,7 +57,7 @@ endblock %} {% block content %}
   <div class="quality-warning">📝 总结部分字段不完整</div>
   {% endif %} {% if paper.summary.one_line %}
   <section class="summary-section">
-    <p class="one-line">{{ paper.summary.one_line }}</p>
+    <p class="one-line">{{ paper.summary.one_line | safe }}</p>
   </section>
   {% endif %}
 
@@ -69,9 +69,9 @@ endblock %} {% block content %}
       {% for c in prereqs.concepts %}
       <div class="concept-card">
         <h3>{{ c.term }}</h3>
-        <p>{{ c.explanation }}</p>
+        <p>{{ c.explanation | safe }}</p>
         {% if c.why_matters %}
-        <p class="concept-why">{{ c.why_matters }}</p>
+        <p class="concept-why">{{ c.why_matters | safe }}</p>
         {% endif %}
       </div>
       {% endfor %}
@@ -85,13 +85,13 @@ endblock %} {% block content %}
     <h2>研究动机</h2>
     <div class="motivation-block">
       {% if paper.summary.motivation_problem %}
-      <p>{{ paper.summary.motivation_problem }}</p>
+      <p>{{ paper.summary.motivation_problem | safe }}</p>
       {% endif %}
       {% if paper.summary.motivation_goal %}
-      <p>本文的目标是{{ paper.summary.motivation_goal }}</p>
+      <p>本文的目标是{{ paper.summary.motivation_goal | safe }}</p>
       {% endif %}
       {% if paper.summary.motivation_gap %}
-      <p>与已有工作不同的是，{{ paper.summary.motivation_gap }}</p>
+      <p>与已有工作不同的是，{{ paper.summary.motivation_gap | safe }}</p>
       {% endif %}
     </div>
   </section>
@@ -102,21 +102,21 @@ endblock %} {% block content %}
   <section class="summary-section">
     <h2>核心方法</h2>
     {% if paper.summary.method_overview %}
-    <p>{{ paper.summary.method_overview }}</p>
+    <p>{{ paper.summary.method_overview | safe }}</p>
     {% endif %}
     <div class="key-idea">
-      <p>{{ paper.summary.method_key_idea }}</p>
+      <p>{{ paper.summary.method_key_idea | safe }}</p>
     </div>
     {% if paper.summary.method_steps_json %}
     <details>
       <summary>方法步骤详情</summary>
-      <p>{{ paper.summary.method_steps_json }}</p>
+      <p>{{ paper.summary.method_steps_json | safe }}</p>
     </details>
     {% endif %}
     {% if paper.summary.method_novelty %}
     <details>
       <summary>技术新颖性</summary>
-      <p>{{ paper.summary.method_novelty }}</p>
+      <p>{{ paper.summary.method_novelty | safe }}</p>
     </details>
     {% endif %}
   </section>
@@ -126,7 +126,7 @@ endblock %} {% block content %}
   {% if paper.summary.results_main_json %}
   <section class="summary-section">
     <h2>实验结果</h2>
-    <p>{{ paper.summary.results_main_json }}</p>
+    <p>{{ paper.summary.results_main_json | safe }}</p>
     {% if table_figures and table_figures|length > 0 %}
     {# 优先展示原文表格截图 #}
     {% for tf in table_figures %}
@@ -189,24 +189,24 @@ endblock %} {% block content %}
   <section class="summary-section">
     <h2>局限与改进</h2>
     {% if paper.summary.limitations_json %}
-    <p>{{ paper.summary.limitations_json }}</p>
+    <p>{{ paper.summary.limitations_json | safe }}</p>
     {% endif %}
     {% if paper.summary.weaknesses_json %}
     <details>
       <summary>独立分析的弱点</summary>
-      <p>{{ paper.summary.weaknesses_json }}</p>
+      <p>{{ paper.summary.weaknesses_json | safe }}</p>
     </details>
     {% endif %}
     {% if paper.summary.future_work_json %}
     <details>
       <summary>未来方向</summary>
-      <p>{{ paper.summary.future_work_json }}</p>
+      <p>{{ paper.summary.future_work_json | safe }}</p>
     </details>
     {% endif %}
     {% if paper.summary.reproducibility %}
     <details>
       <summary>复现评估</summary>
-      <p>{{ paper.summary.reproducibility }}</p>
+      <p>{{ paper.summary.reproducibility | safe }}</p>
     </details>
     {% endif %}
   </section>
@@ -290,9 +290,21 @@ endblock %} {% block content %}
 
 {% block scripts %}
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js"
-  onload="renderMathInElement(document.querySelector('.paper-detail'),{delimiters:[{left:'$$',right:'$$',display:true},{left:'$',right:'$',display:false}]});">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+  if (typeof renderMathInElement === 'function') {
+    renderMathInElement(document.querySelector('.paper-detail'), {
+      delimiters: [
+        { left: '$$', right: '$$', display: true },
+        { left: '$', right: '$', display: false }
+      ],
+      throwOnError: false
+    });
+  }
+});
 </script>
+<script src="/static/js/lightbox.js"></script>
 <style>
 .lightbox-overlay {
   position: fixed !important;
@@ -356,165 +368,4 @@ endblock %} {% block content %}
   background: rgba(255,255,255,0.15);
 }
 </style>
-<script>
-(function() {
-  function openLightbox(src, alt) {
-    var existing = document.querySelector('.lightbox-overlay');
-    if (existing) existing.remove();
-
-    var overlay = document.createElement('div');
-    overlay.className = 'lightbox-overlay';
-
-    var img = document.createElement('img');
-    img.src = src;
-    img.alt = alt || '';
-    img.draggable = false;
-
-    // 工具栏
-    var toolbar = document.createElement('div');
-    toolbar.className = 'lightbox-toolbar';
-    toolbar.innerHTML =
-      '<button title="缩小">−</button>' +
-      '<button title="放大">+</button>' +
-      '<button title="适合窗口">⊡</button>' +
-      '<button title="原始大小">1:1</button>' +
-      '<button title="关闭">✕</button>';
-
-    overlay.appendChild(img);
-    overlay.appendChild(toolbar);
-    document.body.appendChild(overlay);
-
-    // 视图状态
-    var scale = 1, tx = 0, ty = 0;
-    var baseW = 0, baseH = 0;
-    var dragging = false, dragStartX = 0, dragStartY = 0, startTx = 0, startTy = 0;
-
-    function apply() {
-      img.style.transform = 'translate(' + tx + 'px,' + ty + 'px) scale(' + scale + ')';
-    }
-
-    function fitToScreen() {
-      if (!baseW) return;
-      var sw = window.innerWidth, sh = window.innerHeight;
-      scale = Math.min(sw * 0.9 / baseW, sh * 0.9 / baseH, 1);
-      tx = (sw - baseW * scale) / 2;
-      ty = (sh - baseH * scale) / 2;
-      apply();
-    }
-
-    function resetOrigin() {
-      scale = 1;
-      tx = (window.innerWidth - baseW) / 2;
-      ty = (window.innerHeight - baseH) / 2;
-      apply();
-    }
-
-    function zoomAt(factor, cx, cy) {
-      var newScale = Math.max(0.1, Math.min(scale * factor, 20));
-      // 保持鼠标指向的图片点不变
-      tx = cx - (cx - tx) * (newScale / scale);
-      ty = cy - (ty - ty) * (newScale / scale);  // 这行有误，下面修正
-      scale = newScale;
-      apply();
-    }
-
-    function zoomCenter(factor) {
-      var cx = window.innerWidth / 2;
-      var cy = window.innerHeight / 2;
-      var newScale = Math.max(0.1, Math.min(scale * factor, 20));
-      tx = cx - (cx - tx) * (newScale / scale);
-      ty = cy - (cy - ty) * (newScale / scale);
-      scale = newScale;
-      apply();
-    }
-
-    // 图片加载后初始化
-    img.onload = function() {
-      baseW = img.naturalWidth;
-      baseH = img.naturalHeight;
-      fitToScreen();
-    };
-    // 如果已缓存
-    if (img.complete && img.naturalWidth) {
-      baseW = img.naturalWidth;
-      baseH = img.naturalHeight;
-      fitToScreen();
-    }
-
-    // 工具栏按钮
-    var btns = toolbar.querySelectorAll('button');
-    // 缩小 / 放大 / 适合 / 原始 / 关闭
-    btns[0].onclick = function(e) { e.stopPropagation(); zoomCenter(0.7); };
-    btns[1].onclick = function(e) { e.stopPropagation(); zoomCenter(1.4); };
-    btns[2].onclick = function(e) { e.stopPropagation(); fitToScreen(); };
-    btns[3].onclick = function(e) { e.stopPropagation(); resetOrigin(); };
-    btns[4].onclick = function(e) { e.stopPropagation(); close(); };
-
-    // 滚轮缩放（以鼠标为中心）
-    overlay.addEventListener('wheel', function(e) {
-      e.preventDefault();
-      var factor = e.deltaY < 0 ? 1.15 : 0.87;
-      var rect = overlay.getBoundingClientRect();
-      var cx = e.clientX - rect.left;
-      var cy = e.clientY - rect.top;
-      var newScale = Math.max(0.1, Math.min(scale * factor, 20));
-      tx = cx - (cx - tx) * (newScale / scale);
-      ty = cy - (cy - ty) * (newScale / scale);
-      scale = newScale;
-      apply();
-    }, { passive: false });
-
-    // 拖拽平移
-    overlay.addEventListener('pointerdown', function(e) {
-      if (e.target.closest('.lightbox-toolbar')) return;
-      dragging = true;
-      dragStartX = e.clientX;
-      dragStartY = e.clientY;
-      startTx = tx;
-      startTy = ty;
-      img.classList.add('dragging');
-      overlay.setPointerCapture(e.pointerId);
-    });
-    overlay.addEventListener('pointermove', function(e) {
-      if (!dragging) return;
-      tx = startTx + (e.clientX - dragStartX);
-      ty = startTy + (e.clientY - dragStartY);
-      apply();
-    });
-    overlay.addEventListener('pointerup', function() {
-      dragging = false;
-      img.classList.remove('dragging');
-    });
-
-    // ESC 关闭
-    function onKey(e) {
-      if (e.key === 'Escape') { close(); }
-      else if (e.key === '+' || e.key === '=') { zoomCenter(1.4); }
-      else if (e.key === '-') { zoomCenter(0.7); }
-      else if (e.key === '0') { fitToScreen(); }
-    }
-
-    function close() {
-      overlay.remove();
-      document.removeEventListener('keydown', onKey);
-    }
-
-    document.addEventListener('keydown', onKey);
-
-    // 激活动画
-    requestAnimationFrame(function() {
-      overlay.classList.add('active');
-    });
-  }
-
-  document.addEventListener('click', function(e) {
-    var img = e.target;
-    if (img.tagName !== 'IMG') return;
-    if (!img.closest('.inline-figure') && !img.closest('.gallery-item')) return;
-    if (img.closest('.lightbox-overlay')) return;
-    e.preventDefault();
-    openLightbox(img.src, img.alt);
-  });
-})();
-</script>
 {% endblock %}