Upload 21 files

backend/app.py

@@ -62,116 +62,6 @@ def update_config(update: ConfigUpdate) -> Dict[str, Any]:
     return cfg.model_dump()
 
 
-@app.get("/api/browse-dir")
-def api_browse_dir(path: str = "") -> Dict[str, Any]:
-    """
-    浏览服务器上的目录，返回子目录列表。
-    用于网页版目录选择器，支持手机和电脑。
-    """
-    # 默认从用户主目录或根目录开始
-    if not path:
-        if platform.system() == "Windows":
-            # Windows: 列出所有驱动器
-            import string
-            drives = []
-            for letter in string.ascii_uppercase:
-                drive_path = f"{letter}:\\"
-                if os.path.exists(drive_path):
-                    drives.append({"name": f"{letter}:", "path": drive_path, "type": "drive"})
-            return {"current": "", "parent": "", "items": drives, "is_root": True, "is_drive_list": True}
-        else:
-            # Linux/HF Space 环境：使用主目录
-            home_dir = os.path.expanduser("~")
-            # 如果是 HF Space 环境，检查 /home/user 或工作目录
-            if os.environ.get("SPACE_ID"):
-                # HF Space 通常在 /home/user 目录
-                if os.path.exists("/home/user"):
-                    path = "/home/user"
-                else:
-                    path = home_dir
-            else:
-                path = home_dir
-    
-    # 规范化路径
-    try:
-        p = Path(path).resolve()
-        if not p.exists():
-            raise HTTPException(status_code=404, detail=f"路径不存在: {path}")
-        if not p.is_dir():
-            raise HTTPException(status_code=400, detail=f"不是目录: {path}")
-    except Exception as e:
-        raise HTTPException(status_code=400, detail=str(e))
-    
-    # 获取父目录
-    parent = str(p.parent) if p.parent != p else ""
-    
-    # Windows根目录特殊处理
-    is_root = False
-    if platform.system() == "Windows":
-        # 如果是驱动器根目录 (如 C:\)，parent设为空表示返回驱动器列表
-        if len(str(p)) <= 3:  # C:\ 或类似
-            parent = ""
-            is_root = True
-    else:
-        if str(p) == "/":
-            parent = ""
-            is_root = True
-    
-    # 列出子目录
-    items = []
-    try:
-        for item in sorted(p.iterdir()):
-            if item.is_dir():
-                try:
-                    # 尝试访问目录以确保有权限
-                    list(item.iterdir())
-                    items.append({
-                        "name": item.name,
-                        "path": str(item),
-                        "type": "folder"
-                    })
-                except PermissionError:
-                    # 无权限访问的目录仍然显示，但标记为不可访问
-                    items.append({
-                        "name": item.name,
-                        "path": str(item),
-                        "type": "folder",
-                        "accessible": False
-                    })
-                except Exception:
-                    pass
-    except PermissionError:
-        raise HTTPException(status_code=403, detail=f"无权限访问: {path}")
-    except Exception as e:
-        raise HTTPException(status_code=500, detail=str(e))
-    
-    return {
-        "current": str(p),
-        "parent": parent,
-        "items": items,
-        "is_root": is_root
-    }
-
-
-@app.post("/api/create-dir")
-def api_create_dir(payload: Dict[str, Any]) -> Dict[str, Any]:
-    """
-    创建新目录
-    """
-    path = (payload or {}).get("path", "")
-    if not path:
-        raise HTTPException(status_code=400, detail="未提供路径")
-    
-    try:
-        p = Path(path)
-        p.mkdir(parents=True, exist_ok=True)
-        return {"ok": True, "path": str(p.resolve())}
-    except PermissionError:
-        raise HTTPException(status_code=403, detail=f"无权限创建目录: {path}")
-    except Exception as e:
-        raise HTTPException(status_code=500, detail=str(e))
-
-
 @app.post("/api/open-dir")
 def api_open_dir(payload: Dict[str, Any]) -> Dict[str, Any]:
     """

frontend/assets/app.js

@@ -972,215 +972,45 @@
   ensureCountField("tab-i2i", "i2i-count");
   ensureCountField("tab-inpaint", "inpaint-count");
 
-  // ===== 网页版目录浏览器 =====
-  let currentBrowsePath = "";
-  let isDriveListMode = false; // 标记是否在驱动器选择界面
-  
-  async function loadDirList(path = "") {
-    try {
-      const res = await fetch(`/api/browse-dir?path=${encodeURIComponent(path)}`);
-      if (!res.ok) {
-        const body = await res.json().catch(() => ({}));
-        throw new Error(body?.detail || "加载目录失败");
-      }
-      return await res.json();
-    } catch (e) {
-      throw e;
-    }
-  }
-  
-  function renderDirList(data) {
-    const listEl = byId("dir-list");
-    const pathInput = byId("dir-current-path");
-    if (!listEl || !pathInput) return;
-    
-    currentBrowsePath = data.current || "";
-    isDriveListMode = !!data.is_drive_list; // 是否在驱动器列表模式
-    pathInput.value = currentBrowsePath || (isDriveListMode ? "(请选择驱动器)" : "");
-    
-    if (!data.items || data.items.length === 0) {
-      listEl.innerHTML = '<div class="dir-browser-empty">此目录为空或无子目录</div>';
-      return;
-    }
-    
-    listEl.innerHTML = data.items.map(item => {
-      const icon = item.type === "drive" ? "💾" : "📁";
-      const accessible = item.accessible !== false;
-      const cls = accessible ? "dir-item" : "dir-item inaccessible";
-      return `<div class="${cls}" data-path="${item.path}" data-accessible="${accessible}">
-        <span class="dir-item-icon">${icon}</span>
-        <span class="dir-item-name">${item.name}</span>
-      </div>`;
-    }).join("");
-    
-    // 绑定点击事件
-    listEl.querySelectorAll(".dir-item").forEach(el => {
-      el.addEventListener("click", async () => {
-        if (el.dataset.accessible === "false") {
-          toast("无权限访问此目录", "error");
-          return;
-        }
-        const p = el.dataset.path;
-        if (p) {
-          try {
-            loading.show();
-            const data = await loadDirList(p);
-            renderDirList(data);
-          } catch (e) {
-            toast(String(e?.message || e), "error");
-          } finally {
-            loading.hide();
-          }
-        }
-      });
-    });
-  }
-  
-  function openDirBrowser() {
-    const modal = byId("dir-browser-modal");
-    if (modal) {
-      modal.classList.remove("hidden");
-      // 加载当前配置的目录或根目录
-      const currentDir = byId("cfg-output-dir")?.value || "";
-      loading.show();
-      loadDirList(currentDir)
-        .then(data => renderDirList(data))
-        .catch(e => {
-          // 如果当前目录无效，加载根目录
-          return loadDirList("").then(data => renderDirList(data));
-        })
-        .catch(e => toast(String(e?.message || e), "error"))
-        .finally(() => loading.hide());
-    }
-  }
-  
-  function closeDirBrowser() {
-    const modal = byId("dir-browser-modal");
-    if (modal) modal.classList.add("hidden");
-  }
-  
-  // 目录浏览器事件绑定
-  const dirCloseBtn = byId("dir-browser-close");
-  if (dirCloseBtn) dirCloseBtn.addEventListener("click", closeDirBrowser);
-  
-  const dirCancelBtn = byId("dir-cancel");
-  if (dirCancelBtn) dirCancelBtn.addEventListener("click", closeDirBrowser);
-  
-  const dirConfirmBtn = byId("dir-confirm");
-  if (dirConfirmBtn) {
-    dirConfirmBtn.addEventListener("click", () => {
-      // 检查是否在驱动器列表模式（没有选择具体目录）
-      if (isDriveListMode || !currentBrowsePath) {
-        toast("请先进入一个目录再选择", "error");
-        return;
-      }
-      
-      const input = byId("cfg-output-dir");
-      if (input) {
-        input.value = currentBrowsePath;
-        autoSaveConfig(); // 自动保存
-        toast("已选择保存目录: " + currentBrowsePath, "success");
-      }
-      closeDirBrowser();
-    });
-  }
-  
-  const dirGoUpBtn = byId("dir-go-up");
-  if (dirGoUpBtn) {
-    dirGoUpBtn.addEventListener("click", async () => {
-      try {
-        loading.show();
-        // 获取当前目录信息以获取父目录
-        const data = await loadDirList(currentBrowsePath);
-        if (data.parent) {
-          const parentData = await loadDirList(data.parent);
-          renderDirList(parentData);
-        } else {
-          // 已经是根目录，显示驱动器列表（Windows）或根目录
-          const rootData = await loadDirList("");
-          renderDirList(rootData);
-        }
-      } catch (e) {
-        toast(String(e?.message || e), "error");
-      } finally {
-        loading.hide();
-      }
-    });
-  }
-  
-  const dirGoHomeBtn = byId("dir-go-home");
-  if (dirGoHomeBtn) {
-    dirGoHomeBtn.addEventListener("click", async () => {
-      try {
-        loading.show();
-        const data = await loadDirList("");
-        renderDirList(data);
-      } catch (e) {
-        toast(String(e?.message || e), "error");
-      } finally {
-        loading.hide();
-      }
-    });
-  }
-  
-  const dirNewFolderBtn = byId("dir-new-folder");
-  if (dirNewFolderBtn) {
-    dirNewFolderBtn.addEventListener("click", async () => {
-      const folderName = prompt("请输入新文件夹名称：");
-      if (!folderName || !folderName.trim()) return;
-      
-      const newPath = currentBrowsePath
-        ? `${currentBrowsePath}/${folderName.trim()}`.replace(/\\/g, "/")
-        : folderName.trim();
-      
+  // ===== 选择保存目录 =====
+  // 使用 File System Access API（支持的浏览器）或手动输入
+  async function selectOutputDirectory() {
+    // 尝试使用浏览器原生目录选择器
+    if ('showDirectoryPicker' in window) {
       try {
-        loading.show();
-        const res = await fetch("/api/create-dir", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ path: newPath }),
+        const dirHandle = await window.showDirectoryPicker({
+          mode: 'readwrite'
         });
-        if (!res.ok) {
-          const body = await res.json().catch(() => ({}));
-          throw new Error(body?.detail || "创建文件夹失败");
+        // 获取目录名称作为路径提示
+        const input = byId("cfg-output-dir");
+        if (input) {
+          input.value = dirHandle.name;
+          autoSaveConfig();
+          toast("已选择目录: " + dirHandle.name + "（注意：这是本地目录名，服务器需手动填写完整路径）", "info");
         }
-        toast("文件夹创建成功", "success");
-        // 刷新当前目录
-        const data = await loadDirList(currentBrowsePath);
-        renderDirList(data);
       } catch (e) {
-        toast(String(e?.message || e), "error");
-      } finally {
-        loading.hide();
+        // 用户取消或不支持
+        if (e.name !== 'AbortError') {
+          toast("请在输入框中直接填写服务器保存路径", "info");
+        }
       }
-    });
-  }
-  
-  // 模态框背景点击关闭
-  const modalOverlay = byId("dir-browser-modal")?.querySelector(".modal-overlay");
-  if (modalOverlay) {
-    modalOverlay.addEventListener("click", closeDirBrowser);
+    } else {
+      // 不支持目录选择API，提示用户手动输入
+      toast("请在输入框中直接填写保存目录路径", "info");
+      byId("cfg-output-dir")?.focus();
+    }
   }
   
-  // 选择保存目录按钮 - 使用网页版目录浏览器（手机和电脑都可用）
+  // 选择保存目录按钮
   const selOutBtn = byId("btn-select-output-dir");
   if (selOutBtn) {
-    selOutBtn.addEventListener("click", async () => {
-      openDirBrowser();
-    });
+    selOutBtn.addEventListener("click", selectOutputDirectory);
   }
   
   // 打开保存目录按钮
   const openOutBtn = byId("btn-open-output-dir");
   if (openOutBtn) {
     openOutBtn.addEventListener("click", async () => {
-      // 移动端检测：手机无法打开服务器上的目录，但可以浏览
-      if (isMobileDevice()) {
-        // 手机端打开目录浏览器查看
-        openDirBrowser();
-        return;
-      }
-      
       try {
         loading.show();
         const p = byId("cfg-output-dir")?.value || "";
@@ -1195,13 +1025,7 @@
         });
         if (!res.ok) {
           const body = await res.json().catch(() => ({}));
-          const isHF = res.status === 501;
-          if (isHF) {
-            toast("HF 环境不支持打开系统目录", "info");
-          } else {
-            throw new Error(body?.detail || "打开目录失败");
-          }
-          return;
+          throw new Error(body?.detail || "打开目录失败");
         }
         toast("已打开保存目录", "success");
       } catch (e) {

frontend/index.html

@@ -500,33 +500,6 @@
     <div class="loading-text">处理中...</div>
   </div>
 
-  <!-- 目录浏览器模态框 -->
-  <div id="dir-browser-modal" class="modal hidden">
-    <div class="modal-overlay"></div>
-    <div class="modal-content dir-browser">
-      <div class="modal-header">
-        <span class="modal-title">选择保存目录</span>
-        <button class="modal-close" id="dir-browser-close">×</button>
-      </div>
-      <div class="dir-browser-path">
-        <span>当前路径：</span>
-        <input type="text" id="dir-current-path" readonly />
-      </div>
-      <div class="dir-browser-actions">
-        <button id="dir-go-up" class="dir-action-btn">⬆ 上级目录</button>
-        <button id="dir-go-home" class="dir-action-btn">🏠 主目录</button>
-        <button id="dir-new-folder" class="dir-action-btn">📁 新建文件夹</button>
-      </div>
-      <div class="dir-browser-list" id="dir-list">
-        <!-- 目录列表将动态填充 -->
-      </div>
-      <div class="dir-browser-footer">
-        <button id="dir-cancel" class="secondary">取消</button>
-        <button id="dir-confirm" class="primary">选择此目录</button>
-      </div>
-    </div>
-  </div>
-
   <audio id="sound-player" src="" preload="auto"></audio>
   <script src="assets/app.js"></script>
 </body>