taozuqin/ST-Bionic-Memory-Ecology
1
0
Fork 0
mirror of https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git synced 2026-05-15 22:30:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: 操作面板按功能分组(记忆/向量/图谱管理)

Browse Source
This commit is contained in:
Youzini-afk
2026-03-26 15:17:54 +08:00
parent 09d1af787b
commit 33013be6c1
2 changed files with 140 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
panel.html
View File

@@ -227,100 +227,106 @@
</div> </div>
<div class="bme-tab-pane" id="bme-pane-actions"> <div class="bme-tab-pane" id="bme-pane-actions">
<div class="bme-action-grid"> <div class="bme-action-groups">
<button class="bme-action-btn" id="bme-act-extract" type="button"> <!-- 记忆操作 -->
<i class="fa-solid fa-download"></i> <div class="bme-action-group">
<span>手动提取</span> <div class="bme-action-group-header">
</button> <span class="bme-action-group-title">📝 记忆操作</span>
<button <span class="bme-action-group-sub">调用 LLM 处理记忆节点</span>
class="bme-action-btn" </div>
id="bme-act-compress" <div class="bme-action-grid">
type="button" <button class="bme-action-btn" id="bme-act-extract" type="button">
> <i class="fa-solid fa-download"></i>
<i class="fa-solid fa-compress"></i> <span>手动提取</span>
<span>手动压缩</span> </button>
</button> <button class="bme-action-btn" id="bme-act-compress" type="button">
<button class="bme-action-btn" id="bme-act-sleep" type="button"> <i class="fa-solid fa-compress"></i>
<i class="fa-solid fa-moon"></i> <span>手动压缩</span>
<span>执行遗忘</span> </button>
</button> <button class="bme-action-btn" id="bme-act-synopsis" type="button">
<button <i class="fa-solid fa-scroll"></i>
class="bme-action-btn" <span>更新概要</span>
id="bme-act-synopsis" </button>
type="button" <button class="bme-action-btn" id="bme-act-evolve" type="button">
> <i class="fa-solid fa-dna"></i>
<i class="fa-solid fa-scroll"></i> <span>强制进化</span>
<span>更新概要</span> </button>
</button> <button class="bme-action-btn" id="bme-act-sleep" type="button">
<button class="bme-action-btn" id="bme-act-export" type="button"> <i class="fa-solid fa-moon"></i>
<i class="fa-solid fa-file-export"></i> <span>执行遗忘</span>
<span>导出图谱</span> </button>
</button> </div>
<button class="bme-action-btn" id="bme-act-import" type="button">
<i class="fa-solid fa-file-import"></i>
<span>导入图谱</span>
</button>
<button
class="bme-action-btn danger"
id="bme-act-rebuild"
type="button"
>
<i class="fa-solid fa-triangle-exclamation"></i>
<span>重建图谱</span>
</button>
<button class="bme-action-btn" id="bme-act-evolve" type="button">
<i class="fa-solid fa-dna"></i>
<span>强制进化</span>
</button>
<button
class="bme-action-btn"
id="bme-act-vector-rebuild"
type="button"
>
<i class="fa-solid fa-database"></i>
<span>重建向量</span>
</button>
<button
class="bme-action-btn"
id="bme-act-vector-range"
type="button"
>
<i class="fa-solid fa-layer-group"></i>
<span>范围重建</span>
</button>
<button
class="bme-action-btn"
id="bme-act-vector-reembed"
type="button"
>
<i class="fa-solid fa-wand-magic-sparkles"></i>
<span>直连重嵌</span>
</button>
</div>
<div class="bme-config-card" style="margin-top: 16px">
<div class="bme-section-header">范围重建</div>
<div class="bme-config-help">
仅重建与指定楼层范围相交的节点向量。留空时默认按整段聊天处理。
</div> </div>
<div class="bme-config-row">
<label for="bme-range-start">起始楼层</label> <!-- 向量操作 -->
<input <div class="bme-action-group">
id="bme-range-start" <div class="bme-action-group-header">
class="bme-config-input" <span class="bme-action-group-title">🔢 向量操作</span>
type="number" <span class="bme-action-group-sub">调用 Embedding API 计算节点向量</span>
min="0" </div>
max="999999" <div class="bme-action-grid">
/> <button class="bme-action-btn" id="bme-act-vector-rebuild" type="button">
<i class="fa-solid fa-database"></i>
<span>重建向量</span>
</button>
<button class="bme-action-btn" id="bme-act-vector-range" type="button">
<i class="fa-solid fa-layer-group"></i>
<span>范围重建</span>
</button>
<button class="bme-action-btn" id="bme-act-vector-reembed" type="button">
<i class="fa-solid fa-wand-magic-sparkles"></i>
<span>直连重嵌</span>
</button>
</div>
<div class="bme-action-group-extra">
<div class="bme-config-help">
范围重建：仅重建与指定楼层范围相交的节点向量。留空时默认按整段聊天处理。
</div>
<div class="bme-action-range-row">
<div class="bme-config-row">
<label for="bme-range-start">起始楼层</label>
<input
id="bme-range-start"
class="bme-config-input"
type="number"
min="0"
max="999999"
/>
</div>
<div class="bme-config-row">
<label for="bme-range-end">结束楼层</label>
<input
id="bme-range-end"
class="bme-config-input"
type="number"
min="0"
max="999999"
/>
</div>
</div>
</div>
</div> </div>
<div class="bme-config-row">
<label for="bme-range-end">结束楼层</label> <!-- 图谱管理 -->
<input <div class="bme-action-group">
id="bme-range-end" <div class="bme-action-group-header">
class="bme-config-input" <span class="bme-action-group-title">⚠️ 图谱管理</span>
type="number" <span class="bme-action-group-sub">导入导出与危险操作</span>
min="0" </div>
max="999999" <div class="bme-action-grid">
/> <button class="bme-action-btn" id="bme-act-export" type="button">
<i class="fa-solid fa-file-export"></i>
<span>导出图谱</span>
</button>
<button class="bme-action-btn" id="bme-act-import" type="button">
<i class="fa-solid fa-file-import"></i>
<span>导入图谱</span>
</button>
<button class="bme-action-btn danger" id="bme-act-rebuild" type="button">
<i class="fa-solid fa-triangle-exclamation"></i>
<span>重建图谱</span>
</button>
</div>
</div> </div>
</div> </div>
</div> </div>

42
style.css
View File

@@ -781,6 +781,48 @@
} }
/* --- Actions Tab --- */ /* --- Actions Tab --- */
.bme-action-groups {
display: flex;
flex-direction: column;
gap: 20px;
}
.bme-action-group {
padding: 14px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.bme-action-group-header {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 12px;
}
.bme-action-group-title {
font-size: 13px;
font-weight: 700;
color: var(--bme-on-surface);
}
.bme-action-group-sub {
font-size: 11px;
color: var(--bme-on-surface-dim);
}
.bme-action-group-extra {
margin-top: 10px;
}
.bme-action-range-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 8px;
}
.bme-action-grid { .bme-action-grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;