桌面分頁支援上傳到 ~/Desktop

README.md

@@ -71,7 +71,7 @@ OpenCode 在啟動時安裝，並重設使用者層級設定為預設值。
   bracketed paste，與一般終端機一致。
 - 檔案瀏覽器可瀏覽／下載伺服器上的**任何路徑**（含 `/tmp`、`/`），不再有白名單限制；
   選取資料夾後下載會即時串流打包成 `.tar.gz`，不會一次載入記憶體。
-- 桌面分頁不提供上傳（按鈕會停用），請改用終端機分頁或桌面內的檔案管理員。
+- 桌面分頁的「上傳」會把檔案存到 `~/Desktop`（同名檔案自動加序號），上傳後可直接在 LXDE 桌面看到。
 - 除錯端點：`GET /api/desktop/status`、`POST /api/desktop/restart`（程序 pid、VNC port、
   健康狀態）；桌面 log 在 `/tmp/webterm-desktop.log`。
 - 可用 Space 變數覆寫：`DESKTOP_DISPLAY`（預設 `:99`）、`DESKTOP_GEOMETRY`

app.py

@@ -20,7 +20,7 @@ from urllib.parse import quote
 
 import spaces
 import httpx
-from fastapi import FastAPI, WebSocket, WebSocketDisconnect, Request
+from fastapi import FastAPI, WebSocket, WebSocketDisconnect, Request, File, UploadFile
 from fastapi.responses import HTMLResponse, FileResponse, JSONResponse, StreamingResponse, Response
 import uvicorn
 
@@ -488,8 +488,8 @@ function activate(id) {
   activeId = id;
   saveActive();
   const current = tabs.find(t => t.id === id);
-  uploadBtn.disabled = !!current && current.type === 'desktop';
-  uploadBtn.title = uploadBtn.disabled ? '桌面分頁不支援上傳' : 'Upload to current directory';
+  uploadBtn.disabled = false;
+  uploadBtn.title = current && current.type === 'desktop' ? '上傳檔案到桌面（~/Desktop）' : 'Upload to current directory';
   tabs.forEach(t => {
     const on = t.id === id;
     t.el.classList.toggle('active', on);
@@ -598,10 +598,7 @@ addBtn.onclick = async () => {
 
 uploadBtn.onclick = () => {
   const t = activeTab();
-  if (t && t.type === 'desktop') {
-    setAppStatus('桌面分頁請直接在 LXDE 內使用檔案管理員或瀏覽器操作檔案', 'warning');
-    return;
-  }
+  if (t && t.type === 'desktop') setAppStatus('選擇要上傳到桌面的檔案（~/Desktop）', 'info');
   fileInput.click();
 };
 fileInput.onchange = (e) => {
@@ -616,6 +613,21 @@ fileInput.onchange = (e) => {
     return;
   }
 
+  if (t.type === 'desktop') {
+    const body = new FormData();
+    body.append('file', file);
+    setAppStatus(`正在上傳 ${file.name} 到桌面…`, 'info');
+    fetch('/api/desktop/upload', {method: 'POST', body})
+      .then(async res => {
+        const result = await res.json().catch(() => ({}));
+        if (!res.ok) throw new Error(result.error || '上傳失敗');
+        setAppStatus(`${file.name} 已上傳到桌面`, 'success');
+      })
+      .catch(err => setAppStatus('上傳失敗：' + err.message, 'error'));
+    fileInput.value = '';
+    return;
+  }
+
   const reader = new FileReader();
   reader.onload = (evt) => {
     const base64Data = evt.target.result.split(',')[1];
@@ -930,6 +942,43 @@ async def api_desktop_restart():
     return {"ok": ok, **desktop_manager.status()}
 
 
+@app.post("/api/desktop/upload")
+async def api_desktop_upload(file: UploadFile = File(...)):
+    """把檔案上傳到共用桌面的 ~/Desktop，讓 LXDE 內可直接看到。"""
+    name = os.path.basename(file.filename or "").strip() or "uploaded_file"
+    if name in (".", "..") or "\x00" in name:
+        return JSONResponse({"error": "invalid filename"}, status_code=400)
+    upload_dir = os.path.join(HOME, "Desktop")
+    os.makedirs(upload_dir, exist_ok=True)
+    safe = os.path.join(upload_dir, name)
+    stem, ext = os.path.splitext(name)
+    counter = 1
+    while os.path.exists(safe):
+        safe = os.path.join(upload_dir, f"{stem} ({counter}){ext}")
+        counter += 1
+    limit = 200 * 1024 * 1024
+    written = 0
+    try:
+        with open(safe, "wb") as out:
+            while True:
+                chunk = await file.read(1 << 20)
+                if not chunk:
+                    break
+                written += len(chunk)
+                if written > limit:
+                    raise ValueError("檔案超過 200MB 上限")
+                out.write(chunk)
+    except Exception as exc:
+        try:
+            os.remove(safe)
+        except OSError:
+            pass
+        return JSONResponse({"error": str(exc)}, status_code=413 if written > limit else 500)
+    finally:
+        await file.close()
+    return {"ok": True, "path": safe, "size": written}
+
+
 @app.get("/novnc/{asset_path:path}")
 async def novnc_asset(asset_path: str):
     """把系統的 noVNC 靜態檔（apt: novnc）提供給瀏覽器；缺少時前端會改用 CDN。"""