添加 API 密钥显示/隐藏切换功能；优化设置页面密码输入交互

Author: SolonCode

soloncode-cli/src/main/resources/static/js/app-settings-providers.js

@@ -599,6 +599,18 @@
         showList: showList
     };
 
+    // Provider API Key 显示切换
+    $(document).on('click', '#providerApiKeyToggle', function () {
+        var $input = $('#providerApiKey');
+        if ($input.attr('type') === 'password') {
+            $input.attr('type', 'text');
+            $(this).html('<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>');
+        } else {
+            $input.attr('type', 'password');
+            $(this).html('<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>');
+        }
+    });
+
     // 自动初始化
     $(document).ready(function () {
         init();

soloncode-cli/src/main/resources/static/web.html

@@ -1386,7 +1386,12 @@
                                 </div>
                                 <div class="form-group">
                                     <label>API 密钥</label>
-                                    <input type="password" id="providerApiKey" placeholder="sk-xxx" autocomplete="new-password"/>
+                                    <div class="password-input-group">
+                                        <input type="password" id="providerApiKey" placeholder="sk-xxx" autocomplete="new-password"/>
+                                        <button class="password-toggle" id="providerApiKeyToggle" title="显示/隐藏">
+                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+                                        </button>
+                                    </div>
                                 </div>
                                 <div class="form-group">
                                     <div class="form-group-header">