From fc40dead3dd367e29d795d175ec7c7a01117c1fe Mon Sep 17 00:00:00 2001
From: DemonGatanjieu <1027066412@qq.com>
Date: Thu, 10 Sep 2026 19:06:44 +0800
Subject: [PATCH] fix(ui): visual correction audit - return to gothic vampire
aesthetics, sweep emojis, center header, and fix tooltip overlap
---
ARCHITECTURE.md | 7 +
web/main.js | 2 +-
web/modules/locales.js | 148 +++----
web/modules/ui_detail.js | 10 +-
web/modules/ui_doctor.js | 37 +-
web/modules/ui_gallery.js | 4 +-
web/modules/ui_gallery_detail.js | 20 +-
web/modules/ui_grid.js | 6 +-
web/modules/ui_materials.js | 10 +-
web/modules/ui_notebooks.js | 7 +-
web/modules/ui_prompt_composer.js | 72 ++--
web/modules/ui_recipe_detail.js | 66 +--
web/modules/ui_recipes.js | 58 ++-
web/modules/ui_sidebar.js | 67 +--
web/styles.css | 660 +++++++++++++++++-------------
15 files changed, 679 insertions(+), 495 deletions(-)
diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md
index e95d8ca..aae6666 100644
--- a/ARCHITECTURE.md
+++ b/ARCHITECTURE.md
@@ -178,6 +178,13 @@ DOM or live LiteGraph state.
`recipe_actions.js` own pure or transactional recipe behavior.
- `ui_doctor.js`, `model_picker.js`, and `graph_splice.js` own assistant and
explicit graph-edit behavior.
+- Visual Correction Audit & Gothic Vampire Re-alignment (视觉纠偏与哥特美学回归):
+ - Purged all 83 high-saturation cyberpunk cyan/blue instances (`#38bdf8`, `#00ffcc`, `#2dd4bf`, `#5eead4`, `#007bff`, `#0ea5e9`, `#06b6d4`) and 140+ `rgba(...)` glow values, re-skinning to an aristocratic Crimson (`#dc143c`), Deep Wine (`#722f37`), and Abyssal Violet (`#8b5cf6`) palette;
+ - Restrained all oversized diffused glows (`box-shadow` / `filter: drop-shadow`) to tight 4~8px interior magic micro-auras, adhering to vampire gothic nobility;
+ - Swept legacy system emojis across all 13 frontend modules and `locales.js`, replacing them with pure-code vector SVG icons (`3D Cube`, `Network`, `Magic Wand`, `Folder`, `Image Frame`, `Sliders`, `Trash`, etc.);
+ - Overhauled `#anomalous-header` into a centered symmetric three-column architecture (`leftGroup`, `centerGroup`, `rightGroup`), eliminating left-side visual voids/black holes;
+ - Injected gothic diamond lattice textures and dark crimson radial auras into `#anomalous-gallery-panel`, `.anomalous-gallery-grid`, `.anomalous-gallery-container`, and `#anomalous-content`;
+ - Fixed tooltip overlap hazard by re-aligning bottom toolbar tooltip triggers to center-top (`data-tooltip-pos="top"`), completely preventing horizontal button occlusion.
- `locales.js` is the canonical runtime string catalog; `safe_dom.js` is the
trusted rich-text boundary.
- `web/main.js` and `web/modules/ui_sidebar.js` own theme state management and interactive easter-egg domain toggles,
diff --git a/web/main.js b/web/main.js
index de4cf47..74e1d60 100644
--- a/web/main.js
+++ b/web/main.js
@@ -705,7 +705,7 @@ function applyFloatingTriggerPresentation() {
const icon = document.createElement('span');
icon.className = 'anomalous-trigger-icon';
icon.setAttribute('aria-hidden', 'true');
- icon.textContent = '📦';
+ icon.innerHTML = '1. 🔄 前置准备 (扫描向导) 扫描向导 (🔄) 。
2. 🩺 拯救爆红 (模型医生) 听诊器 (🩺) 按钮。
3. 🤖 选中交互与参数预设 (节点助手) 机器人 (🤖) 按钮。
- 4. 📦 工作流配方、参数方案与素材库 创作工作台 。
- 5. ⚙️ 个性化配置 (设置面板) 齿轮 (⚙️) 按钮。
- 6. 📑 顶部导航与提示词笔记 模型 (📦) 、图库 (🖼️) 、创作工作台 (📑) 、停靠侧边栏 (◧) 。➕ 。选择基础模型、主模型和 LoRA 后，可通过 📝纯文本/粘贴 填入提示词并进行双语对照、分块、查找替换和标签编辑，最后点击 🚀 发送到画布 一键组装节点。
- 7. 📁 文件夹管理 (Folder Manager) 📁 文件夹管理 。
- 8. 📥 工作流导出与导入 (分享码) 导入/导出 (📥) 按钮。
- 9. 💬 提交反馈 / 报告问题 💬 提交反馈 / 报告问题 。
+ 4. 工作流配方、参数方案与素材库 创作工作台 。
+ 5. 个性化配置 (设置面板) 齿轮 () 按钮。
+ 6. 📑 顶部导航与提示词笔记 模型 () 、图库 () 、创作工作台 (📑) 、停靠侧边栏 (◧) 。📝纯文本/粘贴 填入提示词并进行双语对照、分块、查找替换和标签编辑，最后点击 发送到画布 一键组装节点。
+ 7. 文件夹管理 (Folder Manager) 文件夹管理 。
+ 8. 工作流导出与导入 (分享码) 导入/导出 () 按钮。
+ 9. 💬 提交反馈 / 报告问题 💬 提交反馈 / 报告问题 。
`,
notebooks: '笔记本',
notebookTitle: '笔记本管理',
@@ -252,7 +252,7 @@ export const i18n = {
materialImageDetail: '图片参数详情',
workbenchFullscreen: '全屏工作台',
workbenchWindowed: '窗口模式',
- workbenchLoadToCanvas: '⚡ 加载到画布',
+ workbenchLoadToCanvas: '加载到画布',
workbenchLoadSuccess: '工作流已成功加载到 ComfyUI 画布！',
workbenchLoadFailed: '无法加载工作流到画布：',
workbenchNext: '下一张 (→)',
@@ -293,11 +293,11 @@ export const i18n = {
materialDenoise: '降噪',
materialScheduler: '调度',
materialReferencedModels: '引用的模型清单 ({count})',
- materialModelBase: '🎯 主模型 / UNet',
+ materialModelBase: '主模型 / UNet',
materialModelLora: '🎨 LoRA 微调层',
- materialModelVae: '🖼️ VAE 编码器',
+ materialModelVae: 'VAE 编码器',
materialModelClip: '👁️ 文本编码器 (CLIP)',
- materialModelOther: '⚡ 其它模型组件',
+ materialModelOther: '其它模型组件',
materialLoraStrength: '权重',
materialModelCountLora: '{count} LoRA',
materialModelCountClip: '{count} CLIP',
@@ -369,11 +369,11 @@ export const i18n = {
materialSourceRecipeMissing: '来源已中断 · 配方已删除：{name}',
createNotebook: '新建',
saveNotebook: '保存笔记',
- deleteNotebook: '🗑️ 删除',
- renameNotebook: '✏️ 重命名',
+ deleteNotebook: '删除',
+ renameNotebook: '重命名',
baseModel: 'Base Model (基础模型)',
mainModel: 'Main Model (主模型)',
- sendToCanvas: '🚀 发送到画布',
+ sendToCanvas: '发送到画布',
translate: '翻译',
newNotebookName: '新笔记本名称',
noBaseModel: '请先选择 Base Model',
@@ -408,10 +408,10 @@ export const i18n = {
detailBackDoctor: '⬅ 返回医生面板',
detailBackAssistant: '⬅ 返回助手面板',
detailJumpToBottom: '跳到底部',
- detailEdit: '⚙️ 编辑',
+ detailEdit: '编辑',
detailNotesTitle: '📓 专属备注 (Notes)',
detailEditNotes: '编辑备注',
- detailGeneratedGallery: '🖼️ 查看历史生成作品',
+ detailGeneratedGallery: '查看历史生成作品',
detailTrainedWords: '训练词:',
detailDescription: '描述:',
detailNotes: '备注:',
@@ -525,7 +525,7 @@ export const i18n = {
assistantPreviewFailed: '无法加载预览',
betaFeature: '测试功能',
assistantBetaNotice: '“参数方案”联动仍在测试。应用前请保存当前工作流；它会修改选中节点的参数，但会忽略种子等运行时变化值。“动作”页不属于测试范围。',
- assistantHistoryTitle: '🖼️ 历史生成图 ({count})',
+ assistantHistoryTitle: '历史生成图 ({count})',
assistantViewAll: '查看全部 →',
assistantRestoreWorkflow: '点击恢复此工作流',
assistantViewGallery: '点击查看完整图库',
@@ -534,7 +534,7 @@ export const i18n = {
pickerInsertBeforeTitle: '⬅ 在节点前方插入 LoRA',
pickerInsertAfterTitle: '在节点后方插入 LoRA ➡',
pickerChangeTitle: '🔀 更换当前模型',
- pickerFolders: '📁 文件夹',
+ pickerFolders: '文件夹',
pickerSearch: '🔍 搜索名称或完整路径…',
pickerMainAll: '主模型：全部类型',
pickerNameAsc: '名称 A–Z',
@@ -569,11 +569,11 @@ export const i18n = {
pickerNoMatches: '没有符合条件的模型。',
pickerOperationFailed: '操作失败：',
notebookSelectMain: '请先选择一个主模型。',
- mainPreflightTitle: '📥 导入工作流 (预检海关)',
+ mainPreflightTitle: '导入工作流 (预检海关)',
mainPreflightDesc: '请在此处粘贴工作流的 JSON 代码（未来将支持分享码）。我们将为您提取并校验所有模型依赖。',
mainCancel: '取消',
mainAnalyzePreflight: '🔍 解析并预检',
- mainForceLoad: '🚀 强制载入画布',
+ mainForceLoad: '强制载入画布',
mainNoDependencies: '✅ 未检测到任何模型依赖。',
mainDetectedModels: '扫描到 {count} 个模型资源：',
mainDownloadCivitai: '去 C站下载',
@@ -615,14 +615,14 @@ export const i18n = {
mainResetFloatingTriggerPosition: '重置悬浮入口位置',
mainRetryInit: '插件界面初始化失败，点击可重试',
mainRetryInitEn: 'The plugin UI failed to initialize. Click to retry.',
- mainExportTitle: '📦 导出工作流分享码',
+ mainExportTitle: '导出工作流分享码',
mainSkeletonOption: '精简版 (推荐 B站评论区, 体积小, 丢失坐标)',
mainFullOption: '完整版 (保留所有坐标与颜色, 较长)',
mainGenerate: '生成分享码',
mainCopyClipboard: '复制到剪贴板',
mainClose: '关闭',
mainCopied: '✅ 复制成功！',
- mainImportTitle: '📥 导入工作流分享码',
+ mainImportTitle: '导入工作流分享码',
mainSharePlaceholder: '粘贴 AMB0- 或 AMB1- 开头的分享码...',
mainImportLoad: '导入并加载',
mainShareEmpty: '❌ 分享码为空',
@@ -630,17 +630,17 @@ export const i18n = {
mainDecodeFailed: '❌ 解析失败: ',
mainUnifiedTitle: '🔄 工作流分享与导入',
mainExportWorkflow: '📤 导出当前工作流为分享码',
- mainImportWorkflow: '📥 从分享码导入工作流',
+ mainImportWorkflow: '从分享码导入工作流',
sidebarToggle: '收起/展开侧边栏',
sidebarDoctor: '模型医生',
sidebarAssistant: '节点助手',
- sidebarPreflight: '📥 预检导入工作流',
+ sidebarPreflight: '预检导入工作流',
sidebarSettings: '设置中心',
sidebarScanWizard: '📡 模型扫描向导',
sidebarScanComplete: '✅ 扫描/重命名已完成！数据已为您更新。',
sidebarScanWizardTitle: '扫描向导',
sidebarGlobalScanWizard: '全局扫描向导',
- sidebarSingleModelScan: '🎯 单模型扫描向导: {files}',
+ sidebarSingleModelScan: '单模型扫描向导: {files}',
sidebarGlobalWizardTitle: '全局扫描向导',
sidebarApiKey: 'API 密钥',
sidebarApiKeyPrompt: '请输入 Civitai API Key（留空将清除）:',
@@ -680,12 +680,12 @@ export const i18n = {
sidebarExecute: '执行扫描',
sidebarSwitchToEnglish: '🌐 Language: EN',
sidebarSwitchToChinese: '🌐 语言: 中文',
- sidebarImportExport: '📥 导入 / 导出工作流 (分享码)',
+ sidebarImportExport: '导入 / 导出工作流 (分享码)',
sidebarGlobalQuickScan: '🌍 一键全盘极速扫描 (不下载封面/不改名)',
sidebarGlobalQuickScanShort: '🌍 一键全盘扫描 (不下载封面/不改名)',
sidebarGlobalQuickConfirm: '即将执行极速全盘扫描并同步Hash，此操作不改名也不下载封面，是否继续？',
sidebarScanning: '⏳ 扫描中...',
- sidebarGlobalStarted: '🚀 全局扫描已后台启动！',
+ sidebarGlobalStarted: '全局扫描已后台启动！',
sidebarScanDone: '✅ 扫描完成',
scanProgressTitle: '模型扫描进度',
scanProgressPreparing: '正在准备扫描目录…',
@@ -712,9 +712,9 @@ export const i18n = {
sidebarResetConfirm: '确认重置窗口位置、缩放和停靠状态吗？',
sidebarInjectHash: '🟢 注入工作流哈希',
sidebarSkipHash: '⚪ 不注入工作流哈希',
- sidebarManageFolders: '📁 文件夹管理',
+ sidebarManageFolders: '文件夹管理',
sidebarFeedback: '💬 提交反馈 / 报告问题',
- sidebarModelSettings: '🖼️ 模型设置',
+ sidebarModelSettings: '模型设置',
sidebarModelCardSettings: '模型卡片设置',
sidebarModelCardDescription: '只调整模型浏览器里的卡片显示，不会修改模型文件或原始封面。',
sidebarVideoPlayback: '视频封面播放',
@@ -731,7 +731,7 @@ export const i18n = {
sidebarExpandAll: '展开全部',
sidebarCollapseAll: '收起全部',
sidebarSearchModels: '搜索模型...',
- sidebarFolderManagerTitle: '📁 侧边栏文件夹管理',
+ sidebarFolderManagerTitle: '侧边栏文件夹管理',
sidebarFolderManagerDesc: '上下拖拽调整侧边栏的显示顺序。点击眼睛图标可隐藏不需要显示的底层文件夹。隐藏的文件夹不会被扫描，完全不占用性能。',
sidebarCategoryMode: '分类模式 (ComfyUI)',
sidebarPhysicalMode: '物理模式 (本地文件夹)',
@@ -756,7 +756,7 @@ export const i18n = {
settingsBtn: '设置',
closeSettings: '✖ 关闭设置面板',
doctorBtn: '节点助手',
- importBtn: '📥 导入 / 导出工作流 (分享码)',
+ importBtn: '导入 / 导出工作流 (分享码)',
recipeTitle: '工作流配方',
recipeBetaNotice: '工作流配方仍在测试。更新插件以及导入、恢复、删除或应用参数前，请保存当前画布并备份用户 workflows 目录中的 anomalous_recipes 与 anomalous_parameters。',
recipeClose: '关闭工作流配方',
@@ -938,7 +938,7 @@ export const i18n = {
recipeDetailSampler: '采样器',
recipeDetailResolution: '分辨率',
recipeDetailUnavailable: '不可用',
- recipeDetailEditOrigin: '✏️ 编辑来源',
+ recipeDetailEditOrigin: '编辑来源',
recipeOriginDialogTitle: '编辑模型来源信息',
recipeOriginOfficialName: '官方模型名称',
recipeOriginModelUrl: '官方网址 (Model URL)',
@@ -1046,7 +1046,7 @@ export const i18n = {
recipeStatusMissing: '🔴 缺少模型 ({count})',
recipeStatusChecking: '⏳ 检查环境中…',
recipeQuickSpecs: '核心规格',
- recipeApplyAllMatches: '⚡ 一键应用全部匹配',
+ recipeApplyAllMatches: '一键应用全部匹配',
recipeApplyingAllMatches: '正在应用全部匹配…',
recipeApplyAllMatchesSuccess: '✅ 已成功应用全部匹配！',
recipeRawNodesToggle: '节点参数',
@@ -1162,7 +1162,7 @@ export const i18n = {
recipeViewGrid: "Grid View",
recipeViewList: "List View",
recipeDragHint: "Hold & drag onto canvas to load workflow",
- recipeDragTargetCanvas: "🚀 Drop to load workflow in canvas",
+ recipeDragTargetCanvas: "Drop to load workflow in canvas",
recipeStatusReady: "Ready",
recipeStatusUnverified: "Unverified",
recipeStatusMissing: "Missing",
@@ -1224,12 +1224,12 @@ export const i18n = {
materialChars: "{count} characters",
materialCopyPromptText: "Copy prompt",
notebookSaveError: 'Save failed. Your edits remain in the editor; please retry.',
- title: '📦 Anomalous Model Browser',
+ title: 'Anomalous Model Browser',
scan: '🔄 Scan folder and sync Civitai data',
scanTitle: 'Scan Folder',
scanConfirm: 'Notice:\nThe scan process will automatically compare with Civitai and rename your local files.\nStart scan?',
scanning: 'Scanning...',
- scanBg: '🚀 Scan started in background!',
+ scanBg: 'Scan started in background!',
scanDone: 'Done',
scanCompleteMsg: '✅ Scan Complete!\n\n⚠️ Note: Please click [Refresh] to sync the model list since files were renamed.',
eco: '🔋 Eco Mode (Play video on hover)',
@@ -1250,7 +1250,7 @@ export const i18n = {
noPreview: 'No preview available',
clickScan: 'Click Scan',
back: '⬅️ Back',
- delModel: '🗑️ Delete',
+ delModel: 'Delete',
delConfirm: 'Are you sure you want to permanently delete',
delConfirm2: ' and all its associated configs, previews, and cache files? This action is irreversible!',
delSuccess: '✅ Delete Complete!\n',
@@ -1264,7 +1264,7 @@ export const i18n = {
loading: 'Loading…',
loadingCompatible: 'Loading...',
backToPrev: '🔙 Back to prev',
- applyToCanvas: '➕ Add Node',
+ applyToCanvas: 'Add Node',
applySuccess: '✅ Added to workflow',
help: 'Help',
helpTitle: '📖 User Manual',
@@ -1275,12 +1275,12 @@ export const i18n = {
1. 🔄 Prerequisites (Scan Wizard) Scan (🔄) icon at the bottom left.
2. 🩺 Fix Broken Nodes (Model Doctor) (Stethoscope 🩺) from the bottom left.
3. 🤖 Node actions and parameter presets (Node Assistant) (Robot 🤖) from the bottom left.
- 4. 📦 Workflow Recipes and Parameter Sets Creative Workspace and switch to Workflow Recipes .
- 5. ⚙️ Settings Panel Gear (⚙️) icon at the bottom left.
- 6. 📑 Top Navigation & Prompt Notes Models (📦) , Gallery (🖼️) , Creative Workspace (📑) , and Dock (◧) .➕ . Select a Base Model, Main Model, and LoRAs; use 📝 Edit Raw/Paste for bilingual prompts, chunking, find/replace, and tag editing; then click 🚀 Send to Canvas to assemble the nodes.
- 7. 📁 Folder Manager 📁 Manage Folders .
- 8. 📥 Workflow Export & Import (Share Code) Import/Export (📥) icon to the left of the Settings gear.
- 9. 💬 Submit Feedback / Report Bug 💬 Submit Feedback / Report Bug .
+ 4. Workflow Recipes and Parameter Sets Creative Workspace and switch to Workflow Recipes .
+ 5. Settings Panel Gear () icon at the bottom left.
+ 6. 📑 Top Navigation & Prompt Notes Models () , Gallery () , Creative Workspace (📑) , and Dock (◧) .📝 Edit Raw/Paste for bilingual prompts, chunking, find/replace, and tag editing; then click Send to Canvas to assemble the nodes.
+ 7. Folder Manager Manage Folders .
+ 8. Workflow Export & Import (Share Code) Import/Export () icon to the left of the Settings gear.
+ 9. 💬 Submit Feedback / Report Bug 💬 Submit Feedback / Report Bug .
`,
notebooks: 'Notebooks',
notebookTitle: 'Notebook Manager',
@@ -1312,7 +1312,7 @@ export const i18n = {
materialImageDetail: 'Image Parameter Details',
workbenchFullscreen: 'Fullscreen Workbench',
workbenchWindowed: 'Windowed Mode',
- workbenchLoadToCanvas: '⚡ Load to Canvas',
+ workbenchLoadToCanvas: 'Load to Canvas',
workbenchLoadSuccess: 'Workflow loaded to ComfyUI canvas successfully!',
workbenchLoadFailed: 'Could not load workflow into canvas: ',
workbenchNext: 'Next (→)',
@@ -1353,11 +1353,11 @@ export const i18n = {
materialDenoise: 'Denoise',
materialScheduler: 'Scheduler',
materialReferencedModels: 'Referenced Models ({count})',
- materialModelBase: '🎯 Base Model / UNet',
+ materialModelBase: 'Base Model / UNet',
materialModelLora: '🎨 LoRA Layers',
- materialModelVae: '🖼️ VAE',
+ materialModelVae: 'VAE',
materialModelClip: '👁️ Text Encoder (CLIP)',
- materialModelOther: '⚡ Other Models',
+ materialModelOther: 'Other Models',
materialLoraStrength: 'Weight',
materialModelCountLora: '{count} LoRA',
materialModelCountClip: '{count} CLIP',
@@ -1429,11 +1429,11 @@ export const i18n = {
materialSourceRecipeMissing: 'Source broken · recipe deleted: {name}',
createNotebook: 'New',
saveNotebook: '💾 Save prompt note',
- deleteNotebook: '🗑️ Delete',
- renameNotebook: '✏️ Rename',
+ deleteNotebook: 'Delete',
+ renameNotebook: 'Rename',
baseModel: 'Base Model',
mainModel: 'Main Model',
- sendToCanvas: '🚀 Send to Canvas',
+ sendToCanvas: 'Send to Canvas',
translate: 'Translate',
newNotebookName: 'New Notebook Name',
noBaseModel: 'Select a Base Model first',
@@ -1468,10 +1468,10 @@ export const i18n = {
detailBackDoctor: '⬅ Back to Doctor',
detailBackAssistant: '⬅ Back to Assistant',
detailJumpToBottom: 'Jump to bottom',
- detailEdit: '⚙️ Edit',
+ detailEdit: 'Edit',
detailNotesTitle: '📓 Custom Notes',
detailEditNotes: 'Edit Notes',
- detailGeneratedGallery: '🖼️ View Generated Gallery',
+ detailGeneratedGallery: 'View Generated Gallery',
detailTrainedWords: 'Trained Words:',
detailDescription: 'Description:',
detailNotes: 'Notes:',
@@ -1585,7 +1585,7 @@ export const i18n = {
assistantPreviewFailed: 'Failed to load preview',
betaFeature: 'Beta feature',
assistantBetaNotice: 'The Parameter Set integration is still in beta. Save the current workflow before applying a preset; it changes the selected node while ignoring volatile values such as seeds. The Actions tab is not part of this beta.',
- assistantHistoryTitle: '🖼️ History ({count})',
+ assistantHistoryTitle: 'History ({count})',
assistantViewAll: 'View All →',
assistantRestoreWorkflow: 'Click to restore workflow',
assistantViewGallery: 'Click to view full gallery',
@@ -1594,7 +1594,7 @@ export const i18n = {
pickerInsertBeforeTitle: '⬅ Insert LoRA Before Node',
pickerInsertAfterTitle: 'Insert LoRA After Node ➡',
pickerChangeTitle: '🔀 Change Current Model',
- pickerFolders: '📁 Folders',
+ pickerFolders: 'Folders',
pickerSearch: '🔍 Search name or full path…',
pickerMainAll: 'Main model: All types',
pickerNameAsc: 'Name A–Z',
@@ -1629,11 +1629,11 @@ export const i18n = {
pickerNoMatches: 'No models match the current filters.',
pickerOperationFailed: 'Operation failed: ',
notebookSelectMain: 'Please select a Main Model first.',
- mainPreflightTitle: '📥 Pre-flight Import Workflow',
+ mainPreflightTitle: 'Pre-flight Import Workflow',
mainPreflightDesc: 'Paste the workflow JSON here. We will extract and validate all model dependencies before loading.',
mainCancel: 'Cancel',
mainAnalyzePreflight: '🔍 Analyze & Pre-flight',
- mainForceLoad: '🚀 Force Load to Canvas',
+ mainForceLoad: 'Force Load to Canvas',
mainNoDependencies: '✅ No model dependencies detected.',
mainDetectedModels: 'Detected {count} model resources:',
mainDownloadCivitai: 'Download',
@@ -1675,14 +1675,14 @@ export const i18n = {
mainResetFloatingTriggerPosition: 'Reset floating entry position',
mainRetryInit: '插件界面初始化失败，点击可重试',
mainRetryInitEn: 'The plugin UI failed to initialize. Click to retry.',
- mainExportTitle: '📦 Export Workflow Share Code',
+ mainExportTitle: 'Export Workflow Share Code',
mainSkeletonOption: 'Skeleton (Compact, best for comments, loses coords)',
mainFullOption: 'Full (Keeps coords and colors, longer string)',
mainGenerate: 'Generate',
mainCopyClipboard: 'Copy',
mainClose: 'Close',
mainCopied: '✅ Copied successfully!',
- mainImportTitle: '📥 Import Workflow Share Code',
+ mainImportTitle: 'Import Workflow Share Code',
mainSharePlaceholder: 'Paste AMB0- or AMB1- share code here...',
mainImportLoad: 'Import & Load',
mainShareEmpty: '❌ Share code is empty',
@@ -1690,17 +1690,17 @@ export const i18n = {
mainDecodeFailed: '❌ Decode Failed: ',
mainUnifiedTitle: '🔄 Workflow Share & Import',
mainExportWorkflow: '📤 Export Workflow to Share Code',
- mainImportWorkflow: '📥 Import Workflow from Share Code',
+ mainImportWorkflow: 'Import Workflow from Share Code',
sidebarToggle: 'Toggle Sidebar',
sidebarDoctor: 'Model Doctor',
sidebarAssistant: 'Node Assistant',
- sidebarPreflight: '📥 Preflight Import',
+ sidebarPreflight: 'Preflight Import',
sidebarSettings: 'Settings Hub',
sidebarScanWizard: '📡 Model Scan Wizard',
sidebarScanComplete: '✅ Scan/Rename completed! Data updated.',
sidebarScanWizardTitle: 'Scan Wizard',
sidebarGlobalScanWizard: 'Global Scan Wizard',
- sidebarSingleModelScan: '🎯 Single Model Scan: {files}',
+ sidebarSingleModelScan: 'Single Model Scan: {files}',
sidebarGlobalWizardTitle: 'Global Scan Wizard',
sidebarApiKey: 'API Key',
sidebarApiKeyPrompt: 'Enter Civitai API Key (leave blank to clear):',
@@ -1740,12 +1740,12 @@ export const i18n = {
sidebarExecute: 'Execute Scan',
sidebarSwitchToEnglish: '🌐 Language: EN',
sidebarSwitchToChinese: '🌐 语言: 中文',
- sidebarImportExport: '📥 Import / Export Workflow (Share Code)',
+ sidebarImportExport: 'Import / Export Workflow (Share Code)',
sidebarGlobalQuickScan: '🌍 Global Quick Scan (No rename/No media)',
sidebarGlobalQuickScanShort: '🌍 Global Quick Scan (No rename/No media)',
sidebarGlobalQuickConfirm: 'Start global quick scan to sync all hashes?',
sidebarScanning: '⏳ Scanning...',
- sidebarGlobalStarted: '🚀 Global Scan started in background!',
+ sidebarGlobalStarted: 'Global Scan started in background!',
sidebarScanDone: '✅ Scan Complete',
scanProgressTitle: 'Model scan progress',
scanProgressPreparing: 'Preparing scan folders…',
@@ -1772,9 +1772,9 @@ export const i18n = {
sidebarResetConfirm: 'Reset window position, scale and dock state?',
sidebarInjectHash: '🟢 Inject Workflow Hash',
sidebarSkipHash: '⚪ Skip Workflow Hash',
- sidebarManageFolders: '📁 Manage Folders',
+ sidebarManageFolders: 'Manage Folders',
sidebarFeedback: '💬 Submit Feedback / Report Bug',
- sidebarModelSettings: '🖼️ Model Settings',
+ sidebarModelSettings: 'Model Settings',
sidebarModelCardSettings: 'Model Card Settings',
sidebarModelCardDescription: 'Only changes cards in the model browser. Model files and original covers remain untouched.',
sidebarVideoPlayback: 'Video cover playback',
@@ -1791,7 +1791,7 @@ export const i18n = {
sidebarExpandAll: 'Expand All',
sidebarCollapseAll: 'Collapse All',
sidebarSearchModels: 'Search models...',
- sidebarFolderManagerTitle: '📁 Manage Folders',
+ sidebarFolderManagerTitle: 'Manage Folders',
sidebarFolderManagerDesc: 'Drag and drop to reorder folders. Click the eye icon to hide unneeded folders. Hidden folders are skipped during scanning and consume zero performance.',
sidebarCategoryMode: 'Category Mode (ComfyUI)',
sidebarPhysicalMode: 'Physical Mode (Local)',
@@ -1816,7 +1816,7 @@ export const i18n = {
settingsBtn: 'Settings',
closeSettings: '✖ Close Settings',
doctorBtn: 'Node Assistant',
- importBtn: '📥 Import / Export Workflow (Share Code)',
+ importBtn: 'Import / Export Workflow (Share Code)',
recipeTitle: 'Workflow Recipes',
recipeBetaNotice: 'Workflow Recipes are still in beta. Before updating the plugin or importing, restoring, deleting, or applying parameters, save the canvas and back up anomalous_recipes and anomalous_parameters under your user workflows directory.',
recipeClose: 'Close Workflow Recipes',
@@ -1998,7 +1998,7 @@ export const i18n = {
recipeDetailSampler: 'Sampler',
recipeDetailResolution: 'Resolution',
recipeDetailUnavailable: 'Unavailable',
- recipeDetailEditOrigin: '✏️ Edit Origin',
+ recipeDetailEditOrigin: 'Edit Origin',
recipeOriginDialogTitle: 'Edit Model Origin',
recipeOriginOfficialName: 'Official Model Name',
recipeOriginModelUrl: 'Official Model URL',
@@ -2106,7 +2106,7 @@ export const i18n = {
recipeStatusMissing: '🔴 Missing Models ({count})',
recipeStatusChecking: '⏳ Checking Environment…',
recipeQuickSpecs: 'Quick Specs',
- recipeApplyAllMatches: '⚡ Apply All Matches',
+ recipeApplyAllMatches: 'Apply All Matches',
recipeApplyingAllMatches: 'Applying all matches…',
recipeApplyAllMatchesSuccess: '✅ Applied all local matches!',
recipeRawNodesToggle: 'Raw Node Parameters',
diff --git a/web/modules/ui_detail.js b/web/modules/ui_detail.js
index f5f5e49..083d2ff 100644
--- a/web/modules/ui_detail.js
+++ b/web/modules/ui_detail.js
@@ -485,7 +485,7 @@ export function showDetail(model) {
notesTitle.style.letterSpacing = '0.5px';
const notesEditBtn = document.createElement('button');
- notesEditBtn.innerHTML = '✏️';
+ notesEditBtn.innerHTML = '📄 ';
+ imgContainer.innerHTML = '📁 ${escapeHtml(fData.name)} (${escapeHtml(fData.model_count)}) `;
+ leftPart.innerHTML = `${escapeHtml(fData.name)} (${escapeHtml(fData.model_count)}) `;
const badge = document.createElement('div');
badge.className = 'selection-badge';
diff --git a/web/modules/ui_doctor.js b/web/modules/ui_doctor.js
index d7b32ce..b3d3f07 100644
--- a/web/modules/ui_doctor.js
+++ b/web/modules/ui_doctor.js
@@ -1394,8 +1394,11 @@ export function _openGalleryReplacer(node, w, options = {}) {
folders.forEach(folderPath => {
const button = document.createElement('button');
const depth = folderPath ? folderPath.split('/').length - 1 : 0;
- const label = folderPath ? folderPath.split('/').pop() : t('pickerAllModels');
- button.textContent = `${folderPath ? '📂' : '📦'} ${label} (${folderCounts.get(folderPath) || 0})`;
+ const label = folderPath ? folderPath.split('/').pop() : t('pickerAllModels');
+ const folderIcon = folderPath
+ ? '${tDef.label} `;
tabBtn.onclick = () => {
wb.activeTab = tDef.id;
diff --git a/web/modules/ui_grid.js b/web/modules/ui_grid.js
index ee7e6fe..46024e9 100644
--- a/web/modules/ui_grid.js
+++ b/web/modules/ui_grid.js
@@ -159,7 +159,7 @@ export async function loadModels() {
};
const applyBtn = document.createElement('button');
- applyBtn.innerHTML = '➕';
+ applyBtn.innerHTML = `${t('createNotebook')} `;
+ const createBtnHtml = `${t('createNotebook')} `;
+ createBtn.innerHTML = createBtnHtml;
createBtn.className = 'anomalous-btn-primary';
const createInput = document.createElement('input');
@@ -168,7 +169,7 @@ export async function showNotebooks() {
createInput.value = '';
}
createInput.style.display = 'none';
- createBtn.innerHTML = `➕ ${t('createNotebook')} `;
+ createBtn.innerHTML = createBtnHtml;
}
};
@@ -217,7 +218,7 @@ export async function refreshNotebooks(autoOpenFirst = false) {
if (this.currentNotebook && this.currentNotebook.filename === nb.filename) {
item.classList.add('active');
}
- item.innerHTML = `📄 ${escapeHtml(nb.name)} `;
+ item.innerHTML = `${escapeHtml(nb.name)} `;
item.onclick = () => {
this.currentNotebook = nb;
this.renderNotebookEditor();
diff --git a/web/modules/ui_prompt_composer.js b/web/modules/ui_prompt_composer.js
index 2558ca7..544260a 100644
--- a/web/modules/ui_prompt_composer.js
+++ b/web/modules/ui_prompt_composer.js
@@ -331,21 +331,24 @@ function buildPromptComposer(owner, container, options = {}) {
const leftPanel = text(workbenchGrid, 'section', '', 'anomalous-workbench-left-panel');
const leftHeader = text(leftPanel, 'div', '', 'anomalous-workbench-col-header');
const leftTitleWrap = text(leftHeader, 'div', '', 'anomalous-workbench-col-title');
- leftTitleWrap.innerHTML = `📚 ${window.anomalous_browser_lang === 'zh' ? '成型提示词库' : 'Prompt Library'} ${window.anomalous_browser_lang === 'zh' ? '成型提示词库' : 'Prompt Library'} 📥
+
${window.anomalous_browser_lang === 'zh' ? '将左侧的成型提示词拖放到这里摆放与拼装' : 'Drop prompt cards from the left panel here'}
${window.anomalous_browser_lang === 'zh' ? '支持自由调换次序，点击【智能理顺】自动按画质底模➔风格➔主体➔LoRA排序' : 'Drag to reorder anytime, or click Smart Sort to auto-align.'}
`;
@@ -1257,12 +1271,12 @@ function buildPromptComposer(owner, container, options = {}) {
const targets = promptWidgetTargets(node);
if (!node || !targets.length) {
- text(targetBar, 'span', `💡 ${t('promptSelectTextNode')}`, 'anomalous-prompt-target-info');
+ text(targetBar, 'span', t('promptSelectTextNode'), 'anomalous-prompt-target-info');
return;
}
const info = text(targetBar, 'div', '', 'anomalous-prompt-target-info');
- info.textContent = `🎯 ${t('materialApplyingTo', { name: materialNodeHeading(node), id: node.id })}`;
+ info.textContent = t('materialApplyingTo', { name: materialNodeHeading(node), id: node.id });
const actions = text(targetBar, 'div', '', 'anomalous-prompt-target-actions');
const widgetSelect = text(actions, 'select', '');
diff --git a/web/modules/ui_recipe_detail.js b/web/modules/ui_recipe_detail.js
index 50aafe2..228a6f6 100644
--- a/web/modules/ui_recipe_detail.js
+++ b/web/modules/ui_recipe_detail.js
@@ -1082,11 +1082,15 @@ function renderOverview(content, owner, recipe, references, finish) {
overviewActions.style.alignItems = 'center';
overviewActions.style.gap = '8px';
+ const heroAppendIcon = recipe?.workflow_scope === 'partial'
+ ? `🧠 ${t('recipeDetailBaseModel') || '底模'}
${escapeHtml(String(baseModelVal))}
`;
+ modelCard.innerHTML = `${t('recipeDetailBaseModel') || '底模'} ${escapeHtml(String(baseModelVal))}
`;
modelsDeck.appendChild(modelCard);
}
if (Array.isArray(params.loras) && params.loras.length > 0) {
const loraSection = document.createElement('div');
loraSection.className = 'anomalous-recipe-lora-stack';
- appendText(loraSection, 'div', `⚡ ${t('recipeDetailLoraSummary') || 'LoRA 阵容'} (${params.loras.length})`, 'anomalous-recipe-bento-label');
+ const loraHeader = appendText(loraSection, 'div', '', 'anomalous-recipe-bento-label');
+ loraHeader.innerHTML = `${escapeHtml(modelDisplayName(baseModelStr))} `;
pill.title = String(baseModelStr);
+ bottomChips.appendChild(pill);
}
mediaWrap.appendChild(bottomChips);
// Scope Pill (Top-right of cover)
const isPartial = data.workflow_scope === 'partial';
- appendText(
- mediaWrap,
- 'span',
- isPartial ? '🧩 ' + t('recipeScopePill_partial') : '⚡ ' + t('recipeScopePill_complete'),
- `anomalous-recipe-scope-pill ${isPartial ? 'is-partial' : 'is-complete'}`,
- );
+ const scopePill = document.createElement('span');
+ scopePill.className = `anomalous-recipe-scope-pill ${isPartial ? 'is-partial' : 'is-complete'}`;
+ const scopeSvg = isPartial
+ ? `${t(isPartial ? 'recipeScopePill_partial' : 'recipeScopePill_complete')} `;
+ mediaWrap.appendChild(scopePill);
card.appendChild(mediaWrap);
// 2. Card Body
@@ -1093,17 +1102,15 @@ function createRecipeCard(owner, recipe) {
body.appendChild(tags);
}
- // Footer: Primary Action Button ("🚀 载入画布" / "🧩 追加画布") + Mini Actions
+ // Footer: Primary Action Button + Mini Actions
const footer = document.createElement('div');
footer.className = 'anomalous-recipe-card-footer';
- const appendBtn = appendText(
- footer,
- 'button',
- `${isPartial ? '🧩' : '🚀'} ${t(isPartial ? 'recipeAppendCanvas' : 'recipeOpenCanvas')}`,
- 'anomalous-recipe-btn-primary-action anomalous-tooltip-target',
- );
+ const appendBtn = document.createElement('button');
appendBtn.type = 'button';
+ appendBtn.className = 'anomalous-recipe-btn-primary-action anomalous-tooltip-target';
+ const actionSvg = `${t(isPartial ? 'recipeAppendCanvas' : 'recipeOpenCanvas')} `;
appendBtn.removeAttribute('title');
appendBtn.setAttribute('data-tooltip', isPartial ? t('recipeAppendCanvas') : t('recipeOpenCanvas'));
appendBtn.setAttribute('data-tooltip-pos', 'top');
@@ -1115,12 +1122,15 @@ function createRecipeCard(owner, recipe) {
await applyRecipeToCanvas(owner, fullRecipe);
}, isPartial ? 'recipeAppendError' : 'recipeOpenError');
};
+ footer.appendChild(appendBtn);
const miniActions = document.createElement('div');
miniActions.className = 'anomalous-recipe-card-mini-actions';
- const editBtn = appendText(miniActions, 'button', '✏️', 'anomalous-recipe-card-mini-btn anomalous-tooltip-target');
+ const editBtn = document.createElement('button');
editBtn.type = 'button';
+ editBtn.className = 'anomalous-recipe-card-mini-btn anomalous-tooltip-target';
+ editBtn.innerHTML = `💾 ${t('sidebarPhysicalRename')} `;
+ pRow.innerHTML = `${t('help')} `;
nbBtn.removeAttribute('title');
@@ -1168,13 +1177,13 @@ export function createDOM() {
nbBtn.innerHTML = `${SIDEBAR_ICONS.RECIPES}${t('recipeTitle')} `;
const dBtn = document.getElementById('anomalous-doctor-btn');
- if (dBtn) { dBtn.removeAttribute('title'); dBtn.setAttribute('data-tooltip', t('sidebarDoctor')); dBtn.setAttribute('data-tooltip-pos', 'right'); }
+ if (dBtn) { dBtn.removeAttribute('title'); dBtn.setAttribute('data-tooltip', t('sidebarDoctor')); dBtn.setAttribute('data-tooltip-pos', 'top'); }
const aBtn = document.getElementById('anomalous-assistant-btn');
- if (aBtn) { aBtn.removeAttribute('title'); aBtn.setAttribute('data-tooltip', t('sidebarAssistant')); aBtn.setAttribute('data-tooltip-pos', 'right'); }
+ if (aBtn) { aBtn.removeAttribute('title'); aBtn.setAttribute('data-tooltip', t('sidebarAssistant')); aBtn.setAttribute('data-tooltip-pos', 'top'); }
const iBtn = document.getElementById('anomalous-materials-btn');
- if (iBtn) { iBtn.removeAttribute('title'); iBtn.setAttribute('aria-label', t('materialLibrary')); iBtn.setAttribute('data-tooltip', t('materialLibrary')); iBtn.setAttribute('data-tooltip-pos', 'right'); }
+ if (iBtn) { iBtn.removeAttribute('title'); iBtn.setAttribute('aria-label', t('materialLibrary')); iBtn.setAttribute('data-tooltip', t('materialLibrary')); iBtn.setAttribute('data-tooltip-pos', 'top'); }
const sBtn = document.getElementById('anomalous-global-settings-btn');
- if (sBtn) { sBtn.removeAttribute('title'); sBtn.setAttribute('data-tooltip', t('sidebarSettings')); sBtn.setAttribute('data-tooltip-pos', 'right'); }
+ if (sBtn) { sBtn.removeAttribute('title'); sBtn.setAttribute('data-tooltip', t('sidebarSettings')); sBtn.setAttribute('data-tooltip-pos', 'top'); }
// Reset dynamic panels so they re-render in new language
if (window.anomalousBrowserInstance) {
@@ -1647,7 +1656,7 @@ export function createDOM() {
settingsBtn.removeAttribute('title');
settingsBtn.setAttribute('aria-label', t('sidebarSettings'));
settingsBtn.setAttribute('data-tooltip', t('sidebarSettings'));
- settingsBtn.setAttribute('data-tooltip-pos', 'right');
+ settingsBtn.setAttribute('data-tooltip-pos', 'top');
settingsBtn.style.background = 'transparent';
settingsBtn.style.border = 'none';
settingsBtn.style.borderRadius = '6px';
@@ -1679,7 +1688,7 @@ export function createDOM() {
importBtn.removeAttribute('title');
importBtn.setAttribute('aria-label', t('materialLibrary'));
importBtn.setAttribute('data-tooltip', t('materialLibrary'));
- importBtn.setAttribute('data-tooltip-pos', 'right');
+ importBtn.setAttribute('data-tooltip-pos', 'top');
importBtn.innerHTML = `