update openai key management, update example loading status

main.py

@@ -25,7 +25,7 @@ from PIL import Image
 app = FastAPI()
 
 # 设置最大连接数
-MAX_CONNECTIONS = 10
+MAX_CONNECTIONS = 100
 current_connections = 0
 
 # 设置优化设计接口的访问限制

static/feedback.html

@@ -67,6 +67,9 @@
             
             <section class="feedback-section">
                 <h2 class="section-title">优化方案</h2>
+                <div class="api-key-link">
+                    <a href="#" id="apiKeyLink">想使用自己的OpenAI API Key？</a>
+                </div>
                 <div class="optimization-container">
                     <div class="optimization-card">
                         <div class="optimization-header">
@@ -116,6 +119,22 @@
         </main>
     </div>
     
+    <!-- API Key Input Dialog -->
+    <div class="api-key-dialog" id="apiKeyDialog">
+        <div class="dialog-content">
+            <h3>输入OpenAI API Key</h3>
+            <p class="dialog-description">请输入您的OpenAI API Key，该Key需要有生图权限(Tier1以上)。</p>
+            <p class="dialog-help">
+                <a href="https://platform.openai.com/settings/organization/api-keys" target="_blank">如何获取API Key？</a>
+            </p>
+            <input type="password" id="apiKeyInput" placeholder="输入您的API Key">
+            <div class="dialog-buttons">
+                <button id="saveApiKey">保存</button>
+                <button id="cancelApiKey">取消</button>
+            </div>
+        </div>
+    </div>
+    
     <script src="/static/script.js"></script>
 </body>
 </html> 

static/script.js

@@ -521,8 +521,17 @@ document.addEventListener('DOMContentLoaded', function() {
                 const desc = card.querySelector('.example-desc');
                 const sourceLink = card.querySelector('.example-source a');
                 
-                if (img) img.src = '/static/assets/loading.gif';
-                if (desc) desc.textContent = '正在搜索设计参考案例...';
+                if (img) {
+                    img.style.display = 'none';
+                }
+                if (desc) {
+                    desc.innerHTML = `
+                        <div class="optimization-loading">
+                            <div class="loading-spinner"></div>
+                            <div class="loading-text">正在搜索设计参考案例...</div>
+                        </div>
+                    `;
+                }
                 if (sourceLink) {
                     sourceLink.href = '#';
                     sourceLink.textContent = '加载中...';
@@ -602,12 +611,13 @@ document.addEventListener('DOMContentLoaded', function() {
                 const source = card.querySelector('.example-source');
                 
                 if (img) {
+                    img.style.display = 'block';
                     img.src = example.image;
                     img.alt = example.title;
                 }
                 
                 if (desc) {
-                    desc.textContent = example.description;
+                    desc.innerHTML = example.description;
                 }
                 
                 if (source) {