shumengya/sproutclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add sproutclaw webui

Browse Source
This commit is contained in:
root
2026-05-10 14:47:51 +08:00
parent e25415dd5f
commit c5295773a1
19 changed files with 6299 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
.pi/extensions/webui/public/settings.html Normal file
View File

@@ -0,0 +1,86 @@
<!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&amp;family=Noto+Sans+SC:wght@400;500;600;700&amp;family=Source+Code+Pro:wght@400;600;700&amp;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>