79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>知迹 · 检索问答</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect fill='%231f6a52' width='32' height='32' rx='6'/%3E%3Cpath d='M8 9.5h7.2c1.6 0 2.8 1 2.8 2.6S16.8 15 15.2 15H8V9.5zm0 7h7.6c1.8 0 3.1 1.1 3.1 2.8S17.4 22 15.6 22H8v-5.5z' fill='%23f6f1e6'/%3E%3C/svg%3E" />
|
|
<link rel="stylesheet" href="/static/styles.css?v=3" />
|
|
</head>
|
|
<body>
|
|
<div class="app">
|
|
<header class="top">
|
|
<div class="brand">
|
|
<span class="mark" aria-hidden="true">知</span>
|
|
<div>
|
|
<p class="kicker">Learn · RAG</p>
|
|
<h1>知迹</h1>
|
|
</div>
|
|
</div>
|
|
<p class="lede">提问之后，回答旁边留下这次真正检索到的知识切片。</p>
|
|
<div class="pills" id="pills" aria-live="polite">
|
|
<span class="pill" id="pill-model">正在准备嵌入模型…</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="workspace">
|
|
<section class="chat">
|
|
<div id="messages" class="messages"></div>
|
|
<form id="composer" class="composer">
|
|
<label class="sr" for="question">问题</label>
|
|
<textarea id="question" rows="2" maxlength="2000" placeholder="问问云栖书店，例如：柏卡会员能借几本书？" disabled></textarea>
|
|
<div class="composer-bar">
|
|
<label class="topk">
|
|
切片数
|
|
<select id="top-k" disabled>
|
|
<option value="3">3</option>
|
|
<option value="4" selected>4</option>
|
|
<option value="6">6</option>
|
|
</select>
|
|
</label>
|
|
<p class="hint">Enter 发送，Shift+Enter 换行</p>
|
|
<button id="send" class="send" type="submit" disabled>提问</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<aside class="library">
|
|
<div class="library-head">
|
|
<div>
|
|
<p class="kicker">知识库</p>
|
|
<h2>写入资料，再拿去检索</h2>
|
|
</div>
|
|
<p id="library-meta" class="quiet">嵌入模型与向量库准备好之后，可以加入你自己的文本。</p>
|
|
<dl class="facts" id="facts"></dl>
|
|
</div>
|
|
<form id="doc-form" class="doc-form">
|
|
<label>
|
|
标题
|
|
<input id="doc-title" name="title" maxlength="80" placeholder="例如：退换货规则" disabled />
|
|
</label>
|
|
<label>
|
|
正文
|
|
<textarea id="doc-content" name="content" rows="6" placeholder="贴入一篇说明、规章或笔记。系统会切成小段，计算向量，存进 Chroma。" disabled></textarea>
|
|
</label>
|
|
<div class="doc-actions">
|
|
<button id="save-doc" type="submit" class="ghost" disabled>写入向量库</button>
|
|
<button id="pick-file" type="button" class="textish" disabled>导入 txt / md</button>
|
|
<input id="file" type="file" accept=".txt,.md,.markdown,text/plain" hidden />
|
|
</div>
|
|
</form>
|
|
<div id="doc-list" class="doc-list"></div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
<div id="toast" class="toast" role="status"></div>
|
|
<script src="/static/app.js?v=2"></script>
|
|
</body>
|
|
</html>
|