fix:调整聊天的显示样式

Author: yefansky

src/metaCommand.ts

@@ -20,12 +20,12 @@ export async function processFilePlaceholder(messageText: string): Promise<strin
         // Replace placeholder with formatted content
         return messageText.replace(
             filePlaceholderRegex,
-            `@file:${filePath}\n---------------\n${content}\n---------------\n`
+            `<FILE_UPLOAD data-path="${filePath}"><content>\n${content}\n</content></FILE_UPLOAD>`
         );
     } catch (error) {
         return messageText.replace(
             filePlaceholderRegex,
-            `@file:${filePath}\n---------------\n**Error reading file**: ${(error as Error).message}\n---------------\n`
+            `<FILE_UPLOAD data-path="${filePath}">\n**Error reading file**: ${(error as Error).message}\n</FILE_UPLOAD>`
         );
     }
 }

src/resources/chatPanel.css

@@ -175,7 +175,7 @@ think {
 }
 
 tool_call {
-    display: block;
+    display: inline-block;
     background: rgba(20, 20, 30, 0.95);
     border: 1px solid #00b7b7;
     border-radius: 8px;
@@ -229,3 +229,24 @@ html, body {
     padding-bottom: 10px; /* 防止遮挡 */
     box-sizing: border-box;
 }
+
+file_upload content {
+    display: none;
+}
+
+file_upload::before {
+    content: "File: " attr(data-path);
+    display: inline-block;
+    color: #e1ebe5de;
+    background-color: #119b4aad;
+    font-style: italic;
+    margin: 10px 0;
+
+    padding: 4px 8px;
+    border: 2px solid #1e90ff;
+    border-radius: 6px;
+    box-shadow: 
+        3px 3px 6px rgba(0, 0, 0, 0.4), /* 更深外阴影 */
+        inset 2px 2px 3px rgba(255, 255, 255, 0.3), /* 更亮内阴影 */
+        inset -2px -2px 3px rgba(0, 0, 0, 0.2); /* 内阴影加深 */
+}