From c456468b3133aca06712827c0776f01164488c08 Mon Sep 17 00:00:00 2001
From: phamhungd <phamhung.d@gmail.com>
Date: Fri, 21 Nov 2025 22:01:45 +0700
Subject: [PATCH] update

---
 .DS_Store            | Bin 6148 -> 8196 bytes
 .gitignore           |   1 +
 run_app.command      |  17 +++++
 static/script.js     | 140 ++++++++++++++++++++++++++++++++++++++-
 static/sdvn-logo.png | Bin 0 -> 25038 bytes
 static/style.css     | 154 +++++++++++++++++++++++++++++++++++--------
 templates/index.html | 111 +++++++++++++++++--------------
 7 files changed, 342 insertions(+), 81 deletions(-)
 create mode 100755 run_app.command
 create mode 100644 static/sdvn-logo.png

diff --git a/.DS_Store b/.DS_Store
index 3541bb71c67cc4352fc5e0e79a309d9ec494b536..fe0b8b90382590534a45db559de8eed69a6182e1 100644
GIT binary patch
literal 8196
zcmeHM&2QXP5TCc%rrCrvZn_O=OTn<0N`y2ir6BddX0uflK9ne%h7D<1{FRMW+t0PV
zn}iT`?{I=YfIk3E9FUMWR9xW51r7)a#E}zM5E9J$*p2Po?GYj3vFsVYncwrwJimE<
zy8u8cEpriI768WZWL%lR%K&0}cJ@(Dwp>O|5DzO3HFSsSc(3$XXAM~fvJ7My$TE;+
zAj`miAp^K(Ga4JR?h9>p%`%W>;6!GC)dv+%#><j-1m~p#FMJDtJde$sQ0AZh$W_*W
zyexS~aBM*$0*YKfiQHlkxpN=_j{35+?+7m7K=_lfANgb=cPK<|Jc!E8fs_T$u2}}M
z4D@G!?cMV*4^6NkO77puN2r_sn-d52?40Ie&7iK&TFI5?ze3j2xwKl9zX7l*`RB8{
z-z+8d=418#ZmjQ{YY2riUH?FX2#)}L)uDxw1!2<X94iZPpT~Px8)Ni<BHBt}f)wTy
zV%pfZ2kn&Qufr|%z0j9&f2sS99YzZaKaku={?zDcq>0n_YP)o=7HLr{tZ2bDyW61D
z(YvyyZ`#&gLn$s(FVbw!3OK+vEi}3NmhG8zuR>d%8FFk*C<;go<-+0N^@Zzm>a~Sy
zM|0}o;*G@{bLz`4zI1d{7&~9OdUL&T-*G+q0lJSwWDSK$ao@Xsh*B(g+i1&>$WPsn
zepb%PpvDU06HiQ@nNrS9pDRwEpPrd1&OAAL;o_yIE;f{Nx@O#O2F%@M>d>I#w5;uB
zV4F2xGi<L}kF5QuX1`}Ol<Ab|x@Ep|+_Z7vqfPO+fp>R1uq==Fx4N?vT2VbFZ@sPU
zZ}fVf3XOm|&KeEv$fn-b-4OG>5?Stww?pyaZOr+q&s5>26@<teN(xiI=V-d+ta=q1
zMbzEWf<W_{R^^~>8`Kj)O!02<b}g`2m!(&K7g;TpU+)T6grGo42>9h)>`Ic8(xYaX
z%Y_Y(dRD2-CjdYJm&X@i8CIbVF1!yP!zb`5d;#CW_wXD1MaD^yTqak^D`bhhM&2NI
z$R=qLpFALK@=$c1>yG-<@?nyZ4hpeRk5BHAKfYFy+W7ST(Y!smEv9!2@6zK5KG-5Y
z#q-g3%#RqpT?;&idQEI)9*^Rr_wks=^B_4L;d9i-Cwl?b;T9}G72ZTXkC`%4h)N2f
zuyOzou$b6fa{086AVhQo`+X(xxfFg1Q7tSKjh>eVmKYZg4O>%BCk*{rte}qKb0S{U
zY%m6RI@C5kMqvE%2>VU+6(1$kJ(NW_Wpg}E!))Rs1txnH@J(c8*TvCrxaWN(n2$=_
z^8tv2|8R+w)d5z?C^~nZ5%1bS%Xlo0vrI$;DvRjE(ujzBmhJy<4gdZB#O5apJj=jI
z$N<S#YgM)~cE1qPLFceR#q(V}88N$#;2eS%X2RO}b{u){4?~nysVhs~5gav0|NajF
c@h^sK{nv2}*kBF(Mo6rd+4|4k*Z&Ls0}~)j?*IS*

delta 131
zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50C<x*(g2Zyt4TF>Oa|<>Wu4ZNw
zm~0|YJ$a3Y&SWl8hs_<L^-L2RrY>gZ;1Fa6ss{oAZXn?bGG}Aqcjn3bGM*rV7?>b7
NfGlO$9M3a{82~w37p(vQ

diff --git a/.gitignore b/.gitignore
index 2c49d8b..6261338 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@
 .DS_Store
 .DS_Store
 .DS_Store
+/.venv
diff --git a/run_app.command b/run_app.command
new file mode 100755
index 0000000..942f0f1
--- /dev/null
+++ b/run_app.command
@@ -0,0 +1,17 @@
+# /opt/miniconda3/bin/python is required by the user
+#!/bin/zsh
+cd "$(dirname "$0")"
+PYTHON_BIN="/opt/miniconda3/bin/python"
+
+# Create a virtual environment if missing, then activate it
+if [[ ! -d ".venv" ]]; then
+  "$PYTHON_BIN" -m venv .venv
+fi
+
+source .venv/bin/activate
+
+# Ensure dependencies are available (skip reinstall if up-to-date)
+pip install -r requirements.txt
+
+# Start the Flask app on port 8888
+exec .venv/bin/python app.py
diff --git a/static/script.js b/static/script.js
index ea86617..2205da3 100644
--- a/static/script.js
+++ b/static/script.js
@@ -23,6 +23,11 @@ document.addEventListener('DOMContentLoaded', () => {
     let cachedReferenceImages = [];
     const imageDisplayArea = document.querySelector('.image-display-area');
     const canvasToolbar = document.querySelector('.canvas-toolbar');
+    const popupOverlay = document.getElementById('popup-overlay');
+    const popupTitleEl = document.getElementById('popup-title');
+    const popupBodyEl = document.getElementById('popup-body');
+    const popupCloseBtn = document.getElementById('popup-close');
+    const popupButtons = document.querySelectorAll('[data-popup-target]');
     const ZOOM_STEP = 0.1;
     const MIN_ZOOM = 0.4;
     const MAX_ZOOM = 4;
@@ -31,6 +36,48 @@ document.addEventListener('DOMContentLoaded', () => {
     let isPanning = false;
     let lastPointer = { x: 0, y: 0 };
 
+    const infoContent = {
+        title: 'Thông tin',
+        sections: [
+            {
+                heading: 'Liên hệ',
+                items: [
+                    'Người tạo: Phạm Hưng',
+                    'Group: <a href="https://www.facebook.com/groups/stablediffusion.vn/" target="_blank" rel="noreferrer">SDVN - Cộng đồng AI Art</a>',
+                    'Website: <a href="https://sdvn.vn" target="_blank" rel="noreferrer">sdvn.vn</a>',
+                ],
+            },
+        ],
+    };
+
+    const docsContent = {
+        title: 'Phím tắt và mẹo',
+        sections: [
+            {
+                heading: 'Phím tắt',
+                items: [
+                    'Ctrl/Cmd + Enter → tạo ảnh mới',
+                    'D → tải ảnh hiện tại',
+                    'R → reset zoom/pan vùng hiển thị ảnh',
+                    'Esc → đóng popup thông tin/docs',
+                ],
+            },
+            {
+                heading: 'Thao tác nhanh',
+                items: [
+                    'Kéo ảnh từ lịch sử vào ô tham chiếu để tái sử dụng',
+                    'Tùy chỉnh tỉ lệ và độ phân giải trước khi nhấn Generate',
+                    'API key và prompt được lưu để lần sau không phải nhập lại',
+                ],
+            },
+        ],
+    };
+
+    const POPUP_CONTENT = {
+        info: infoContent,
+        docs: docsContent,
+    };
+
     // Load gallery on start
     loadSettings();
     initializeImageInputs();
@@ -189,11 +236,20 @@ document.addEventListener('DOMContentLoaded', () => {
                     document.querySelectorAll('.gallery-item').forEach(el => el.classList.remove('active'));
                     div.classList.add('active');
                 };
-                
+
                 const img = document.createElement('img');
                 img.src = withCacheBuster(imageUrl);
                 img.loading = 'lazy';
-                
+                img.draggable = true;
+                img.dataset.source = imageUrl;
+                img.addEventListener('dragstart', event => {
+                    event.dataTransfer?.setData('text/uri-list', imageUrl);
+                    event.dataTransfer?.setData('text/plain', imageUrl);
+                    if (event.dataTransfer) {
+                        event.dataTransfer.effectAllowed = 'copy';
+                    }
+                });
+
                 div.appendChild(img);
                 galleryGrid.appendChild(div);
             });
@@ -456,12 +512,19 @@ document.addEventListener('DOMContentLoaded', () => {
             slot.classList.remove('drag-over');
         });
 
-        slot.addEventListener('drop', event => {
+        slot.addEventListener('drop', async event => {
             event.preventDefault();
             slot.classList.remove('drag-over');
             const file = event.dataTransfer?.files?.[0];
             if (file) {
                 handleSlotFile(index, file);
+                return;
+            }
+
+            const imageUrl = event.dataTransfer?.getData('text/uri-list')
+                || event.dataTransfer?.getData('text/plain');
+            if (imageUrl) {
+                await handleSlotDropFromHistory(index, imageUrl);
             }
         });
 
@@ -493,6 +556,24 @@ document.addEventListener('DOMContentLoaded', () => {
         reader.readAsDataURL(file);
     }
 
+    async function handleSlotDropFromHistory(index, imageUrl) {
+        try {
+            const response = await fetch(withCacheBuster(imageUrl));
+            if (!response.ok) {
+                console.warn('Failed to fetch history image', response.statusText);
+                return;
+            }
+
+            const blob = await response.blob();
+            const name = imageUrl.split('/').pop()?.split('?')[0] || `history-${index + 1}.png`;
+            const type = blob.type || 'image/png';
+            const file = new File([blob], name, { type });
+            handleSlotFile(index, file);
+        } catch (error) {
+            console.error('Unable to import history image', error);
+        }
+    }
+
     function updateSlotVisual(index) {
         const slotRecord = imageSlotState[index];
         if (!slotRecord) return;
@@ -580,4 +661,57 @@ document.addEventListener('DOMContentLoaded', () => {
             return null;
         }
     }
+
+    popupButtons.forEach(button => {
+        button.addEventListener('click', () => {
+            const target = button.dataset.popupTarget;
+            if (target) {
+                showPopup(target);
+            }
+        });
+    });
+
+    if (popupCloseBtn) {
+        popupCloseBtn.addEventListener('click', closePopup);
+    }
+
+    if (popupOverlay) {
+        popupOverlay.addEventListener('click', event => {
+            if (event.target === popupOverlay) {
+                closePopup();
+            }
+        });
+    }
+
+    document.addEventListener('keydown', event => {
+        if (event.key === 'Escape' && popupOverlay && !popupOverlay.classList.contains('hidden')) {
+            event.preventDefault();
+            closePopup();
+        }
+    });
+
+    function showPopup(type) {
+        const content = POPUP_CONTENT[type];
+        if (!content || !popupOverlay || !popupBodyEl || !popupTitleEl) return;
+
+        popupTitleEl.textContent = content.title;
+        popupBodyEl.innerHTML = content.sections
+            .map(section => {
+                const items = (section.items || []).map(item => `<li>${item}</li>`).join('');
+                return `
+                    <section class="popup-section">
+                        <h3>${section.heading}</h3>
+                        <ul>${items}</ul>
+                    </section>
+                `;
+            })
+            .join('');
+
+        popupOverlay.classList.remove('hidden');
+    }
+
+    function closePopup() {
+        if (!popupOverlay) return;
+        popupOverlay.classList.add('hidden');
+    }
 });
diff --git a/static/sdvn-logo.png b/static/sdvn-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..303067a9b449410f649464727d88b7616cdf7171
GIT binary patch
literal 25038
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
Lu6{1-oD!M<XmfYA

literal 0
HcmV?d00001

diff --git a/static/style.css b/static/style.css
index e5c2d38..0486df4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -63,7 +63,7 @@ body {
     border: 1px solid rgba(255, 255, 255, 0.08);
     display: flex;
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: flex-end;
     align-items: center;
     gap: 0.75rem;
     padding: 1rem;
@@ -111,28 +111,6 @@ body {
     cursor: not-allowed;
 }
 
-.toolbar-generate {
-    display: flex;
-    align-items: center;
-    gap: 0.35rem;
-}
-
-.toolbar-generate #generate-btn {
-    padding: 0.4rem 1rem;
-    font-size: 0.95rem;
-    height: 28px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 0.45rem;
-    min-width: 90px;
-}
-
-.toolbar-generate #generate-btn {
-    padding: 0.35rem 0.9rem;
-    font-size: 0.85rem;
-    line-height: 1.1;
-}
 
 .brand {
     margin-bottom: 2rem;
@@ -148,18 +126,51 @@ body {
 }
 
 .badge {
-    font-size: 0.75rem;
-    background-color: rgba(245, 197, 24, 0.15);
+    font-size: 0.5rem;
+    /* background-color: rgba(245, 197, 24, 0.15); */
     color: var(--accent-color);
-    padding: 0.25rem 0.5rem;
-    border-radius: 999px;
+    padding: 0.2rem 0.3rem;
+    /* border-radius: 999px; */
     font-weight: 600;
 }
 
 .controls-section {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    flex: 1;
+    min-height: 0;
+}
+
+.controls-content {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+}
+
+.controls-footer {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.controls-footer #generate-btn {
+    padding: 0.4rem 1rem;
+    font-size: 0.95rem;
+    height: 28px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 0.45rem;
+    min-width: 90px;
+}
+
+.controls-footer #generate-btn {
+    padding: 0.35rem 0.9rem;
+    font-size: 0.85rem;
+    line-height: 1.1;
 }
 
 .input-group {
@@ -517,6 +528,95 @@ button#generate-btn:disabled {
     color: inherit;
 }
 
+.popup-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(3, 3, 10, 0.75);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 50;
+    padding: 1rem;
+}
+
+.popup-card {
+    width: min(520px, 100%);
+    background: rgba(10, 11, 22, 0.96);
+    border: 1px solid var(--border-color);
+    border-radius: 1rem;
+    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8);
+    padding: 1.25rem;
+}
+
+.popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.popup-header h2 {
+    font-size: 1rem;
+    letter-spacing: 0.3px;
+    color: var(--text-primary);
+}
+
+.popup-close {
+    border: none;
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--text-primary);
+    width: 32px;
+    height: 32px;
+    border-radius: 999px;
+    cursor: pointer;
+    font-size: 1.25rem;
+    line-height: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.popup-close:hover {
+    background: rgba(255, 255, 255, 0.18);
+}
+
+.popup-body {
+    margin-top: 0.75rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.popup-section h3 {
+    font-size: 0.9rem;
+    color: var(--text-secondary);
+    margin-bottom: 0.35rem;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+}
+
+.popup-section ul {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+    padding-left: 0;
+}
+
+.popup-section li {
+    font-size: 0.8rem;
+    color: var(--text-primary);
+    padding-left: 1rem;
+    position: relative;
+}
+
+.popup-section li::before {
+    content: '•';
+    position: absolute;
+    left: 0;
+    color: var(--accent-color);
+}
+
 /* Gallery Section */
 .history-section {
     border-radius: 1.25rem;
diff --git a/templates/index.html b/templates/index.html
index 6521467..6b20d7b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>aPix Image Workspace</title>
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='sdvn-logo.png') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -15,69 +16,68 @@
     <div class="app-container">
         <aside class="sidebar">
             <div class="brand">
-                <h1>aPix</h1>
-                <span class="badge">Creative Studio</span>
+                <h1>aPix <span class="badge">by SDVN</span></h1>
             </div>
 
             <div class="controls-section">
-                <div class="input-group">
-                    <label for="api-key">API Key</label>
-                    <input type="password" id="api-key" placeholder="Google Cloud API Key">
-                </div>
-
-                <div class="input-group">
-                    <label for="prompt">Prompt</label>
-                    <textarea id="prompt" placeholder="Describe your imagination..." rows="6"></textarea>
-                </div>
-
-                <div class="input-group image-inputs">
-                    <div class="image-input-header">
-                        <label>Reference Images (optional)</label>
-                        <span>Drag & drop up to 16 files</span>
+                <div class="controls-content">
+                    <div class="input-group">
+                        <label for="api-key">API Key</label>
+                        <input type="password" id="api-key" placeholder="Google Cloud API Key">
                     </div>
-                    <div id="image-input-grid" class="image-input-grid" aria-live="polite"></div>
-                </div>
 
-                <div class="input-group">
-                    <label for="aspect-ratio">Aspect Ratio</label>
-                    <select id="aspect-ratio">
-                        <option value="Auto">Auto (Default)</option>
-                        <option value="1:1">1:1 (Square)</option>
-                        <option value="16:9">16:9 (Widescreen)</option>
-                        <option value="4:3">4:3 (Standard)</option>
-                        <option value="3:4">3:4 (Portrait)</option>
-                        <option value="9:16">9:16 (Mobile)</option>
-                        <option value="2:3">2:3</option>
-                        <option value="3:2">3:2</option>
-                        <option value="4:5">4:5</option>
-                        <option value="5:4">5:4</option>
-                        <option value="21:9">21:9 (Cinema)</option>
-                    </select>
-                </div>
+                    <div class="input-group">
+                        <label for="prompt">Prompt</label>
+                        <textarea id="prompt" placeholder="Describe your imagination..." rows="6"></textarea>
+                    </div>
 
-                <div class="input-group">
-                    <label for="resolution">Resolution</label>
-                    <select id="resolution">
-                        <option value="2K" selected>2K</option>
-                        <option value="1K">1K</option>
-                        <option value="4K">4K</option>
-                    </select>
-                </div>
+                    <div class="input-group image-inputs">
+                        <div class="image-input-header">
+                            <label>Reference Images (optional)</label>
+                            <span>Drag & drop up to 16 files</span>
+                        </div>
+                        <div id="image-input-grid" class="image-input-grid" aria-live="polite"></div>
+                    </div>
 
+                    <div class="input-group">
+                        <label for="aspect-ratio">Aspect Ratio</label>
+                        <select id="aspect-ratio">
+                            <option value="Auto">Auto (Default)</option>
+                            <option value="1:1">1:1 (Square)</option>
+                            <option value="16:9">16:9 (Widescreen)</option>
+                            <option value="4:3">4:3 (Standard)</option>
+                            <option value="3:4">3:4 (Portrait)</option>
+                            <option value="9:16">9:16 (Mobile)</option>
+                            <option value="2:3">2:3</option>
+                            <option value="3:2">3:2</option>
+                            <option value="4:5">4:5</option>
+                            <option value="5:4">5:4</option>
+                            <option value="21:9">21:9 (Cinema)</option>
+                        </select>
+                    </div>
+
+                    <div class="input-group">
+                        <label for="resolution">Resolution</label>
+                        <select id="resolution">
+                            <option value="2K" selected>2K</option>
+                            <option value="1K">1K</option>
+                            <option value="4K">4K</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="controls-footer">
+                    <button id="generate-btn">
+                        <span>Generate</span>
+                        <div class="btn-shine"></div>
+                    </button>
+                </div>
             </div>
         </aside>
         <div class="content-area">
             <div class="top-toolbar">
                 <div class="toolbar-info">
-                    <button type="button" class="toolbar-info-btn">Info</button>
-                    <button type="button" class="toolbar-info-btn">Docs</button>
-                    <button type="button" class="toolbar-info-btn" disabled>Preview</button>
-                </div>
-                <div class="toolbar-generate">
-                    <button id="generate-btn">
-                        <span>Generate</span>
-                        <div class="btn-shine"></div>
-                    </button>
+                    <button type="button" class="toolbar-info-btn" data-popup-target="docs">Docs</button>
+                    <button type="button" class="toolbar-info-btn" data-popup-target="info">Info</button>
                 </div>
             </div>
             <main class="main-content">
@@ -120,6 +120,15 @@
             </section>
         </div>
     </div>
+    <div id="popup-overlay" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="popup-title">
+        <div class="popup-card">
+            <header class="popup-header">
+                <h2 id="popup-title"></h2>
+                <button id="popup-close" type="button" class="popup-close" aria-label="Close">&times;</button>
+            </header>
+            <div id="popup-body" class="popup-body"></div>
+        </div>
+    </div>
     <script src="{{ url_for('static', filename='script.js') }}"></script>
 </body>