优化视觉效果和处理逻辑

web/src/components/ChatComponent.vue

@@ -52,7 +52,7 @@
         class="message-box"
         :class="message.role"
       >
-        <div v-if="message.reasoning_content" class="searching-msg">
+        <div v-if="message.reasoning_content" class="reasoning-msg">
           <a-collapse
             v-model:activeKey="message.showThinking"
             :bordered="false"
@@ -66,7 +66,7 @@
               :header="message.status=='reasoning' ? '正在思考...' : '推理过程'"
               :style="'background: #f7f7f7; border-radius: 8px; margin-bottom: 24px; border: 0; overflow: hidden'"
             >
-              <p>{{ message.reasoning_content }}</p>
+              <p style="color: var(--gray-800)">{{ message.reasoning_content }}</p>
             </a-collapse-panel>
           </a-collapse>
         </div>
@@ -763,6 +763,13 @@ watch(
 
     .searching-msg {
       color: var(--gray-500);
+      animation: colorPulse 2s infinite;
+    }
+
+    @keyframes colorPulse {
+      0% { color: var(--gray-700); }
+      50% { color: var(--gray-300); }
+      100% { color: var(--gray-700); }
     }
   }
 

web/src/views/GraphView.vue

@@ -3,7 +3,7 @@
     <a-empty>
       <template #description>
         <span>
-          前往 <router-link to="/setting" style="color: var(--main-color); font-weight: bold;">设置</router-link> 页面配置图数据库。
+          前往 <router-link to="/setting" style="color: var(--main-color); font-weight: bold;">设置</router-link> 页面启用知识图谱。
         </span>
       </template>
     </a-empty>
@@ -178,6 +178,8 @@ const loadSampleNodes = () => {
     .then((res) => {
       if (res.ok) {
         return res.json();
+      } else if (!configStore.config.enable_knowledge_graph) {
+        throw new Error('请前往设置页面配置启用知识图谱')
       } else {
         throw new Error("加载失败");
       }