update app [cleaned] ✅

app.py

@@ -114,7 +114,6 @@ def infer_bbox_task(
     global loaded_adapters, current_adapter
     progress = gr.Progress(track_tqdm=True)
 
-    # --- Prompt validation ---
     if not prompt or prompt.strip() == "":
         raise gr.Error("⚠ Prompt cannot be empty. Please enter a prompt describing the edit you want.")
 
@@ -136,7 +135,6 @@ def infer_bbox_task(
     if not boxes:
         raise gr.Error("Please draw at least one bounding box on the image.")
 
-    # --- Object-Mover: exactly 2 boxes ---
     if adapter_choice == "Object-Mover":
         if len(boxes) != 2:
             raise gr.Error(
@@ -249,9 +247,11 @@ footer{display:none!important}
     font-size:13px;
     line-height:1.5;
     color:#e4e4e7;
+    background:rgba(30,18,28,.95);
+    border-left:4px solid #FF1493;
     backdrop-filter:blur(16px);
     box-shadow:0 8px 32px rgba(0,0,0,.5),
-               0 0 0 1px rgba(255,255,255,.05);
+               0 0 0 1px rgba(255,20,147,.1);
     animation:toastSlideIn .35s cubic-bezier(.21,1.02,.73,1) forwards;
     transform:translateX(120%);
     opacity:0;
@@ -268,31 +268,32 @@ footer{display:none!important}
     to{transform:translateX(120%);opacity:0}
 }
 .toast-warning{
-    background:rgba(30,27,15,.95);
-    border-left:4px solid #F59E0B;
+    background:rgba(30,18,28,.95);
+    border-left:4px solid #FF69B4;
 }
 .toast-error{
-    background:rgba(30,15,15,.95);
-    border-left:4px solid #EF4444;
+    background:rgba(30,15,20,.95);
+    border-left:4px solid #FF1493;
 }
 .toast-success{
-    background:rgba(15,30,15,.95);
-    border-left:4px solid #22C55E;
+    background:rgba(20,22,28,.95);
+    border-left:4px solid #FFB6C1;
 }
 .toast-info{
-    background:rgba(15,20,30,.95);
-    border-left:4px solid #3B82F6;
+    background:rgba(25,18,30,.95);
+    border-left:4px solid #FF69B4;
 }
 .toast-icon{
     font-size:18px;
     line-height:1;
     flex-shrink:0;
     margin-top:1px;
+    color:#FF69B4;
 }
-.toast-warning .toast-icon{color:#F59E0B}
-.toast-error .toast-icon{color:#EF4444}
-.toast-success .toast-icon{color:#22C55E}
-.toast-info .toast-icon{color:#3B82F6}
+.toast-warning .toast-icon{color:#FF69B4}
+.toast-error .toast-icon{color:#FF1493}
+.toast-success .toast-icon{color:#FFB6C1}
+.toast-info .toast-icon{color:#FF69B4}
 .toast-body{
     display:flex;
     flex-direction:column;
@@ -303,11 +304,12 @@ footer{display:none!important}
 .toast-title{
     font-weight:700;
     font-size:13px;
+    color:#FF69B4;
 }
-.toast-warning .toast-title{color:#FBBF24}
-.toast-error .toast-title{color:#F87171}
-.toast-success .toast-title{color:#4ADE80}
-.toast-info .toast-title{color:#60A5FA}
+.toast-warning .toast-title{color:#FF69B4}
+.toast-error .toast-title{color:#FF1493}
+.toast-success .toast-title{color:#FFB6C1}
+.toast-info .toast-title{color:#FF69B4}
 .toast-msg{
     font-size:12.5px;
     color:#a1a1aa;
@@ -324,7 +326,7 @@ footer{display:none!important}
     padding:0 0 0 4px;
     transition:color .15s;
 }
-.toast-close:hover{color:#e4e4e7}
+.toast-close:hover{color:#FF69B4}
 
 /* ── Main Container ── */
 .app-shell{
@@ -519,13 +521,13 @@ footer{display:none!important}
 #bbox-count{
     position:absolute;top:12px;right:12px;
     background:rgba(24,24,27,.9);
-    color:#FF0000;
+    color:#FF1493;
     padding:4px 12px;
     font-family:'JetBrains Mono',monospace;
     font-size:12px;
     font-weight:600;
     border-radius:6px;
-    border:1px solid rgba(255,0,0,.3);
+    border:1px solid rgba(255,20,147,.3);
     z-index:10;display:none;
     backdrop-filter:blur(8px);
 }
@@ -535,13 +537,13 @@ footer{display:none!important}
     position:absolute;bottom:12px;left:50%;
     transform:translateX(-50%);
     background:rgba(24,24,27,.92);
-    color:#F59E0B;
+    color:#FF69B4;
     padding:6px 16px;
     font-family:'JetBrains Mono',monospace;
     font-size:12px;
     font-weight:600;
     border-radius:8px;
-    border:1px solid rgba(245,158,11,.3);
+    border:1px solid rgba(255,20,147,.3);
     z-index:10;display:none;
     pointer-events:none;
     backdrop-filter:blur(8px);
@@ -604,12 +606,12 @@ footer{display:none!important}
 .hint-bar .hint-mover-tag{
     display:inline-block;
     padding:1px 8px;
-    background:rgba(245,158,11,.15);
-    border:1px solid rgba(245,158,11,.3);
+    background:rgba(255,20,147,.15);
+    border:1px solid rgba(255,20,147,.3);
     border-radius:4px;
     font-size:11px;
     font-weight:600;
-    color:#F59E0B;
+    color:#FF69B4;
 }
 
 /* ── JSON Panel ── */
@@ -709,8 +711,8 @@ footer{display:none!important}
 }
 .modern-textarea::placeholder{color:#3f3f46}
 .modern-textarea.prompt-error{
-    border-color:#EF4444!important;
-    box-shadow:0 0 0 3px rgba(239,68,68,.2)!important;
+    border-color:#FF1493!important;
+    box-shadow:0 0 0 3px rgba(255,20,147,.25)!important;
     animation:promptShake .4s ease;
 }
 @keyframes promptShake{
@@ -798,15 +800,15 @@ footer{display:none!important}
 }
 
 .btn-run.mover-mode{
-    background:linear-gradient(135deg,#F59E0B,#D97706)!important;
-    box-shadow:0 4px 16px rgba(245,158,11,.3),
+    background:linear-gradient(135deg,#C71585,#FF1493)!important;
+    box-shadow:0 4px 16px rgba(255,20,147,.3),
                inset 0 1px 0 rgba(255,255,255,.1)!important;
     color:#ffffff!important;
     -webkit-text-fill-color:#ffffff!important;
 }
 .btn-run.mover-mode:hover{
-    background:linear-gradient(135deg,#FBBF24,#F59E0B)!important;
-    box-shadow:0 6px 24px rgba(245,158,11,.45),
+    background:linear-gradient(135deg,#FF69B4,#C71585)!important;
+    box-shadow:0 6px 24px rgba(255,20,147,.45),
                inset 0 1px 0 rgba(255,255,255,.15)!important;
     color:#ffffff!important;
     -webkit-text-fill-color:#ffffff!important;
@@ -1108,10 +1110,6 @@ footer{display:none!important}
     font-family:'JetBrains Mono',monospace;
     font-size:12px;
 }
-.app-statusbar .sb-mode.sb-mode-mover{
-    background:rgba(245,158,11,.12);
-    color:#F59E0B;
-}
 
 #gradio-run-btn{
     position:absolute;
@@ -1306,9 +1304,9 @@ function initCanvasBbox() {
     };
 
     const HINT_TEXTS = {
-        'Object-Remover': '<b>Draw:</b> Click &amp; drag to create selection boxes &nbsp;\u00b7&nbsp; <b>Select:</b> Click a box to move or resize &nbsp;\u00b7&nbsp; <kbd>Delete</kbd> removes selected &nbsp;\u00b7&nbsp; <kbd>Clear</kbd> removes all &nbsp;\u00b7&nbsp; <kbd>Reset</kbd> removes image',
-        'Design-Adder': '<b>Draw:</b> Click &amp; drag to create selection boxes &nbsp;\u00b7&nbsp; <b>Select:</b> Click a box to move or resize &nbsp;\u00b7&nbsp; <kbd>Delete</kbd> removes selected &nbsp;\u00b7&nbsp; <kbd>Clear</kbd> removes all &nbsp;\u00b7&nbsp; <kbd>Reset</kbd> removes image',
-        'Object-Mover': '<span class="hint-mover-tag">MOVER</span> &nbsp; Draw <b>exactly 2</b> boxes: <b>Box 1 (SRC)</b> = the object to move &nbsp;\u00b7&nbsp; <b>Box 2 (DST)</b> = the target location &nbsp;\u00b7&nbsp; <kbd>Clear</kbd> to redraw &nbsp;\u00b7&nbsp; Only 2 boxes allowed'
+        'Object-Remover': '<b>Draw:</b> Click &amp; drag to create selection boxes \u00b7 <b>Select:</b> Click a box to move or resize \u00b7 <kbd>Delete</kbd> removes selected \u00b7 <kbd>Clear</kbd> removes all \u00b7 <kbd>Reset</kbd> removes image',
+        'Design-Adder': '<b>Draw:</b> Click &amp; drag to create selection boxes \u00b7 <b>Select:</b> Click a box to move or resize \u00b7 <kbd>Delete</kbd> removes selected \u00b7 <kbd>Clear</kbd> removes all \u00b7 <kbd>Reset</kbd> removes image',
+        'Object-Mover': '<span class="hint-mover-tag">MOVER</span> Draw <b>exactly 2</b> boxes: <b>Box 1 (SRC)</b> = the object to move \u00b7 <b>Box 2 (DST)</b> = the target location \u00b7 <kbd>Clear</kbd> to redraw \u00b7 Only 2 boxes allowed'
     };
 
     /* ── Toast System ── */
@@ -1434,13 +1432,13 @@ function initCanvasBbox() {
         moverHint.style.display = 'block';
         if (boxes.length === 0) {
             moverHint.textContent = '\u25a0 Draw Box 1: Select the SOURCE object';
-            moverHint.style.color = '#F59E0B';
+            moverHint.style.color = '#FF69B4';
         } else if (boxes.length === 1) {
             moverHint.textContent = '\u25a1 Draw Box 2: Mark the TARGET location';
-            moverHint.style.color = '#3B82F6';
+            moverHint.style.color = '#FFB6C1';
         } else {
             moverHint.textContent = '\u2714 Both boxes ready \u2014 Source + Target defined';
-            moverHint.style.color = '#22C55E';
+            moverHint.style.color = '#FF69B4';
         }
     }
 
@@ -1470,19 +1468,19 @@ function initCanvasBbox() {
             if (promptInput) promptInput.value = DEFAULT_PROMPTS['Object-Remover'];
             if (runBtnEl) { runBtnEl.classList.remove('design-mode','mover-mode'); }
             if (runBtnLabel) runBtnLabel.textContent = 'Remove Object';
-            if (statusMode) { statusMode.textContent = 'Object Remover'; statusMode.classList.remove('sb-mode-mover'); }
+            if (statusMode) statusMode.textContent = 'Object Remover';
         } else if (taskMode === 'Design-Adder') {
             if (modeDesigner) modeDesigner.classList.add('active');
             if (promptInput) promptInput.value = DEFAULT_PROMPTS['Design-Adder'];
             if (runBtnEl) { runBtnEl.classList.remove('mover-mode'); runBtnEl.classList.add('design-mode'); }
             if (runBtnLabel) runBtnLabel.textContent = 'Add Design';
-            if (statusMode) { statusMode.textContent = 'Design Adder'; statusMode.classList.remove('sb-mode-mover'); }
+            if (statusMode) statusMode.textContent = 'Design Adder';
         } else if (taskMode === 'Object-Mover') {
             if (modeMover) modeMover.classList.add('active');
             if (promptInput) promptInput.value = DEFAULT_PROMPTS['Object-Mover'];
             if (runBtnEl) { runBtnEl.classList.remove('design-mode'); runBtnEl.classList.add('mover-mode'); }
             if (runBtnLabel) runBtnLabel.textContent = 'Move Object';
-            if (statusMode) { statusMode.textContent = 'Object Mover'; statusMode.classList.add('sb-mode-mover'); }
+            if (statusMode) statusMode.textContent = 'Object Mover';
             if (boxes.length > 2) {
                 window.showToast(
                     'Object Mover requires exactly 2 boxes (Source + Target). You have ' + boxes.length + ' boxes. Please clear extra boxes before running.',
@@ -1518,13 +1516,6 @@ function initCanvasBbox() {
         return '#'+(index+1);
     }
 
-    function getBoxLabelColor(index) {
-        if (window.__currentTaskMode === 'Object-Mover') {
-            return index === 0 ? '#F59E0B' : '#3B82F6';
-        }
-        return '#FF0000';
-    }
-
     function redraw(tempRect) {
         ctx.clearRect(0,0,dispW,dispH);
         if (!baseImg) {
@@ -1536,7 +1527,6 @@ function initCanvasBbox() {
         boxes.forEach((b,i) => {
             const p = n2px(b);
             const lx=p.x1, ty=p.y1, w=p.x2-p.x1, h=p.y2-p.y1;
-            const boxColor = getBoxLabelColor(i);
             if (i === selectedIdx) {
                 ctx.strokeStyle = SEL_STROKE;
                 ctx.lineWidth = RED_STROKE_WIDTH + 1;
@@ -1550,8 +1540,7 @@ function initCanvasBbox() {
             ctx.setLineDash([]);
 
             const label = getBoxLabel(i);
-            const labelBg = boxColor;
-            ctx.fillStyle = labelBg;
+            ctx.fillStyle = '#FF0000';
             ctx.font = 'bold 11px Inter,system-ui,sans-serif';
             ctx.textAlign = 'left'; ctx.textBaseline = 'top';
             const tw = ctx.measureText(label).width;
@@ -1627,18 +1616,16 @@ function initCanvasBbox() {
     }
 
     function updateBadge() {
-        const isMover = window.__currentTaskMode === 'Object-Mover';
         if (boxes.length > 0) {
             badge.style.display = 'block';
+            const isMover = window.__currentTaskMode === 'Object-Mover';
             if (isMover) {
                 badge.textContent = boxes.length + '/2 box' + (boxes.length>1?'es':'');
-                badge.style.color = boxes.length === 2 ? '#22C55E' : '#F59E0B';
-                badge.style.borderColor = boxes.length === 2 ? 'rgba(34,197,94,.3)' : 'rgba(245,158,11,.3)';
             } else {
                 badge.textContent = boxes.length + ' box' + (boxes.length>1?'es':'');
-                badge.style.color = '#FF0000';
-                badge.style.borderColor = 'rgba(255,0,0,.3)';
             }
+            badge.style.color = '#FF1493';
+            badge.style.borderColor = 'rgba(255,20,147,.3)';
         } else {
             badge.style.display = 'none';
         }
@@ -1681,7 +1668,6 @@ function initCanvasBbox() {
         e.preventDefault();
         const {x, y} = canvasXY(e);
         if (mode === 'draw') {
-            /* Enforce 2-box limit for Object-Mover before starting the drag */
             if (window.__currentTaskMode === 'Object-Mover' && boxes.length >= 2) {
                 window.showToast(
                     'Object Mover allows exactly <b>2 boxes</b> (Source + Target). Clear existing boxes to redraw.',
@@ -1974,13 +1960,11 @@ function initCanvasBbox() {
         const pInput = document.getElementById('custom-prompt-input');
         const promptVal = pInput ? pInput.value.trim() : '';
 
-        /* ── Validation: Image ── */
         if (!baseImg) {
             window.showToast('Please upload an image first before processing.', 'error', 'No Image');
             return;
         }
 
-        /* ── Validation: Prompt ── */
         if (!promptVal) {
             window.showToast('Prompt cannot be empty. Please describe the edit you want to perform.', 'warning', 'Empty Prompt');
             if (pInput) {
@@ -1991,13 +1975,11 @@ function initCanvasBbox() {
             return;
         }
 
-        /* ── Validation: Boxes ── */
         if (boxes.length === 0) {
             window.showToast('Please draw at least one bounding box on the image.', 'warning', 'No Boxes');
             return;
         }
 
-        /* ── Validation: Object-Mover requires exactly 2 boxes ── */
         if (window.__currentTaskMode === 'Object-Mover') {
             if (boxes.length < 2) {
                 window.showToast(