From c21270195a05d6868f6c06eb0c1ec302f2f3db5c Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Tue, 14 Apr 2026 17:15:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E5=85=B7=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=94=BE=E8=BE=93=E5=85=A5=E6=A1=86=E5=8F=B3=E8=BE=B9=EF=BC=8C?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=90=91=E4=B8=8A=E5=BC=B9=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/index.html | 66 ++++++++++++++++++++++----------------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 9bbad75..1462fef 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -131,36 +131,37 @@
         /* 快捷语句 - 横向扁平 */
         .quick-phrases-bar { display: flex; align-items: center; gap: 8px; margin-top: 12px; position: relative; }
         
-        /* 工具折叠面板 */
-        .tools-collapsible { position: relative; margin-bottom: 8px; }
+        /* 工具折叠面板 - 放在输入行内 */
+        .tools-collapsible { position: relative; }
         .tools-toggle-btn { 
-            padding: 8px 12px; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 8px; 
-            cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #666;
-            transition: all 0.2s;
+            width: 40px; height: 40px; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 8px; 
+            cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #666;
+            transition: all 0.2s; position: relative;
         }
         .tools-toggle-btn:hover { background: #e8e8e8; border-color: #10a37f; color: #10a37f; }
         .tools-toggle-btn.active { background: #e8f5e9; border-color: #10a37f; color: #10a37f; }
         .tools-badge { 
-            background: #10a37f; color: white; font-size: 11px; padding: 1px 5px; border-radius: 10px; 
-            min-width: 16px; text-align: center;
+            position: absolute; top: -4px; right: -4px;
+            background: #10a37f; color: white; font-size: 10px; padding: 1px 4px; border-radius: 10px; 
+            min-width: 14px; text-align: center;
         }
         .tools-panel { 
-            display: none; position: absolute; bottom: 100%; left: 0; margin-bottom: 8px;
+            display: none; position: absolute; bottom: 100%; right: 0; margin-bottom: 8px;
             background: white; border: 1px solid #e0e0e0; border-radius: 12px; 
-            box-shadow: 0 4px 20px rgba(0,0,0,0.15); min-width: 200px; z-index: 100;
+            box-shadow: 0 4px 20px rgba(0,0,0,0.15); min-width: 180px; z-index: 100;
         }
         .tools-panel.show { display: block; }
         .tools-panel-header { 
             display: flex; justify-content: space-between; align-items: center; 
-            padding: 12px 16px; border-bottom: 1px solid #eee; font-weight: 500; color: #333;
+            padding: 10px 14px; border-bottom: 1px solid #eee; font-weight: 500; color: #333; font-size: 13px;
         }
-        .tools-panel-header button { background: none; border: none; color: #999; cursor: pointer; padding: 4px; }
+        .tools-panel-header button { background: none; border: none; color: #999; cursor: pointer; padding: 2px; }
         .tools-panel-header button:hover { color: #666; }
-        .tools-panel-content { padding: 12px 16px; max-height: 300px; overflow-y: auto; }
-        .tool-item { display: flex; align-items: center; gap: 8px; padding: 8px 0; }
-        .tool-item input { width: 16px; height: 16px; }
-        .tool-item label { cursor: pointer; font-size: 14px; color: #333; display: flex; align-items: center; gap: 6px; }
-        .tool-item label i { color: #10a37f; }
+        .tools-panel-content { padding: 10px 14px; max-height: 280px; overflow-y: auto; }
+        .tool-item { display: flex; align-items: center; gap: 6px; padding: 6px 0; }
+        .tool-item input { width: 14px; height: 14px; }
+        .tool-item label { cursor: pointer; font-size: 13px; color: #333; display: flex; align-items: center; gap: 4px; }
+        .tool-item label i { color: #10a37f; font-size: 14px; }
         .tool-item.disabled { opacity: 0.5; }
         .tool-item.disabled label { color: #999; cursor: not-allowed; }
         .add-phrase-btn { padding: 6px 10px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: 12px; color: #666; white-space: nowrap; flex-shrink: 0; }
@@ -226,29 +227,28 @@
         
         <div class="input-container">
             <div class="input-area">
-                <!-- 工具选择折叠按钮 -->
-                <div class="tools-collapsible">
-                    <button class="tools-toggle-btn" onclick="toggleToolsPanel()" title="工具设置">
-                        <i class="ri-tools-line"></i>
-                        <span class="tools-badge" id="toolsBadge" style="display:none;">0</span>
-                    </button>
-                    <div class="tools-panel" id="toolsPanel">
-                        <div class="tools-panel-header">
-                            <span>工具设置</span>
-                            <button onclick="toggleToolsPanel()"><i class="ri-close-line"></i></button>
-                        </div>
-                        <div class="tools-panel-content" id="toolsPanelContent"></div>
-                    </div>
-                    <!-- 工具警告提示 -->
-                    <div id="tool-warning-tip" style="display:none;margin-top:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:13px;color:#856404;"></div>
-                </div>
-                
                 <div class="input-row">
                     <input type="file" id="fileInput" multiple accept="image/*,.pdf,.txt,.md,.json,.csv,.doc,.docx" style="display:none" onchange="handleFileUpload(event)">
                     <button class="upload-btn" onclick="document.getElementById('fileInput').click()" title="上传文件"><i class="ri-attachment-2"></i></button>
                     <textarea id="messageInput" placeholder="输入消息..." rows="1"></textarea>
+                    <!-- 工具按钮放在右边 -->
+                    <div class="tools-collapsible">
+                        <button class="tools-toggle-btn" onclick="toggleToolsPanel()" title="工具设置">
+                            <i class="ri-tools-line"></i>
+                            <span class="tools-badge" id="toolsBadge" style="display:none;">0</span>
+                        </button>
+                        <div class="tools-panel" id="toolsPanel">
+                            <div class="tools-panel-header">
+                                <span>工具设置</span>
+                                <button onclick="toggleToolsPanel()"><i class="ri-close-line"></i></button>
+                            </div>
+                            <div class="tools-panel-content" id="toolsPanelContent"></div>
+                        </div>
+                    </div>
                     <button class="send-btn" id="sendBtn" onclick="sendMessage()"><i class="ri-send-plane-fill"></i></button>
                 </div>
+                <!-- 工具警告提示 -->
+                <div id="tool-warning-tip" style="display:none;margin-top:4px;padding:6px 10px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:12px;color:#856404;"></div>
                 <div class="file-preview-area" id="filePreviewArea"></div>
                 <div class="quick-phrases-bar">
                     <button class="add-phrase-btn" onclick="showAddPhraseModal()"><i class="ri-add-line"></i> 添加</button>