wuyang
120 lines
4.1 KiB
HTML
120 lines
4.1 KiB
HTML
<!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>
|