fix: 历史使用左边标题右边智能体名字

www/app.js

@@ -789,7 +789,7 @@ function renderAgentsPage() {
               <div class="recent-agent-item" data-conv-id="${conv.id}">
                 <div class="recent-agent-left">
                   <span class="recent-agent-avatar">${conv.agent ? conv.agent.avatar : '🤖'}</span>
-                  <span class="recent-agent-name">${conv.title}</span>
+                  <span class="recent-agent-title">${conv.title}</span>
                 </div>
                 <div class="recent-agent-right">
                   <span class="recent-agent-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
@@ -3003,10 +3003,10 @@ function showAgentHistoryPage() {
             <div class="agent-history-item" data-conv-id="${conv.id}">
               <div class="agent-history-left">
                 <span class="agent-history-avatar">${conv.agent ? conv.agent.avatar : '🤖'}</span>
-                <span class="agent-history-name">${conv.title}</span>
+                <span class="agent-history-title">${conv.title}</span>
               </div>
               <div class="agent-history-right">
-                <span class="agent-history-agent">${conv.agent ? conv.agent.name : '未知智能体'}</span>
+                <span class="agent-history-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
                 <span class="agent-history-time">${formatTime(conv.updatedAt)}</span>
               </div>
             </div>
@@ -3087,7 +3087,7 @@ async function openAgent(agentId) {
   // 创建新对话并设置智能体
   const newConv = {
     id: backendId || Date.now().toString(),
-    title: currentAgent.name,
+    title: '新对话',  // 和普通对话一样，初始标题为"新对话"，后续自动生成
     messages: [],
     agentId: agentId,
     createdAt: Date.now(),

www/style.css

@@ -1730,6 +1730,16 @@ body {
   color: var(--primary);
 }
 
+.recent-agent-title {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .recent-agent-agent-name {
   font-size: 12px;
   color: var(--primary);
@@ -1807,7 +1817,17 @@ body {
   color: var(--primary);
 }
 
-.agent-history-agent {
+.agent-history-title {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.agent-history-agent-name {
   font-size: 12px;
   color: var(--primary);
   background: rgba(102, 126, 234, 0.1);