新增用戶管理編輯功能和版本發布表單資料保存

- 新增授權編輯功能支援修改用戶名稱和電子郵件
- 編輯按鈕位於授權詳情標題右側
- 編輯完成後自動返回授權詳情頁面
- 版本發布表單支援頁籤切換時保存資料
- 移除表單保存相關的控制台日誌輸出

app/api/license.py

@@ -6,7 +6,7 @@ from fastapi import APIRouter, HTTPException, Request, Depends
 from fastapi.responses import JSONResponse
 from typing import List, Dict, Any
 from app.models.license import (
-    LicenseActivation, LicenseValidation, LicenseCreate, LicenseExtend,
+    LicenseActivation, LicenseValidation, LicenseCreate, LicenseExtend, LicenseUpdate,
     ActivationResponse, ValidationResponse, APIResponse
 )
 from app.services.license_service import license_service
@@ -168,8 +168,8 @@ async def extend_license(license_id: str, extend_data: LicenseExtend):
     """延長授權天數 (管理界面使用)"""
     try:
         result = await license_service.extend_license(
-            license_id, 
-            extend_data.extend_days, 
+            license_id,
+            extend_data.extend_days,
             extend_data.reason
         )
         return APIResponse(
@@ -177,5 +177,18 @@ async def extend_license(license_id: str, extend_data: LicenseExtend):
             message=result["message"],
             data=result.get("data")
         )
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=f"系統錯誤: {str(e)}")
+
+@router.patch("/license/{license_id}")
+async def update_license(license_id: str, update_data: LicenseUpdate):
+    """更新授權資訊 (管理界面使用)"""
+    try:
+        result = await license_service.update_license(license_id, update_data)
+        return APIResponse(
+            success=result["success"],
+            message=result["message"],
+            data=result.get("data")
+        )
     except Exception as e:
         raise HTTPException(status_code=500, detail=f"系統錯誤: {str(e)}")

app/models/license.py

@@ -33,6 +33,11 @@ class LicenseExtend(BaseModel):
     extend_days: int
     reason: Optional[str] = None
 
+class LicenseUpdate(BaseModel):
+    """更新授權請求"""
+    user_name: Optional[str] = None
+    user_email: Optional[EmailStr] = None
+
 # === API 回應模型 ===
 
 class APIResponse(BaseModel):

app/services/license_service.py

@@ -9,7 +9,7 @@ from datetime import datetime, timedelta, timezone
 from typing import Optional, List, Dict, Any
 from app.models.supabase_clients import supabase_clients
 from app.models.license import (
-    LicenseActivation, LicenseValidation, LicenseCreate,
+    LicenseActivation, LicenseValidation, LicenseCreate, LicenseUpdate,
     ActivationResponse, ValidationResponse, License, UsageLog, LicenseStats
 )
 
@@ -422,19 +422,19 @@ class LicenseService:
             if not self.supabase:
                 print("❌ extend_license: Supabase client not available")
                 return {"success": False, "message": "資料庫連接失敗"}
-            
+
             if extend_days <= 0:
                 return {"success": False, "message": "延長天數必須大於 0"}
-            
+
             # 取得目前授權資料
             result = self.supabase.table("licenses").select("*").eq("id", license_id).execute()
-            
+
             if not result.data:
                 return {"success": False, "message": "授權不存在"}
-            
+
             license_data = result.data[0]
             current_expires_at = datetime.fromisoformat(license_data["expires_at"].replace('Z', '+00:00'))
-            
+
             # 計算新的到期時間：從原到期日開始加天數（-8hr對應台灣時間）
             if current_expires_at < datetime.now(timezone.utc):
                 # 如果已過期，從今天開始計算
@@ -447,20 +447,20 @@ class LicenseService:
                 next_day = expire_date + timedelta(days=1)
                 start_date = datetime.combine(next_day, datetime.min.time(), timezone.utc) - timedelta(hours=8)
                 new_expires_at = start_date + timedelta(days=extend_days) - timedelta(seconds=1)
-            
+
             # 更新授權
             update_data = {
                 "expires_at": new_expires_at.isoformat(),
                 "is_active": True  # 延長時自動啟用授權
             }
-            
+
             update_result = self.supabase.table("licenses").update(update_data).eq("id", license_id).execute()
-            
+
             if update_result.data:
                 # 記錄延長操作
                 extend_reason = reason or f"延長 {extend_days} 天"
                 await self._log_usage(license_id, "extend", None, None, extend_reason)
-                
+
                 return {
                     "success": True,
                     "message": f"授權已延長 {extend_days} 天",
@@ -472,10 +472,53 @@ class LicenseService:
                 }
             else:
                 return {"success": False, "message": "延長失敗"}
-                
+
         except Exception as e:
             print(f"❌ 延長授權錯誤: {e}")
             return {"success": False, "message": f"延長失敗: {str(e)}"}
+
+    async def update_license(self, license_id: str, update_data: LicenseUpdate) -> Dict[str, Any]:
+        """更新授權資訊"""
+        try:
+            if not self.supabase:
+                print("❌ update_license: Supabase client not available")
+                return {"success": False, "message": "資料庫連接失敗"}
+
+            # 檢查授權是否存在
+            result = self.supabase.table("licenses").select("*").eq("id", license_id).execute()
+
+            if not result.data:
+                return {"success": False, "message": "授權不存在"}
+
+            # 準備更新資料（只更新有提供的欄位）
+            updates = {}
+            if update_data.user_name is not None:
+                updates["user_name"] = update_data.user_name
+            if update_data.user_email is not None:
+                updates["user_email"] = update_data.user_email
+
+            if not updates:
+                return {"success": False, "message": "沒有要更新的資料"}
+
+            # 執行更新
+            update_result = self.supabase.table("licenses").update(updates).eq("id", license_id).execute()
+
+            if update_result.data:
+                # 記錄更新操作
+                update_fields = ", ".join(updates.keys())
+                await self._log_usage(license_id, "update", None, None, f"更新授權資訊: {update_fields}")
+
+                return {
+                    "success": True,
+                    "message": "授權資訊更新成功",
+                    "data": update_result.data[0]
+                }
+            else:
+                return {"success": False, "message": "更新失敗"}
+
+        except Exception as e:
+            print(f"❌ 更新授權錯誤: {e}")
+            return {"success": False, "message": f"更新失敗: {str(e)}"}
     
     async def _log_usage(self, license_id: Optional[str], action: str, ip_address: Optional[str] = None, 
                         hardware_info: Optional[str] = None, machine_name: Optional[str] = None, 

frontend/js/api.js

@@ -311,7 +311,14 @@ class ApiClient {
             body: extendData
         });
     }
-    
+
+    async updateLicense(licenseId, updateData) {
+        return this.request(`/api/license/${licenseId}`, {
+            method: 'PATCH',
+            body: updateData
+        });
+    }
+
     // Stats endpoints
     async getLicenseStats() {
         if (this.isDevMode) {

frontend/js/pages/users.js

@@ -584,7 +584,14 @@ class UsersPage {
         const status = Utils.getLicenseStatus(license);
         
         const modal = Components.createModal({
-            title: '授權詳情',
+            title: `
+                <div style="display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 12px;">
+                    <span>授權詳情</span>
+                    <button class="btn btn-sm btn-secondary" onclick="event.stopPropagation(); Components.closeModal(this.closest('.modal-overlay')); usersPage.showEditLicenseModal('${license.id}')" style="width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center;" title="編輯">
+                        <i class="fas fa-edit" style="font-size: 12px;"></i>
+                    </button>
+                </div>
+            `,
             size: 'lg',
             content: `
                 <div class="license-details-modal">
@@ -654,7 +661,7 @@ class UsersPage {
                             <i class="fas fa-calendar-plus"></i>
                             延長授權
                         </button>
-                        <button type="button" class="btn ${license.is_active ? 'btn-warning' : 'btn-success'}" 
+                        <button type="button" class="btn ${license.is_active ? 'btn-warning' : 'btn-success'}"
                                 onclick="usersPage.toggleLicenseStatus('${license.id}', ${license.is_active}); Components.closeModal(this.closest('.modal-overlay'));">
                             <i class="fas ${license.is_active ? 'fa-pause' : 'fa-play'}"></i>
                             ${license.is_active ? '停用' : '啟用'}
@@ -740,24 +747,24 @@ class UsersPage {
         const formData = new FormData(form);
         const extendDays = parseInt(formData.get('extendDays'));
         const reason = formData.get('extendReason')?.trim();
-        
+
         if (!extendDays) {
             Utils.showError('請選擇延長天數');
             return;
         }
-        
+
         const submitBtn = form.querySelector('button[type="submit"]');
         const originalContent = submitBtn.innerHTML;
-        
+
         try {
             submitBtn.disabled = true;
             submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 延長中...';
-            
+
             const response = await api.extendLicense(licenseId, {
                 extend_days: extendDays,
                 reason: reason
             });
-            
+
             if (response && response.success) {
                 Utils.showSuccess('授權延長成功');
                 Components.closeModal(modal);
@@ -765,7 +772,7 @@ class UsersPage {
             } else {
                 throw new Error(response?.message || '延長授權失敗');
             }
-            
+
         } catch (error) {
             console.error('❌ Extend license error:', error);
             Utils.handleError(error, '延長授權時');
@@ -773,7 +780,116 @@ class UsersPage {
             submitBtn.innerHTML = originalContent;
         }
     }
-    
+
+    showEditLicenseModal(licenseId) {
+        const license = this.licenses.find(l => l.id === licenseId);
+        if (!license) return;
+
+        const modal = Components.createModal({
+            title: '編輯授權資訊',
+            size: 'md',
+            content: `
+                <form id="editLicenseForm">
+                    <div class="form-group">
+                        <label for="editUserName" class="form-label">
+                            <i class="fas fa-user"></i>
+                            用戶名稱 *
+                        </label>
+                        <input type="text"
+                               id="editUserName"
+                               name="user_name"
+                               class="form-input"
+                               value="${license.user_name || ''}"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="editUserEmail" class="form-label">
+                            <i class="fas fa-envelope"></i>
+                            電子郵件
+                        </label>
+                        <input type="email"
+                               id="editUserEmail"
+                               name="user_email"
+                               class="form-input"
+                               value="${license.user_email || ''}"
+                               placeholder="user@example.com">
+                    </div>
+
+                    <div class="form-group">
+                        <div class="form-info">
+                            <i class="fas fa-info-circle"></i>
+                            <span>只能修改用戶名稱和電子郵件，其他資訊不可變更</span>
+                        </div>
+                    </div>
+
+                    <div class="modal-actions">
+                        <button type="button" class="btn btn-secondary" onclick="Components.closeModal(this.closest('.modal-overlay')); usersPage.showLicenseDetails('${licenseId}')">
+                            取消
+                        </button>
+                        <button type="submit" class="btn btn-primary">
+                            <i class="fas fa-save"></i>
+                            儲存變更
+                        </button>
+                    </div>
+                </form>
+            `
+        });
+
+        // Setup form handler
+        const form = modal.querySelector('#editLicenseForm');
+        form.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            await this.handleEditLicense(licenseId, form, modal);
+        });
+
+        Components.showModal(modal);
+    }
+
+    async handleEditLicense(licenseId, form, modal) {
+        const formData = new FormData(form);
+        const userName = formData.get('user_name')?.trim();
+        const userEmail = formData.get('user_email')?.trim();
+
+        if (!userName) {
+            Utils.showError('用戶名稱為必填項');
+            return;
+        }
+
+        const submitBtn = form.querySelector('button[type="submit"]');
+        const originalContent = submitBtn.innerHTML;
+
+        try {
+            submitBtn.disabled = true;
+            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 更新中...';
+
+            const updateData = {
+                user_name: userName
+            };
+
+            if (userEmail) {
+                updateData.user_email = userEmail;
+            }
+
+            const response = await api.updateLicense(licenseId, updateData);
+
+            if (response && response.success) {
+                Utils.showSuccess('授權資訊更新成功');
+                Components.closeModal(modal);
+                await this.refresh();
+                // 更新完成後重新開啟詳情頁面
+                this.showLicenseDetails(licenseId);
+            } else {
+                throw new Error(response?.message || '更新授權失敗');
+            }
+
+        } catch (error) {
+            Utils.handleError(error, '更新授權時');
+            submitBtn.disabled = false;
+            submitBtn.innerHTML = originalContent;
+        }
+    }
+
     destroy() {
         // Cleanup if needed
     }

frontend/versions.html

@@ -1335,7 +1335,7 @@
                                     <i class="fas fa-rocket"></i>
                                     發布版本
                                 </button>
-                                <button type="reset" class="btn btn-secondary">
+                                <button type="reset" class="btn btn-secondary" onclick="versionApp.clearReleaseFormData()">
                                     <i class="fas fa-undo"></i>
                                     重置表單
                                 </button>
@@ -1358,6 +1358,20 @@
 
                 if (!form || !dropZone || !fileInput) return;
 
+                // 恢復暫存的表單資料
+                this.restoreReleaseFormData();
+
+                // 監聽表單輸入變化，自動暫存
+                const formInputs = form.querySelectorAll('input, textarea, select');
+                formInputs.forEach(input => {
+                    input.addEventListener('input', () => {
+                        this.saveReleaseFormData();
+                    });
+                    input.addEventListener('change', () => {
+                        this.saveReleaseFormData();
+                    });
+                });
+
                 // 檔案上傳事件
                 dropZone.addEventListener('click', () => fileInput.click());
                 
@@ -1522,6 +1536,7 @@
                         Utils.showSuccess('發布成功', `${productType === 'autocad' ? 'AutoCAD' : 'Revit'} 版本 ${version} 已成功發布`);
                         e.target.reset();
                         this.clearFileSelection();
+                        this.clearReleaseFormData(); // 清除暫存資料
                         this.switchPage('versions');
                     }
                 } catch (error) {
@@ -1533,6 +1548,48 @@
                 }
             }
 
+            // 保存發布表單資料到 sessionStorage
+            saveReleaseFormData() {
+                const form = document.getElementById('releaseForm');
+                if (!form) return;
+
+                const formData = {
+                    productType: document.getElementById('productType')?.value || '',
+                    version: document.getElementById('version')?.value || '',
+                    title: document.getElementById('title')?.value || '',
+                    changelog: document.getElementById('changelog')?.value || ''
+                };
+
+                sessionStorage.setItem('releaseFormData', JSON.stringify(formData));
+            }
+
+            // 從 sessionStorage 恢復發布表單資料
+            restoreReleaseFormData() {
+                const savedData = sessionStorage.getItem('releaseFormData');
+                if (!savedData) return;
+
+                try {
+                    const formData = JSON.parse(savedData);
+
+                    const productTypeEl = document.getElementById('productType');
+                    const versionEl = document.getElementById('version');
+                    const titleEl = document.getElementById('title');
+                    const changelogEl = document.getElementById('changelog');
+
+                    if (productTypeEl && formData.productType) productTypeEl.value = formData.productType;
+                    if (versionEl && formData.version) versionEl.value = formData.version;
+                    if (titleEl && formData.title) titleEl.value = formData.title;
+                    if (changelogEl && formData.changelog) changelogEl.value = formData.changelog;
+                } catch (error) {
+                    // 靜默失敗，不影響使用者體驗
+                }
+            }
+
+            // 清除暫存的發布表單資料
+            clearReleaseFormData() {
+                sessionStorage.removeItem('releaseFormData');
+            }
+
             async loadDownloadsPage(container) {
                 container.innerHTML = `
                     <div class="page-section">