Implement complete 32-bit license system with optimized UI layout

## Backend Updates:
- Update license code generation to true 32-character format (0-9, A-Z)
- Remove KS prefix, use pure random codes for enhanced security
- Upgrade from 36^8 to 36^32 possible combinations

## Frontend Enhancements:
- Add dual display modes: compact for tables, full for details
- Implement formatFullLicenseCode() for complete code display in modals
- Optimize column widths: license code (flex: 1.8), hardware ID (flex: 1.2)
- Enhance details modal with complete hardware ID display and copy functionality
- Add .hardware-id-full styling with proper text wrapping

## Database Updates:
- Provide comprehensive 32-bit test data covering all scenarios:
* Active users (90-day, 1-year licenses)
* Trial users (7-day trial)
* Pending activations (unused licenses)
* Expired licenses (15 days overdue)
* Suspended accounts (admin disabled)
* Permanent licenses (enterprise users)
* Near-expiry warnings (2 days remaining)
- Update usage logs with realistic IP addresses and hardware fingerprints

## UI/UX Improvements:
- License codes show as "ABCD1234...5678" in tables, full format in details
- Hardware IDs show as "A1B2C3D4...X7Y8Z9W0" in tables, complete in details
- Enhanced copy-to-clipboard functionality for both license codes and hardware IDs
- Improved responsive design and text wrapping for 32-character strings

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/services/license_service.py

@@ -22,12 +22,11 @@ class LicenseService:
             print("❌ LicenseService: Supabase client is None - all operations will fail")
     
     def generate_license_code(self) -> str:
-        """生成唯一授權碼"""
-        # 生成8位隨機字符串
-        random_part = secrets.token_hex(4).upper()
-        # 使用時間戳確保唯一性
-        timestamp = str(int(datetime.now().timestamp()))[-6:]
-        return f"KS{random_part}{timestamp}"
+        """生成32位唯一授權碼"""
+        # 生成32位隨機字符串 (數字和大寫字母)
+        characters = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+        random_code = ''.join(secrets.choice(characters) for _ in range(32))
+        return random_code
     
     async def create_license(self, license_data: LicenseCreate) -> Dict[str, Any]:
         """建立新授權"""

frontend/css/style.css

@@ -1818,8 +1818,12 @@ body {
     min-width: 0;
 }
 
+.info-column:nth-child(1) {
+    flex: 1.8;
+}
+
 .info-column:nth-child(2) {
-    flex: 1.5;
+    flex: 1.2;
 }
 
 .info-column:last-child {
@@ -1878,12 +1882,28 @@ body {
 
 .hardware-id-compact {
     font-family: 'JetBrains Mono', 'Consolas', monospace;
-    font-size: 0.75rem;
+    font-size: 0.8rem;
     color: var(--text-secondary);
     word-break: break-all;
-    line-height: 1.3;
-    white-space: normal;
+    line-height: 1.2;
+}
+
+.hardware-id-full {
+    font-family: 'JetBrains Mono', 'Consolas', monospace;
+    font-size: 0.9rem;
+    color: var(--text-primary);
+    background: var(--bg-tertiary);
+    padding: 8px 12px;
+    border-radius: var(--radius-sm);
+    border: 1px solid var(--border-primary);
+    word-break: break-all;
+    line-height: 1.4;
+    display: block;
+    margin-right: 8px;
+    width: 100%;
+    max-width: 400px;
     overflow-wrap: break-word;
+    white-space: normal;
 }
 
 .expires-date-compact {

frontend/js/pages/users.js

@@ -698,7 +698,7 @@ class UsersPage {
                         <div class="detail-item">
                             <label>授權碼</label>
                             <div class="d-flex align-center">
-                                <code class="license-code">${Utils.formatLicenseCode(license.license_code)}</code>
+                                <code class="license-code">${Utils.formatFullLicenseCode(license.license_code)}</code>
                                 <button class="btn btn-sm btn-secondary ml-2" onclick="Utils.copyToClipboard('${license.license_code}')">
                                     <i class="fas fa-copy"></i>
                                 </button>
@@ -707,7 +707,12 @@ class UsersPage {
                         
                         <div class="detail-item">
                             <label>硬體ID</label>
-                            <div>${Utils.formatHardwareId(license.hardware_id)}</div>
+                            <div class="d-flex align-center">
+                                <code class="hardware-id-full">${license.hardware_id || '未綁定硬體'}</code>
+                                ${license.hardware_id ? `<button class="btn btn-sm btn-secondary ml-2" onclick="Utils.copyToClipboard('${license.hardware_id}')">
+                                    <i class="fas fa-copy"></i>
+                                </button>` : ''}
+                            </div>
                         </div>
                         
                         <div class="detail-item">

frontend/js/utils.js

@@ -50,7 +50,21 @@ class Utils {
     // License code formatting
     static formatLicenseCode(code) {
         if (!code) return '';
-        // Format as XXXX-XXXX-XXXX-XXXX
+        // For display in tables, show shortened version
+        const cleaned = code.replace(/[^A-Z0-9]/g, '');
+        if (cleaned.length > 16) {
+            // Show first 8 and last 4 characters for long codes
+            return `${cleaned.substring(0, 8)}...${cleaned.substring(cleaned.length - 4)}`;
+        }
+        // For shorter codes, format normally
+        const chunks = cleaned.match(/.{1,4}/g) || [];
+        return chunks.join('-');
+    }
+    
+    // Full license code formatting for details view
+    static formatFullLicenseCode(code) {
+        if (!code) return '';
+        // Format complete code as XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX
         const cleaned = code.replace(/[^A-Z0-9]/g, '');
         const chunks = cleaned.match(/.{1,4}/g) || [];
         return chunks.join('-');
@@ -60,7 +74,7 @@ class Utils {
     static formatHardwareId(hardwareId) {
         if (!hardwareId) return '未綁定硬體';
         if (hardwareId.length <= 20) return hardwareId;
-        // 顯示前8位和後8位，中間用...代替 (32位硬體指紋)
+        // 顯示前8位和後8位，中間用...代替 (32位硬體ID)
         return `${hardwareId.substring(0, 8)}...${hardwareId.substring(hardwareId.length - 8)}`;
     }
     

supabase-schema.sql

@@ -248,21 +248,56 @@ COMMENT ON FUNCTION generate_license_report IS '生成指定日期範圍的授
 
 -- 插入測試用授權 (啟用來測試系統)
 INSERT INTO licenses (license_code, user_name, user_email, expires_at, hardware_id, is_active, activated_at) VALUES
-('KS12345678', '測試用戶1', 'test1@example.com', NOW() + INTERVAL '30 days', 'HW_TEST_001', true, NOW()),
-('KS87654321', '測試用戶2', 'test2@example.com', NOW() + INTERVAL '60 days', NULL, true, NULL),
-('KS11111111', '過期用戶', 'expired@example.com', NOW() - INTERVAL '10 days', 'HW_EXPIRED_001', true, NOW() - INTERVAL '20 days'),
-('KS99999999', '停用用戶', 'inactive@example.com', NOW() + INTERVAL '15 days', 'HW_INACTIVE_001', false, NOW() - INTERVAL '5 days'),
-('KS55555555', '管理員測試', 'admin@admin.com.tw', NOW() + INTERVAL '365 days', 'HW_ADMIN_001', true, NOW() - INTERVAL '1 day')
+-- 已啟用用戶 (正常使用中)
+('A1B2C3D4E5F6G7H8I9J0K1L2M3N4O5P6', '王小明', 'ming@company.com.tw', NOW() + INTERVAL '90 days', 'CPU123ABC456DEF789GHI012JKL345MN', true, NOW() - INTERVAL '5 days'),
+('X7Y8Z9W0Q1R2S3T4U5V6A7B8C9D0E1F2', '李美華', 'li.meihua@design.studio', NOW() + INTERVAL '365 days', 'CPU789XYZ012ABC345DEF678GHI901JK', true, NOW() - INTERVAL '30 days'),
+
+-- 試用用戶 (7天試用)
+('B9C8D7E6F5G4H3I2J1K0L9M8N7O6P5Q4', '張工程師', 'engineer.zhang@tech.com', NOW() + INTERVAL '7 days', 'CPUABC123XYZ456QWE789RTY012UIU34', true, NOW() - INTERVAL '2 days'),
+
+-- 未啟用授權 (已建立但未使用)
+('M5N6O7P8Q9R0S1T2U3V4W5X6Y7Z8A9B0', '陳建築師', 'chen@architect.firm', NOW() + INTERVAL '30 days', NULL, true, NULL),
+('F3G4H5I6J7K8L9M0N1O2P3Q4R5S6T7U8', '劉設計師', 'liu.designer@studio.tw', NOW() + INTERVAL '60 days', NULL, true, NULL),
+
+-- 過期授權 (已啟用但過期)
+('Z0Y9X8W7V6U5T4S3R2Q1P0O9N8M7L6K5', '周老闆', 'boss.zhou@construction.co', NOW() - INTERVAL '15 days', 'CPU456DEF789ABC012GHI345JKL678MN', true, NOW() - INTERVAL '45 days'),
+
+-- 已停用授權 (管理員手動停用)
+('Q2W3E4R5T6Y7U8I9O0P1A2S3D4F5G6H7', '黃違規用戶', 'huang@suspended.user', NOW() + INTERVAL '20 days', 'CPUXYZ789ABC012DEF345GHI678JKL90', false, NOW() - INTERVAL '10 days'),
+
+-- 永久授權 (企業用戶)
+('K1L2M3N4O5P6Q7R8S9T0U1V2W3X4Y5Z6', 'KSTools管理員', 'admin@kstools.com.tw', NOW() + INTERVAL '3650 days', 'CPUADMIN123MASTER456CONTROL789AB', true, NOW() - INTERVAL '1 day'),
+
+-- 即將過期 (3天內過期)
+('V8W9X0Y1Z2A3B4C5D6E7F8G9H0I1J2K3', '趙用戶', 'zhao@expires.soon', NOW() + INTERVAL '2 days', 'CPU999END888SOON777EXPIRE666ABC', true, NOW() - INTERVAL '28 days')
 ON CONFLICT (license_code) DO NOTHING;
 
 -- 插入測試使用記錄
 INSERT INTO usage_logs (license_id, action, ip_address, hardware_info) VALUES
-((SELECT id FROM licenses WHERE license_code = 'KS12345678'), 'activate', '192.168.1.100', 'HW_TEST_001'),
-((SELECT id FROM licenses WHERE license_code = 'KS12345678'), 'validate', '192.168.1.100', 'HW_TEST_001'),
-((SELECT id FROM licenses WHERE license_code = 'KS87654321'), 'validate', '192.168.1.101', NULL),
-((SELECT id FROM licenses WHERE license_code = 'KS55555555'), 'activate', '10.0.0.1', 'HW_ADMIN_001'),
-((SELECT id FROM licenses WHERE license_code = 'KS55555555'), 'validate', '10.0.0.1', 'HW_ADMIN_001'),
-((SELECT id FROM licenses WHERE license_code = 'KS11111111'), 'validate', '192.168.1.102', 'HW_EXPIRED_001');
+-- 正常用戶的使用記錄
+((SELECT id FROM licenses WHERE license_code = 'A1B2C3D4E5F6G7H8I9J0K1L2M3N4O5P6'), 'activate', '192.168.1.100', 'CPU123ABC456DEF789GHI012JKL345MN'),
+((SELECT id FROM licenses WHERE license_code = 'A1B2C3D4E5F6G7H8I9J0K1L2M3N4O5P6'), 'validate', '192.168.1.100', 'CPU123ABC456DEF789GHI012JKL345MN'),
+((SELECT id FROM licenses WHERE license_code = 'A1B2C3D4E5F6G7H8I9J0K1L2M3N4O5P6'), 'validate', '192.168.1.100', 'CPU123ABC456DEF789GHI012JKL345MN'),
+
+-- 企業用戶的使用記錄
+((SELECT id FROM licenses WHERE license_code = 'X7Y8Z9W0Q1R2S3T4U5V6A7B8C9D0E1F2'), 'activate', '10.0.1.50', 'CPU789XYZ012ABC345DEF678GHI901JK'),
+((SELECT id FROM licenses WHERE license_code = 'X7Y8Z9W0Q1R2S3T4U5V6A7B8C9D0E1F2'), 'validate', '10.0.1.50', 'CPU789XYZ012ABC345DEF678GHI901JK'),
+
+-- 試用用戶的記錄
+((SELECT id FROM licenses WHERE license_code = 'B9C8D7E6F5G4H3I2J1K0L9M8N7O6P5Q4'), 'activate', '203.74.123.45', 'CPUABC123XYZ456QWE789RTY012UIU34'),
+((SELECT id FROM licenses WHERE license_code = 'B9C8D7E6F5G4H3I2J1K0L9M8N7O6P5Q4'), 'validate', '203.74.123.45', 'CPUABC123XYZ456QWE789RTY012UIU34'),
+
+-- 過期用戶的歷史記錄
+((SELECT id FROM licenses WHERE license_code = 'Z0Y9X8W7V6U5T4S3R2Q1P0O9N8M7L6K5'), 'activate', '172.16.0.10', 'CPU456DEF789ABC012GHI345JKL678MN'),
+((SELECT id FROM licenses WHERE license_code = 'Z0Y9X8W7V6U5T4S3R2Q1P0O9N8M7L6K5'), 'validate', '172.16.0.10', 'CPU456DEF789ABC012GHI345JKL678MN'),
+
+-- 管理員測試記錄
+((SELECT id FROM licenses WHERE license_code = 'K1L2M3N4O5P6Q7R8S9T0U1V2W3X4Y5Z6'), 'activate', '127.0.0.1', 'CPUADMIN123MASTER456CONTROL789AB'),
+((SELECT id FROM licenses WHERE license_code = 'K1L2M3N4O5P6Q7R8S9T0U1V2W3X4Y5Z6'), 'validate', '127.0.0.1', 'CPUADMIN123MASTER456CONTROL789AB'),
+
+-- 即將過期用戶的記錄
+((SELECT id FROM licenses WHERE license_code = 'V8W9X0Y1Z2A3B4C5D6E7F8G9H0I1J2K3'), 'activate', '118.163.88.99', 'CPU999END888SOON777EXPIRE666ABC'),
+((SELECT id FROM licenses WHERE license_code = 'V8W9X0Y1Z2A3B4C5D6E7F8G9H0I1J2K3'), 'validate', '118.163.88.99', 'CPU999END888SOON777EXPIRE666ABC');
 
 -- =====================================================
 -- 權限設定 (建議)