From c83dea41820a3f056760e263535ecfd78a1283b2 Mon Sep 17 00:00:00 2001
From: Dariusz L <dl122@wp.pl>
Date: Mon, 3 Aug 2026 17:04:16 +0200
Subject: [PATCH] Replace generic link icons with dock/undock icons

---
 web/resolver/resolver_dialog.js            | 4 ++--
 web/resolver/shell/dialog_shell_methods.js | 4 ++--
 web/utils/icon_utils.js                    | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/resolver/resolver_dialog.js b/web/resolver/resolver_dialog.js
index c5e4871..22e3a29 100644
--- a/web/resolver/resolver_dialog.js
+++ b/web/resolver/resolver_dialog.js
@@ -146,7 +146,7 @@ export class ResolverManagerDialog extends ComfyDialog {
             parent: document.body,
             ariaHidden: "true",
             innerHTML: `
-                <span class="mr-dock-drop-preview-icon">${getSvgIcon('internalLink')}</span>
+                <span class="mr-dock-drop-preview-icon">${getSvgIcon('dock')}</span>
                 <strong>Dock to sidebar</strong>
                 <span>Release to dock Model Resolver</span>
             `
@@ -156,7 +156,7 @@ export class ResolverManagerDialog extends ComfyDialog {
             parent: document.body,
             ariaHidden: "true",
             innerHTML: `
-                <span class="mr-dock-drop-preview-icon">${getSvgIcon('externalLink')}</span>
+                <span class="mr-dock-drop-preview-icon">${getSvgIcon('undock')}</span>
                 <strong>Undock to floating window</strong>
                 <span>Release to undock Model Resolver</span>
             `
diff --git a/web/resolver/shell/dialog_shell_methods.js b/web/resolver/shell/dialog_shell_methods.js
index 94f7ae1..f26f642 100644
--- a/web/resolver/shell/dialog_shell_methods.js
+++ b/web/resolver/shell/dialog_shell_methods.js
@@ -40,7 +40,7 @@ export const dialogShellMethods = {
         this.dockButton = $el("button", {
             id: "model-resolver-dock-toggle",
             className: "mr-window-btn mr-window-btn--dock",
-            innerHTML: getSvgIcon('internalLink', 'currentColor', 'mr-window-btn-icon'),
+            innerHTML: getSvgIcon('dock', 'currentColor', 'mr-window-btn-icon'),
             ariaLabel: "Dock Model Resolver to sidebar",
             onclick: () => this.dockToSidebar()
         });
@@ -49,7 +49,7 @@ export const dialogShellMethods = {
         this.undockButton = $el("button", {
             id: "model-resolver-undock-toggle",
             className: "mr-window-btn mr-window-btn--undock",
-            innerHTML: getSvgIcon('externalLink', 'currentColor', 'mr-window-btn-icon'),
+            innerHTML: getSvgIcon('undock', 'currentColor', 'mr-window-btn-icon'),
             ariaLabel: "Undock Model Resolver",
             onclick: () => this.undockToFloating()
         });
diff --git a/web/utils/icon_utils.js b/web/utils/icon_utils.js
index 49ecc03..5a4bc23 100644
--- a/web/utils/icon_utils.js
+++ b/web/utils/icon_utils.js
@@ -34,6 +34,8 @@ const SVG_ICONS = {
     moreCircle: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="{color}" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>`,
     internalLink: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8.5 12h10.5"></path><path d="M12.25 15.75 8.5 12l3.75-3.75"></path><path d="M19 7.75V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-.75"></path></svg>`,
     workflowBack: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="14" y="3" width="7.2" height="5.5" rx="1.6"></rect><rect x="14" y="15.5" width="7.2" height="5.5" rx="1.6"></rect><path d="M10.5 5.75H14"></path><path d="M10.5 18.25H14"></path><path d="M10.5 5.75v12.5"></path><path d="M10.5 12H3"></path><path d="m6 9-3 3 3 3"></path></svg>`,
+    dock: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8.5 4H5.1A2.5 2.5 0 0 0 2.6 6.5v11A2.5 2.5 0 0 0 5.1 20h3.4z" fill="{color}" stroke="none" opacity=".22"></path><rect x="2.5" y="3.5" width="19" height="17" rx="2.6"></rect><path d="M8.5 4.5v14"></path><path d="M17.8 12H11.6m2.3 -2.3L11.6 12l2.3 2.3"></path></svg>`,
+    undock: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2.5" y="3.5" width="19" height="17" rx="2.6"></rect><rect x="6.6" y="7.4" width="11" height="9.2" rx="2" fill="{color}" stroke="none" opacity=".22"></rect><rect x="9" y="7.6" width="11" height="9.2" rx="2"></rect></svg>`,
     database: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><ellipse cx="12" cy="5" rx="8" ry="3"></ellipse><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5"></path><path d="M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"></path></svg>`,
     wrench: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>`,
     comfyui: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#f0ff41" aria-hidden="true"><path d="M5.485 23.76c-.568 0-1.026-.207-1.325-.598-.307-.402-.387-.964-.22-1.54l.672-2.315a.605.605 0 00-.1-.536.622.622 0 00-.494-.243H2.085c-.568 0-1.026-.207-1.325-.598-.307-.403-.387-.964-.22-1.54l2.31-7.917.255-.87c.343-1.18 1.592-2.14 2.786-2.14h2.313c.276 0 .519-.18.595-.442l.764-2.633C9.906 1.208 11.155.249 12.35.249l4.945-.008h3.62c.568 0 1.027.206 1.325.597.307.402.387.964.22 1.54l-1.035 3.566c-.343 1.178-1.593 2.137-2.787 2.137l-4.956.01H11.37a.618.618 0 00-.594.441l-1.928 6.604a.605.605 0 00.1.537c.118.153.3.243.495.243l3.275-.006h3.61c.568 0 1.026.206 1.325.598.307.402.387.964.22 1.54l-1.036 3.565c-.342 1.179-1.592 2.138-2.786 2.138l-4.957.01h-3.61z"></path></svg>`,