feat: add node selector header with action mode indicator and instructions for improved user guidance

This commit is contained in:
Will Miao
2025-06-27 12:39:20 +08:00
parent 63dc5c2bdb
commit 5de1c8aa82
3 changed files with 32 additions and 0 deletions

View File

@@ -434,7 +434,15 @@ function showNodeSelector(nodes, loraSyntax, replaceMode, syntaxType) {
`;
}).join('');
// Add header with action mode indicator
const actionType = syntaxType === 'recipe' ? 'Recipe' : 'LoRA';
const actionMode = replaceMode ? 'Replace' : 'Append';
selector.innerHTML = `
<div class="node-selector-header">
<span class="selector-action-type">${actionMode} ${actionType}</span>
<span class="selector-instruction">Select target node</span>
</div>
${nodeItems}
<div class="node-item send-all-item" data-action="send-all">
<div class="node-icon-indicator all-nodes">