nodes/DemonGatanjieu-Anomalous_Model_Browser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: clarify hierarchy in node assistant parameter presets UI

Browse Source
This commit is contained in:
DemonGatanjieu
2026-08-07 16:31:30 +08:00
parent 913a58b2aa
commit 2ee14ecc96
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.agents/logs/ai_changelog.md
+10
View File
@@ -1,5 +1,15 @@
# AI Changelog
## [Snapshot] 2026-08-07 - Node Assistant Preset Hierarchy Clarity Update
**Implemented**
- **UI Hierarchy Clarification**: Fixed a UX issue in the Node Assistant's "Parameter Presets" tab where users confused Recipe Group folders with Notebooks. Added explicit prefixes `🍱 配方:` (Recipe Group) and `📓 笔记本:` (Notebook) to clarify the data structure.
- **Graceful Fallbacks for Deleted/Unbound Recipes**:
- Parameter notebooks that belong to a deleted recipe (previously showing raw `recipe_xxx.json` filenames) now correctly display as `⚠️ 已删除配方 (Deleted)`.
- Notebooks without a specific recipe (`unbound`) are now labeled as `🌍 全局无绑定 (Global/Unbound)`.
- **Apply Button Clarity**: Added the `✨ 应用到 -> (Apply To)` prefix on the terminal buttons that inject parameters to the selected node, clarifying their function.
## [Snapshot] 2026-08-07 - Node Assistant Layout & Bug Fixes
**Implemented**
web/modules/ui_doctor.js
+11 -3
View File
@@ -1508,7 +1508,15 @@ export function renderParameterPresets(node, container) {
const recipeHeader = document.createElement('div');
recipeHeader.style.cssText = 'padding:10px 12px; font-size:12px; font-weight:bold; color:#c9d6ff; cursor:pointer; display:flex; align-items:center; gap:8px; background:rgba(0,0,0,0.2);';
recipeHeader.innerHTML = `<span>📁</span> <span style="flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">${escapeHtml(group.recipe_name || group.recipe_filename)}</span> <span>▼</span>`;
let displayName = group.recipe_name || group.recipe_filename;
if (displayName === 'Unbound' || displayName === 'unbound') {
displayName = t('assistantUnboundRecipe') || '🌍 全局无绑定 (Global/Unbound)';
} else if (displayName.endsWith('.json')) {
displayName = '⚠️ ' + (t('assistantDeletedRecipe') || '已删除配方 (Deleted)') + ' - ' + displayName.substring(0, 15) + '...';
}
recipeHeader.innerHTML = `<span style="font-size:14px;">🍱</span> <span style="flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">${t('assistantRecipeGroup') || '配方'}: ${escapeHtml(displayName)}</span> <span>▼</span>`;
const notebookList = document.createElement('div');
notebookList.style.cssText = 'display:flex; flex-direction:column; gap:6px; padding:8px;';
@@ -1534,7 +1542,7 @@ export function renderParameterPresets(node, container) {
const nbTitle = document.createElement('div');
nbTitle.style.cssText = 'font-size:11px; color:#aaa; font-weight:bold; display:flex; align-items:center; gap:6px;';
nbTitle.innerHTML = `<span>📄</span> <span style="flex:1;">${escapeHtml(nb.name || 'Untitled')}</span>`;
nbTitle.innerHTML = `<span style="font-size:13px;">📓</span> <span style="flex:1;">${t('assistantNotebook') || '笔记本'}: ${escapeHtml(nb.name || 'Untitled')}</span>`;
nbBox.appendChild(nbTitle);
for (const n of nb.nodes) {
@@ -1548,7 +1556,7 @@ export function renderParameterPresets(node, container) {
summary += ` (${val.length > 15 ? val.substring(0,15)+'...' : val})`;
}
applyBtn.innerHTML = `<span style="font-size:12px;">✨</span> <span style="flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">${escapeHtml(summary)}</span>`;
applyBtn.innerHTML = `<span style="font-size:12px;">✨</span> <span style="flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">${t('assistantApplyTo') || '应用到'} -> ${escapeHtml(summary)}</span>`;
applyBtn.onmouseover = () => { applyBtn.style.background = 'rgba(25,118,210,0.4)'; };
applyBtn.onmouseout = () => { applyBtn.style.background = 'rgba(255,255,255,0.05)'; };
applyBtn.onclick = () => {