在线更新功能界面美化设计 (#44)

* resolve merge conflict in main.go, keep remote version

* 代码还原及已知bug修复

* 在线更新功能界面美化设计

* 图片更新

close #31
---------

Co-authored-by: hea7en <hea7enn@qq.com>

Author: hea7enn

CHANGELOG.json

@@ -1,4 +1,24 @@
 [
+  {
+    "version": "v3.5.0",
+    "date": "2025-12-05",
+    "changes": ["Add online update feature"]
+  },
+  {
+    "version": "v3.4.1",
+    "date": "2025-12-05",
+    "changes": ["Fix known issues"]
+  },
+  {
+    "version": "v3.4.0",
+    "date": "2025-12-04",
+    "changes": ["Optimize token statistics"]
+  },
+  {
+    "version": "v3.3.1",
+    "date": "2025-12-01",
+    "changes": ["Fix tray icon display issue"]
+  },
   {
     "version": "v3.2.1",
     "date": "2025-11-25",

CHANGELOG_CN.json

@@ -1,4 +1,24 @@
 [
+  {
+    "version": "v3.5.0",
+    "date": "2025-12-05",
+    "changes": ["新增在线更新功能"]
+  },
+  {
+    "version": "v3.4.1",
+    "date": "2025-12-05",
+    "changes": ["修改已知问题"]
+  },
+  {
+    "version": "v3.4.0",
+    "date": "2025-12-04",
+    "changes": ["优化token统计问题"]
+  },
+  {
+    "version": "v3.3.1",
+    "date": "2025-12-01",
+    "changes": ["修复托盘图标显示问题"]
+  },
   {
     "version": "v3.2.1",
     "date": "2025-11-25",

app.go

@@ -1079,46 +1079,6 @@ func (a *App) UpdatePort(port int) error {
 	return nil
 }
 
-// GetRetryCount returns global retry count
-func (a *App) GetRetryCount() int {
-	return a.config.GetRetryCount()
-}
-
-// GetRetryDelaySec returns global retry delay in seconds
-func (a *App) GetRetryDelaySec() int {
-	return a.config.GetRetryDelaySec()
-}
-
-// SetRetrySettings updates global retry settings
-func (a *App) SetRetrySettings(retryCount, retryDelaySec int) error {
-	if retryCount < 1 || retryCount > 10 {
-		return fmt.Errorf("retryCount must be between 1 and 10, got %d", retryCount)
-	}
-	if retryDelaySec < 0 || retryDelaySec > 300 {
-		return fmt.Errorf("retryDelaySec must be between 0 and 300, got %d", retryDelaySec)
-	}
-
-	a.config.UpdateRetrySettings(retryCount, retryDelaySec)
-
-	if err := a.config.Validate(); err != nil {
-		return err
-	}
-
-	if err := a.proxy.UpdateConfig(a.config); err != nil {
-		return err
-	}
-
-	if a.storage != nil {
-		configAdapter := storage.NewConfigStorageAdapter(a.storage)
-		if err := a.config.SaveToStorage(configAdapter); err != nil {
-			return fmt.Errorf("failed to save retry settings: %w", err)
-		}
-	}
-
-	logger.Info("Retry settings updated: count=%d, delay=%ds", retryCount, retryDelaySec)
-	return nil
-}
-
 // ToggleEndpoint toggles the enabled state of an endpoint
 func (a *App) ToggleEndpoint(index int, enabled bool) error {
 	endpoints := a.config.GetEndpoints()

docs/images/ME.png

@@ -66,8 +66,6 @@ export default {
         portUpdateFailed: 'Failed to update port: {error}',
         requiredFields: 'Please fill in all required fields',
         modelRequired: 'Model field is required for {transformer} transformer',
-        retryCountInvalid: 'Retry count must be between 1 and 10',
-        retryDelayInvalid: 'Retry delay must be between 0 and 300 seconds',
         saveFailed: 'Failed to save: {error}',
         confirmDelete: 'Are you sure you want to delete endpoint "{name}"?',
         deleteFailed: 'Failed to delete: {error}'
@@ -157,12 +155,6 @@ export default {
             minimize: 'Minimize to Tray',
             ask: 'Ask Every Time'
         },
-        retryCount: 'Retry Count',
-        retryCountHelp: 'Global retries per endpoint before switching (1-10)',
-        retryDelaySec: 'Retry Delay (seconds)',
-        retryDelaySecHelp: 'Global wait time between retries (0-300 seconds)',
-        retryCountInvalid: 'Retry count must be between 1 and 10',
-        retryDelayInvalid: 'Retry delay must be between 0 and 300 seconds',
         languageHelp: 'Select the interface display language',
         save: 'Save',
         cancel: 'Cancel',
@@ -209,7 +201,7 @@ export default {
         configSaved: 'Configuration saved',
         configSaveFailed: 'Failed to save configuration',
         serverUrl: 'WebDAV Server URL',
-        serverUrlHelp: 'Supports Nutstore, NextCloud, ownCloud and other standard WebDAV services',
+        serverUrlHelp: 'Currently only supports Nutstore WebDAV service',
         username: 'Username',
         password: 'Password',
         usernamePlaceholder: 'Enter WebDAV username',
@@ -287,7 +279,8 @@ export default {
         checkInterval: 'Check Interval',
         upToDate: 'You are up to date',
         checkFailed: 'Failed to check for updates',
-        noAutoCheck: "No Auto Check",
+        noAutoCheck: "No Auto Update",
+        noChangelog: 'No changelog available',
         everyHour: 'Every Hour',
         every6Hours: 'Every 6 Hours',
         everyDay: 'Every Day',

frontend/public/chat.jpg

@@ -66,8 +66,6 @@ export default {
         portUpdateFailed: '端口修改失败：{error}',
         requiredFields: '请填写所有必填项',
         modelRequired: '使用 {transformer} 转换器时，模型字段为必填项',
-        retryCountInvalid: '重试次数需在 1-10 之间',
-        retryDelayInvalid: '重试间隔需在 0-300 秒之间',
         saveFailed: '保存失败：{error}',
         confirmDelete: '确认删除端点 "{name}" 吗？',
         deleteFailed: '删除失败：{error}'
@@ -157,12 +155,6 @@ export default {
             minimize: '最小化到托盘',
             ask: '每次询问'
         },
-        retryCount: '重试次数',
-        retryCountHelp: '全局每个端点的连续重试次数，超出后切换(1-10)',
-        retryDelaySec: '重试间隔（秒）',
-        retryDelaySecHelp: '全局每次重试前等待时间（0-300 秒）',
-        retryCountInvalid: '重试次数需在 1-10 之间',
-        retryDelayInvalid: '重试间隔需在 0-300 秒之间',
         languageHelp: '选择界面显示语言',
         save: '保存',
         cancel: '取消',
@@ -209,7 +201,7 @@ export default {
         configSaved: '配置已保存',
         configSaveFailed: '配置保存失败',
         serverUrl: 'WebDAV 服务器地址',
-        serverUrlHelp: '支持坚果云、NextCloud、ownCloud 等标准 WebDAV 服务',
+        serverUrlHelp: '当前只支持坚果云 WebDAV 服务',
         username: '用户名',
         password: '密码',
         usernamePlaceholder: '输入 WebDAV 用户名',
@@ -283,11 +275,12 @@ export default {
         downloadComplete: '下载完成',
         downloadFailed: '下载失败',
         installFailed: '安装失败',
-        autoCheck: '自动检查更新',
+        autoCheck: '自动更新',
         checkInterval: '检查间隔',
         upToDate: '已是最新版本',
         checkFailed: '检查更新失败',
-        noAutoCheck: "不自动检查",
+        noAutoCheck: "不自动更新",
+        noChangelog: '暂无更新说明',
         everyHour: '每小时',
         every6Hours: '每 6 小时',
         everyDay: '每天',

frontend/src/i18n/en.js

@@ -4,7 +4,7 @@ import { setLanguage } from './i18n/index.js'
 import { initUI, changeLanguage } from './modules/ui.js'
 import { loadConfig } from './modules/config.js'
 import { loadStats, switchStatsPeriod, loadStatsByPeriod, getCurrentPeriod } from './modules/stats.js'
-import { renderEndpoints, toggleEndpointPanel, setTransformerFilter } from './modules/endpoints.js'
+import { renderEndpoints, toggleEndpointPanel } from './modules/endpoints.js'
 import { loadLogs, toggleLogPanel, changeLogLevel, copyLogs, clearLogs } from './modules/logs.js'
 import { showDataSyncDialog } from './modules/webdav.js'
 import { initTips } from './modules/tips.js'
@@ -162,7 +162,6 @@ window.minimizeToTray = minimizeToTray;
 window.showDataSyncDialog = showDataSyncDialog;
 window.switchStatsPeriod = switchStatsPeriod;
 window.toggleEndpointPanel = toggleEndpointPanel;
-window.setTransformerFilter = setTransformerFilter;
 window.showSettingsModal = showSettingsModal;
 window.closeSettingsModal = closeSettingsModal;
 window.saveSettings = saveSettings;

frontend/src/i18n/zh-CN.js

@@ -7,7 +7,6 @@ let currentTestButton = null;
 let currentTestButtonOriginalText = '';
 let currentTestIndex = -1;
 let endpointPanelExpanded = true;
-let currentTransformerFilter = 'claude';
 
 function copyToClipboard(text, button) {
     navigator.clipboard.writeText(text).then(() => {
@@ -39,15 +38,6 @@ export function setTestState(button, index) {
 
 export async function renderEndpoints(endpoints) {
     const container = document.getElementById('endpointList');
-    const filterTabs = document.getElementById('endpointFilterTabs');
-    if (filterTabs) {
-        filterTabs.querySelectorAll('.endpoint-filter-btn').forEach((btn) => {
-            const isActive = btn.dataset.transformer === currentTransformerFilter;
-            btn.classList.toggle('active', isActive);
-            btn.classList.toggle('btn-primary', isActive);
-            btn.classList.toggle('btn-secondary', !isActive);
-        });
-    }
 
     // Get current endpoint
     let currentEndpointName = '';
@@ -70,16 +60,11 @@ export async function renderEndpoints(endpoints) {
 
     const endpointStats = getEndpointStats();
     // Display endpoints in config file order (no sorting by enabled status)
-    const sortedEndpoints = endpoints
-        .map((ep, index) => {
-            const stats = endpointStats[ep.name] || { requests: 0, errors: 0, inputTokens: 0, outputTokens: 0 };
-            const enabled = ep.enabled !== undefined ? ep.enabled : true;
-            return { endpoint: ep, originalIndex: index, stats, enabled };
-        })
-        .filter(({ endpoint: ep }) => {
-            const transformer = ep.transformer || 'claude';
-            return transformer === currentTransformerFilter;
-        });
+    const sortedEndpoints = endpoints.map((ep, index) => {
+        const stats = endpointStats[ep.name] || { requests: 0, errors: 0, inputTokens: 0, outputTokens: 0 };
+        const enabled = ep.enabled !== undefined ? ep.enabled : true;
+        return { endpoint: ep, originalIndex: index, stats, enabled };
+    });
 
     sortedEndpoints.forEach(({ endpoint: ep, originalIndex: index, stats }) => {
         const totalTokens = stats.inputTokens + stats.outputTokens;
@@ -208,11 +193,6 @@ export function toggleEndpointPanel() {
     }
 }
 
-export function setTransformerFilter(transformer) {
-    currentTransformerFilter = transformer || 'claude';
-    window.loadConfig(); // re-render with new filter
-}
-
 // Drag and drop state
 let draggedElement = null;
 let draggedOverElement = null;

frontend/src/main.js

@@ -19,7 +19,7 @@ function showError(message) {
 }
 
 // Show notification
-function showNotification(message, type = 'info') {
+export function showNotification(message, type = 'info') {
     // Create notification element
     const notification = document.createElement('div');
     notification.className = `notification notification-${type}`;