Evolve paper browser into knowledge atlas
This commit is contained in:
wuyang
+59
-95
@@ -3,115 +3,79 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Agent Paper Browser</title>
|
||||
<title>Agent Knowledge Atlas</title>
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%23cfe8e3'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-size='24' font-family='Arial' font-weight='700' fill='%23064c47'%3EAK%3C/text%3E%3C/svg%3E" />
|
||||
<link rel="stylesheet" href="/static/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main class="app-shell">
|
||||
<aside class="sidebar">
|
||||
<main class="atlas-app">
|
||||
<header class="topbar">
|
||||
<div class="brand">
|
||||
<div class="brand-mark">AP</div>
|
||||
<div class="brand-mark">AK</div>
|
||||
<div>
|
||||
<h1>Agent Papers</h1>
|
||||
<p id="healthLine">连接中</p>
|
||||
<h1>Agent Knowledge Atlas</h1>
|
||||
<p id="healthLine">loading</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 class="command">
|
||||
<input id="searchInput" type="search" placeholder="搜索主题、论文、问题" autocomplete="off" />
|
||||
<button id="searchBtn" type="button">Search</button>
|
||||
</div>
|
||||
|
||||
<label class="field">
|
||||
<span>排序</span>
|
||||
<select id="sortSelect">
|
||||
<option value="score">相关度</option>
|
||||
<option value="date">发布日期</option>
|
||||
<option value="title">标题</option>
|
||||
</select>
|
||||
</label>
|
||||
<nav class="mode-nav" aria-label="Views">
|
||||
<button class="mode-button active" data-view="atlas" type="button">Atlas</button>
|
||||
<button class="mode-button" data-view="search" type="button">Search</button>
|
||||
<button class="mode-button" data-view="reading" type="button">Reading</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
<section class="workspace">
|
||||
<section class="map-panel">
|
||||
<div class="map-head">
|
||||
<div>
|
||||
<div class="eyebrow">Research Map</div>
|
||||
<h2 id="mapTitle">Agent 技术版图</h2>
|
||||
</div>
|
||||
<div id="abstractView" class="tab-view active"></div>
|
||||
<div id="aiView" class="tab-view"></div>
|
||||
</article>
|
||||
<div class="atlas-actions">
|
||||
<button id="explainAtlasBtn" class="quiet-button" type="button">解释地图</button>
|
||||
<button id="readingPathBtn" class="quiet-button strong" type="button">阅读路径</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="atlasStage" class="atlas-stage">
|
||||
<svg id="atlasSvg" viewBox="0 0 170 100" role="img" aria-label="Agent topic map"></svg>
|
||||
</div>
|
||||
|
||||
<div class="route-band">
|
||||
<div class="band-title">Routes</div>
|
||||
<div id="routeList" class="route-list"></div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-band">
|
||||
<div class="band-title">Timeline</div>
|
||||
<div id="timeline" class="timeline"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="lens-panel">
|
||||
<div class="lens-head">
|
||||
<div>
|
||||
<div id="lensEyebrow" class="eyebrow">Lens</div>
|
||||
<h2 id="lensTitle">整体脉络</h2>
|
||||
</div>
|
||||
<button id="closePaperBtn" class="icon-button" type="button" title="Back">×</button>
|
||||
</div>
|
||||
|
||||
<div id="lensBody" class="lens-body"></div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<footer class="mobile-nav">
|
||||
<button class="mobile-mode active" data-view="atlas" type="button">Atlas</button>
|
||||
<button class="mobile-mode" data-view="search" type="button">Search</button>
|
||||
<button class="mobile-mode" data-view="reading" type="button">Reading</button>
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
<script src="/static/app.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user