wuyang
84 lines
3.2 KiB
HTML
84 lines
3.2 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 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="atlas-app">
|
||
<header class="topbar">
|
||
<div class="brand">
|
||
<div class="brand-mark">AK</div>
|
||
<div>
|
||
<h1>Agent Knowledge Atlas</h1>
|
||
<p id="healthLine">loading</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="command">
|
||
<input id="searchInput" type="search" placeholder="搜索主题、论文、问题" autocomplete="off" />
|
||
<button id="searchBtn" type="button">Search</button>
|
||
</div>
|
||
|
||
<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="workspace">
|
||
<section class="map-panel">
|
||
<div class="map-head">
|
||
<div>
|
||
<div class="eyebrow">Research Map</div>
|
||
<h2 id="mapTitle">Agent 技术版图</h2>
|
||
</div>
|
||
<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>
|
||
</body>
|
||
</html>
|