111 lines
4.4 KiB
HTML
111 lines
4.4 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>设置 · Writing Agent</title>
|
||
<link rel="stylesheet" href="/settings.css" />
|
||
</head>
|
||
<body class="settings-page">
|
||
<header class="st-top">
|
||
<a class="st-brand" href="/">Writing Agent</a>
|
||
<nav class="st-nav" aria-label="主导航">
|
||
<a href="/">对话</a>
|
||
<a href="/modules.html">能力</a>
|
||
<a href="/stats.html">Token</a>
|
||
<a href="/settings.html" aria-current="page">设置</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<div class="st-shell">
|
||
<aside class="st-rail" aria-label="设置分类">
|
||
<p class="st-rail-label">设置</p>
|
||
<button type="button" class="st-rail-item active" data-section="api">API</button>
|
||
<button type="button" class="st-rail-item" data-section="preset">预设</button>
|
||
<button type="button" class="st-rail-item" data-section="storage">上下文</button>
|
||
<p class="st-rail-note">保存在本机 <code>~/.writing-agent/</code>，明文、不同步。</p>
|
||
</aside>
|
||
|
||
<main class="st-main">
|
||
<header class="st-main-head">
|
||
<div>
|
||
<h1 id="panel-title">API</h1>
|
||
<p class="st-sub" id="panel-subtitle">管理 LLM 连接</p>
|
||
</div>
|
||
<div class="st-main-actions" id="panel-actions"></div>
|
||
</header>
|
||
|
||
<div class="st-status" id="active-settings-bar"></div>
|
||
<div class="settings-toast" id="settings-toast" hidden></div>
|
||
|
||
<div class="st-body">
|
||
<section class="settings-section" id="section-api">
|
||
<div id="profiles-list" class="card-list"></div>
|
||
</section>
|
||
|
||
<section class="settings-section hidden" id="section-preset">
|
||
<div id="presets-list" class="card-list"></div>
|
||
<pre id="import-report" class="import-report" hidden></pre>
|
||
</section>
|
||
|
||
<section class="settings-section hidden" id="section-storage">
|
||
<div class="settings-card storage-card">
|
||
<h3>LLM 请求上下文</h3>
|
||
<p class="settings-help">
|
||
每次模型调用可保存完整 prompt。默认每个对话只保留最新若干条；更早消息仍在，但去掉上下文痕迹。可在对话里查看上下文。
|
||
</p>
|
||
<label class="field">
|
||
每个对话保留最新条数
|
||
<input
|
||
type="number"
|
||
id="context-trace-keep"
|
||
min="0"
|
||
max="50"
|
||
step="1"
|
||
value="5"
|
||
/>
|
||
</label>
|
||
<p class="settings-help muted">0 = 不保存；最大 50。保存后对新回复立即生效。</p>
|
||
<div class="storage-actions">
|
||
<button type="button" class="btn-primary" id="btn-save-context-keep">保存</button>
|
||
<button type="button" class="btn-secondary" id="btn-prune-context">修剪已打开会话</button>
|
||
<button type="button" class="btn-secondary danger-outline" id="btn-clear-context">清除全部痕迹</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<dialog id="profile-dialog" class="profile-dialog">
|
||
<form id="profile-form" method="dialog">
|
||
<h3 id="profile-dialog-title">新增 API</h3>
|
||
<label>
|
||
名称
|
||
<input name="name" required placeholder="例如 DeepSeek" autocomplete="off" />
|
||
</label>
|
||
<label>
|
||
Base URL
|
||
<input name="baseUrl" required placeholder="https://api.deepseek.com" />
|
||
</label>
|
||
<label>
|
||
API Key
|
||
<input name="apiKey" type="password" placeholder="sk-…" autocomplete="off" />
|
||
</label>
|
||
<label>
|
||
Model
|
||
<input name="model" required placeholder="deepseek-chat" />
|
||
</label>
|
||
<div class="dialog-actions">
|
||
<button type="button" id="profile-cancel" class="btn-secondary">取消</button>
|
||
<button type="button" id="profile-save" class="btn-secondary">仅保存</button>
|
||
<button type="submit" class="btn-primary">保存并选用</button>
|
||
</div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<input type="file" id="preset-file" accept=".json,application/json" hidden />
|
||
<script src="/settings.js" type="module"></script>
|
||
</body>
|
||
</html>
|