From 4d2449767484d04d1e1fba339cfd0e038c374a0e Mon Sep 17 00:00:00 2001
From: Raykosan <71210053+Raykosan@users.noreply.github.com>
Date: Sun, 9 Aug 2026 04:11:29 +0300
Subject: [PATCH] Added an RS Upscaler node

---
 web/rayko_lora_loader_widget.js | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/web/rayko_lora_loader_widget.js b/web/rayko_lora_loader_widget.js
index 2086ac0..9996208 100644
--- a/web/rayko_lora_loader_widget.js
+++ b/web/rayko_lora_loader_widget.js
@@ -681,7 +681,7 @@ app.registerExtension({
                 this.clickZones = [];
                 const startY = this.getLoraListStartY();
                 const padding = 10;
-                const rightPanelWidth = 180;
+                const rightPanelWidth = 145;
 
                 const availableHeight = this.size[1] - startY - 10;
                 const maxVisibleStyles = Math.max(1, Math.floor(availableHeight / this.rowHeight));
@@ -738,7 +738,7 @@ app.registerExtension({
                     this.clickZones.push({ type: "info", index: dataIdx, x: infoX, y: y, w: infoW, h: h });
 
                     const nameX = infoX + infoW + 5;
-                    const nameW = this.size[0] - (padding * 2) - 50 - rightPanelWidth - 20 - infoW - 5;
+                    const nameW = this.size[0] - (padding * 2) - 10 - rightPanelWidth - 5 - infoW - 5;
                     ctx.fillStyle = row.enabled ? "#fff" : "#777";
                     ctx.font = "12px sans-serif";
                     let displayName = row.name;
@@ -760,8 +760,8 @@ app.registerExtension({
                     ctx.fill();
                     this.clickZones.push({ type: "left", index: dataIdx, x: arrowLX, y: y, w: 28, h: h });
 
-                    const strInputX = arrowLX + 33;
-                    const strInputW = 55;
+                    const strInputX = arrowLX + 25;
+                    const strInputW = 50;
                     ctx.fillStyle = "#222";
                     ctx.fillRect(strInputX, y + 5, strInputW, h - 10);
                     ctx.strokeStyle = row.enabled ? "#4CAF50" : "#555";
@@ -775,15 +775,16 @@ app.registerExtension({
                     const arrowRX = strInputX + strInputW + 5;
                     ctx.fillStyle = row.enabled ? "#4CAF50" : "#555";
                     ctx.beginPath();
-                    ctx.moveTo(arrowRX + 10, y + 8);
-                    ctx.lineTo(arrowRX + 20, toggleY);
-                    ctx.lineTo(arrowRX + 10, y + 22);
+                    ctx.moveTo(arrowRX + 2, y + 8);
+                    ctx.lineTo(arrowRX + 12, toggleY);
+                    ctx.lineTo(arrowRX + 2, y + 22);
                     ctx.fill();
-                    this.clickZones.push({ type: "right", index: dataIdx, x: arrowRX, y: y, w: 28, h: h });
+                    this.clickZones.push({ type: "right", index: dataIdx, x: arrowRX, y: y, w: 18, h: h });
 
+                    const deleteX = arrowRX + 22;
                     ctx.fillStyle = "#f44336";
-                    ctx.fillText("❌️", arrowRX + 35, toggleY + 4);
-                    this.clickZones.push({ type: "delete", index: dataIdx, x: arrowRX + 35, y: y, w: 30, h: h });
+                    ctx.fillText("❌️", deleteX, toggleY + 4);
+                    this.clickZones.push({ type: "delete", index: dataIdx, x: deleteX, y: y, w: 30, h: h });
                 }
 
                 if (this.draggingIndex !== null && this.dragCurrentY !== null) {