87 lines
3.9 KiB
HTML
87 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
|
|
<title>设置 - 萌小芽</title>
|
|
<link rel="icon" href="logo.png" type="image/png" sizes="any">
|
|
<link rel="apple-touch-icon" href="logo.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Source+Code+Pro:wght@400;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="settings-page">
|
|
<main class="settings-page-main">
|
|
<header class="settings-page-header">
|
|
<div class="settings-page-title">
|
|
<img class="sidebar-logo" src="logo.png" width="34" height="34" alt="" decoding="async">
|
|
<div>
|
|
<h1>设置</h1>
|
|
<p>萌小芽 Agent</p>
|
|
</div>
|
|
</div>
|
|
<a class="settings-secondary-btn settings-link-btn" href="index.html">返回聊天</a>
|
|
</header>
|
|
|
|
<div class="settings-page-shell">
|
|
<div class="settings-layout">
|
|
<nav class="settings-sidebar" role="tablist" aria-label="设置分区">
|
|
<button type="button" id="tab-prompt" class="settings-nav-btn is-active" role="tab" aria-selected="true" aria-controls="pane-prompt" data-pane="prompt">
|
|
<span class="settings-nav-btn-label">系统提示词</span>
|
|
</button>
|
|
<button type="button" id="tab-skills" class="settings-nav-btn" role="tab" aria-selected="false" aria-controls="pane-skills" data-pane="skills">
|
|
<span class="settings-nav-btn-label">Skills</span>
|
|
</button>
|
|
<button type="button" id="tab-extensions" class="settings-nav-btn" role="tab" aria-selected="false" aria-controls="pane-extensions" data-pane="extensions">
|
|
<span class="settings-nav-btn-label">插件扩展</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<div class="settings-panes">
|
|
<section id="pane-prompt" class="settings-panel settings-pane is-active" role="tabpanel" aria-labelledby="tab-prompt">
|
|
<div class="settings-panel-header">
|
|
<div>
|
|
<h2>系统提示词</h2>
|
|
<p id="systemPromptPath"></p>
|
|
</div>
|
|
<button id="saveSystemPromptBtn" class="settings-primary-btn" type="button">保存</button>
|
|
</div>
|
|
<textarea id="systemPromptInput" class="settings-textarea" spellcheck="false" aria-label="系统提示词"></textarea>
|
|
<div id="settingsStatus" class="settings-status"></div>
|
|
</section>
|
|
|
|
<section id="pane-skills" class="settings-panel settings-pane" role="tabpanel" aria-labelledby="tab-skills">
|
|
<div class="settings-panel-header">
|
|
<div>
|
|
<h2>Skills</h2>
|
|
<p id="skillsCount"></p>
|
|
</div>
|
|
<button id="refreshSettingsBtn" class="settings-secondary-btn" type="button">刷新</button>
|
|
</div>
|
|
<div id="skillsList" class="skills-list">
|
|
<div class="settings-empty">加载中...</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pane-extensions" class="settings-panel settings-pane" role="tabpanel" aria-labelledby="tab-extensions">
|
|
<div class="settings-panel-header">
|
|
<div>
|
|
<h2>插件扩展</h2>
|
|
<p id="extensionsMeta"></p>
|
|
</div>
|
|
<button id="refreshExtensionsBtn" class="settings-secondary-btn" type="button">刷新</button>
|
|
</div>
|
|
<div id="extensionsList" class="extensions-list">
|
|
<div class="settings-empty">加载中...</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="settings.js"></script>
|
|
</body>
|
|
</html>
|