Upload 10 files

data/models.json

@@ -18,5 +18,6 @@
   { "id": "HassakuXL", "name": "HassakuXL", "free": false },
   { "id": "nova-cartoon-xl", "name": "nova-cartoon-xl", "free": false },
   { "id": "orphic-lora", "name": "orphic-lora", "free": false },
-  { "id": "diagonalge/ConstShaper", "name": "ConstShaper", "free": false }
+  { "id": "diagonalge/ConstShaper", "name": "ConstShaper", "free": false },
+  { "id": "hunyuan-image-3", "name": "hunyuan-image-3", "free": false }
 ]

public/index.html

@@ -409,11 +409,13 @@
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s ease;
+      pointer-events: none;
     }
     
     .overlay.show {
       opacity: 1;
       visibility: visible;
+      pointer-events: auto;
     }
     
     /* Mobile Generate Button - Draggable */
@@ -422,7 +424,7 @@
       left: 20px;
       top: 50%;
       transform: translateY(-50%);
-      z-index: 50;
+      z-index: 120;
       background: linear-gradient(135deg, var(--accent), var(--accent-hover));
       color: white;
       border: none;
@@ -980,6 +982,8 @@
     btn.addEventListener('touchstart', startDrag, { passive: false });
     document.addEventListener('touchmove', drag, { passive: false });
     document.addEventListener('touchend', endDrag);
+    document.addEventListener('touchcancel', endDrag, { passive: false });
+    btn.addEventListener('touchcancel', endDrag);
   }
 
   function startDrag(e) {
@@ -1025,9 +1029,11 @@
     const btn = qs('#mobileGenerateBtn');
     const maxX = window.innerWidth - 60;
     const maxY = window.innerHeight - 60;
+    const headerH = (qs('header') && qs('header').offsetHeight) || 0;
+    const minY = headerH + 8;
 
     dragState.currentX = Math.max(0, Math.min(maxX, dragState.currentX));
-    dragState.currentY = Math.max(0, Math.min(maxY, dragState.currentY));
+    dragState.currentY = Math.max(minY, Math.min(maxY, dragState.currentY));
 
     btn.style.left = dragState.currentX + 'px';
     btn.style.top = dragState.currentY + 'px';
@@ -1067,11 +1073,22 @@
     if (!btn) return;
 
     const savedPos = ls.get('generateBtnPosition', null);
+    const headerH = (qs('header') && qs('header').offsetHeight) || 0;
+    const minY = headerH + 8;
+    const maxX = window.innerWidth - 60;
+    const maxY = window.innerHeight - 60;
+
+    let x, y;
     if (savedPos) {
-      btn.style.left = savedPos.x + 'px';
-      btn.style.top = savedPos.y + 'px';
-      btn.style.transform = 'none';
+      x = Math.max(0, Math.min(maxX, savedPos.x));
+      y = Math.max(minY, Math.min(maxY, savedPos.y));
+    } else {
+      x = 20;
+      y = Math.max(minY, Math.min(maxY, window.innerHeight / 2 - 30));
     }
+    btn.style.left = x + 'px';
+    btn.style.top = y + 'px';
+    btn.style.transform = 'none';
   }
 
   // 移动端优化的下载函数
@@ -1217,6 +1234,23 @@
     if (wasMobile !== state.isMobile && state.sidebarOpen) {
       closeSidebar();
     }
+
+    // Clamp floating button inside viewport and below header when geometry changes
+    const btn = qs('#mobileGenerateBtn');
+    if (btn) {
+      const rect = btn.getBoundingClientRect();
+      const maxX = window.innerWidth - 60;
+      const maxY = window.innerHeight - 60;
+      const headerH = (qs('header') && qs('header').offsetHeight) || 0;
+      const minY = headerH + 8;
+      let x = rect.left;
+      let y = rect.top;
+      x = Math.max(0, Math.min(maxX, x));
+      y = Math.max(minY, Math.min(maxY, y));
+      btn.style.left = x + 'px';
+      btn.style.top = y + 'px';
+      btn.style.transform = 'none';
+    }
   }
 
   async function generate() {
@@ -1367,7 +1401,21 @@
     // 响应式检测
     window.addEventListener('resize', checkMobile);
     checkMobile();
-    
+
+    // 页面可见性/生命周期：后台恢复后确保拖拽结束，避免输入框无法点击
+    window.addEventListener('visibilitychange', () => {
+      if (document.hidden) {
+        try { endDrag(new Event('touchcancel')); } catch (e) { if (typeof dragState !== 'undefined') dragState.isDragging = false; }
+      }
+    });
+    window.addEventListener('pagehide', () => {
+      try { endDrag(new Event('touchcancel')); } catch (e) { if (typeof dragState !== 'undefined') dragState.isDragging = false; }
+    });
+    window.addEventListener('blur', () => {
+      try { endDrag(new Event('touchcancel')); } catch (e) { if (typeof dragState !== 'undefined') dragState.isDragging = false; }
+    });
+    document.addEventListener('touchcancel', endDrag, { passive: false });
+
     // 加载模型
     fetchModels();
   }

server.js

@@ -220,7 +220,20 @@ app.get('/api/models', async (req, res) => {
       });
       // Merge free flags from local mapping
       if (localList.length) {
+        // 先合并免费标记
         models = mergeFreeFlags(models, localList);
+        // 再把仅存在于本地配置但远端没有的模型追加进去（并集）
+        const remoteKeys = new Set(models.map(m => ((m.id || m.name || '') + '').toLowerCase()));
+        for (const lm of localList) {
+          const key = ((lm.id || lm.name || '') + '').toLowerCase();
+          if (key && !remoteKeys.has(key)) {
+            const id = (lm.id || lm.name || '').toString();
+            const name = (lm.name || id).toString();
+            const free = !!lm.free;
+            models.push({ id, name, free });
+            remoteKeys.add(key);
+          }
+        }
       }
       return res.json({ source: 'remote', models });
     }