Add paper browser web app

2026-07-08 12:37:16 +08:00
parent 391b3a4732
commit e783a7d54d
6 changed files with 1605 additions and 0 deletions
@@ -0,0 +1,119 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Agent Paper Browser</title>
+    <link rel="stylesheet" href="/static/styles.css" />
+  </head>
+  <body>
+    <main class="app-shell">
+      <aside class="sidebar">
+        <div class="brand">
+          <div class="brand-mark">AP</div>
+          <div>
+            <h1>Agent Papers</h1>
+            <p id="healthLine">连接中</p>
+          </div>
+        </div>
+
+        <label class="field">
+          <span>检索</span>
+          <input id="searchInput" type="search" placeholder="memory / safety / GUI / benchmark" autocomplete="off" />
+        </label>
+
+        <div class="filter-grid">
+          <label class="field">
+            <span>年份</span>
+            <select id="yearSelect">
+              <option value="">全部</option>
+              <option value="2026">2026</option>
+              <option value="2025">2025</option>
+            </select>
+          </label>
+
+          <label class="field">
+            <span>状态</span>
+            <select id="statusSelect">
+              <option value="">全部</option>
+              <option value="queued">queued</option>
+              <option value="skimmed">skimmed</option>
+              <option value="summarized">summarized</option>
+            </select>
+          </label>
+        </div>
+
+        <label class="field">
+          <span>排序</span>
+          <select id="sortSelect">
+            <option value="score">相关度</option>
+            <option value="date">发布日期</option>
+            <option value="title">标题</option>
+          </select>
+        </label>
+
+        <section class="topic-panel">
+          <div class="panel-title">
+            <span>主题</span>
+            <button id="clearTopicBtn" class="ghost-button" type="button">清空</button>
+          </div>
+          <div id="topicChips" class="topic-chips"></div>
+        </section>
+      </aside>
+
+      <section class="results-pane">
+        <header class="results-header">
+          <div>
+            <div class="eyebrow">Corpus</div>
+            <h2 id="resultTitle">论文库</h2>
+          </div>
+          <div id="resultCount" class="count-pill">0</div>
+        </header>
+        <div id="resultsList" class="results-list"></div>
+        <button id="loadMoreBtn" class="load-more" type="button">加载更多</button>
+      </section>
+
+      <section class="detail-pane">
+        <header class="detail-header">
+          <div>
+            <div id="detailMetaLine" class="eyebrow">选择论文</div>
+            <h2 id="detailTitle">从左侧选择一篇论文</h2>
+          </div>
+          <a id="arxivLink" class="link-button" href="#" target="_blank" rel="noreferrer">arXiv</a>
+        </header>
+
+        <div id="detailTags" class="detail-tags"></div>
+
+        <div class="action-bar">
+          <button id="abstractBtn" class="tool-button" type="button">获取摘要</button>
+          <button id="summaryBtn" class="tool-button primary" type="button">中文摘要</button>
+          <button id="translateBtn" class="tool-button" type="button">翻译摘要</button>
+          <button id="deepBtn" class="tool-button caution" type="button">深度研读</button>
+        </div>
+
+        <div class="model-strip">
+          <span id="modelStatus">Ollama 未检测</span>
+          <span id="aiStatus"></span>
+        </div>
+
+        <section class="split-content">
+          <article class="preview-panel">
+            <h3>预览</h3>
+            <div id="paperPreview" class="markdown-preview"></div>
+          </article>
+
+          <article class="ai-panel">
+            <div class="tabs">
+              <button class="tab active" data-tab="abstract" type="button">摘要</button>
+              <button class="tab" data-tab="ai" type="button">AI</button>
+            </div>
+            <div id="abstractView" class="tab-view active"></div>
+            <div id="aiView" class="tab-view"></div>
+          </article>
+        </section>
+      </section>
+    </main>
+
+    <script src="/static/app.js"></script>
+  </body>
+</html>