feat(ui): restore colorful emoji icons and expand toolbox layout into spacious 2x2 grid

ARCHITECTURE.md

@@ -86,7 +86,7 @@ DOM or live LiteGraph state.
 - `sidebar_actions.js` owns the sidebar bottom action hover-reveal short labels (100ms), singleton dynamic DOM tooltip bubbles (`#anomalous-sidebar-tooltip-bubble`, 600ms), and anti-flicker pointer stability guards (opacity-based icon transitions, pointer-events isolation, fixed box model).
 - `tool_registry.js` centralizes metadata, SVG icons, and stable IDs for the 8 catalog tools and 2 fixed anchors (Toolbox and Settings).
 - `shortcut_layout.js` provides tool layout utilities and fallbacks. The bottom shortcut bar maintains the clean fixed 4-tool setup (`scan`, `doctor`, `assistant`, `materials`) plus two anchors (`toolbox`, `settings`), directly executable via click without drag complexity.
-- `ui_sidebar.js`'s Toolbox modal strictly filters out all tools already present on the bottom bar, presenting a dedicated 2x2 utility catalog (`workflow-transfer`, `prompt-studio`, `prompt-translator`, `model-sources`) with native icons and direct execution.
+- `ui_sidebar.js`'s Toolbox modal strictly filters out all tools already present on the bottom bar, presenting a dedicated spacious 2x2 utility catalog (`workflow-transfer`, `prompt-studio`, `prompt-translator`, `model-sources`) with recognizable color emoji icons and direct execution.
 - `ui_grid.js` and model-detail modules own model presentation; `ui_gallery.js`
   and `ui_gallery_detail.js` own generated-image browsing and inspection.
 - `ui_recipes.js` / `ui_recipe_detail.js`, `ui_notebooks.js`, and `ui_materials.js`

web/modules/ui_sidebar.js

@@ -2116,6 +2116,13 @@ export function createDOM() {
             const allTools = [...CATALOG_TOOLS, ...(this.customToolboxItems || [])];
             const toolboxTools = allTools.filter(tool => !outsideToolIds.has(tool.id));
 
+            const COLOR_ICONS = {
+                'workflow-transfer': '🔄',
+                'prompt-studio': '🎛️',
+                'prompt-translator': '🌐',
+                'model-sources': '🔗',
+            };
+
             toolboxTools.forEach(tool => {
                 const tile = document.createElement('div');
                 tile.className = 'anomalous-toolbox-tile anomalous-tooltip-target';
@@ -2125,7 +2132,7 @@ export function createDOM() {
 
                 const iconEl = document.createElement('div');
                 iconEl.className = 'anomalous-toolbox-tile-icon';
-                iconEl.innerHTML = tool.icon || '🔧';
+                iconEl.innerHTML = COLOR_ICONS[tool.id] || tool.icon || '🔧';
                 tile.appendChild(iconEl);
 
                 const labelEl = document.createElement('div');