79 lines
3.1 KiB
HTML
79 lines
3.1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>Meeting Knowledge WebUI</title>
|
||
|
|
<link rel="stylesheet" href="/assets/styles.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="app-shell">
|
||
|
|
<aside class="sidebar">
|
||
|
|
<div class="sidebar-top">
|
||
|
|
<div class="brand">
|
||
|
|
<div class="brand-mark">MK</div>
|
||
|
|
<div>
|
||
|
|
<div class="brand-title">Meeting Knowledge</div>
|
||
|
|
<div class="brand-subtitle">Web Demo</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button id="refresh-kbs" class="ghost-button" type="button">刷新</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<section class="import-card">
|
||
|
|
<div class="section-title">导入会议文本</div>
|
||
|
|
<label class="field">
|
||
|
|
<span>知识库 ID</span>
|
||
|
|
<input id="import-kb" type="text" placeholder="例如：合川分公司" />
|
||
|
|
</label>
|
||
|
|
<label class="field">
|
||
|
|
<span>文本路径</span>
|
||
|
|
<input id="import-path" type="text" placeholder="D:\path\meeting.txt" />
|
||
|
|
</label>
|
||
|
|
<button id="import-submit" class="primary-button" type="button">导入到知识库</button>
|
||
|
|
<div id="import-status" class="micro-copy"></div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="kb-section">
|
||
|
|
<div class="section-title">知识库</div>
|
||
|
|
<div id="knowledge-base-list" class="kb-list"></div>
|
||
|
|
</section>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
<main class="thread-shell">
|
||
|
|
<header class="thread-header">
|
||
|
|
<div>
|
||
|
|
<div id="thread-title" class="thread-title">选择一个知识库开始提问</div>
|
||
|
|
<div id="thread-subtitle" class="thread-subtitle">左侧选择知识库，右侧像 nanobot 一样按对话线程提问。</div>
|
||
|
|
</div>
|
||
|
|
<div class="runtime-badges">
|
||
|
|
<span id="runtime-mode" class="badge subtle">mode</span>
|
||
|
|
<span id="runtime-model" class="badge">model</span>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section id="message-list" class="message-list">
|
||
|
|
<div class="hero-card">
|
||
|
|
<div class="hero-eyebrow">Knowledge-first Chat</div>
|
||
|
|
<h1>围绕你选中的知识库问问题，而不是手动翻 Markdown。</h1>
|
||
|
|
<p>当前页面会把 `data/` 下的每个子文件夹视作一个知识库。选中后，对话会优先针对该库调用 Agent 工具。</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="composer-shell">
|
||
|
|
<div class="composer-toolbar">
|
||
|
|
<span id="active-kb-badge" class="badge accent">未选择知识库</span>
|
||
|
|
<button id="new-thread" class="ghost-button" type="button">新对话</button>
|
||
|
|
</div>
|
||
|
|
<div class="composer-box">
|
||
|
|
<textarea id="composer" placeholder="例如：帮我看最近一次会议讲了什么？" rows="3"></textarea>
|
||
|
|
<button id="send-message" class="primary-button" type="button">发送</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/assets/app.js" defer></script>
|
||
|
|
</body>
|
||
|
|
</html>
|