diff --git a/packages/admin-client/src/features/assessment-config/presentation/components/DirectiveChatDrawer.tsx b/packages/admin-client/src/features/assessment-config/presentation/components/DirectiveChatDrawer.tsx
index b5d4dba..9ea1e93 100644
--- a/packages/admin-client/src/features/assessment-config/presentation/components/DirectiveChatDrawer.tsx
+++ b/packages/admin-client/src/features/assessment-config/presentation/components/DirectiveChatDrawer.tsx
@@ -1,6 +1,8 @@
 import { useState, useEffect, useRef } from 'react';
 import { Drawer, Button, Input, Tag, Spin } from 'antd';
 import { RobotOutlined, SendOutlined } from '@ant-design/icons';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 import { useDirectiveChat } from '../../application/useAssessmentConfig';
 import type { ChatMessage } from '../../infrastructure/assessment-config.api';
 
@@ -94,7 +96,15 @@ export function DirectiveChatDrawer({ open, onClose }: DirectiveChatDrawerProps)
             >
               {msg.role === 'user' ? '管理员' : 'AI 助手'}
             </Tag>
-            <div className="whitespace-pre-wrap">{msg.content}</div>
+            {msg.role === 'assistant' ? (
+              <div className="supervisor-markdown">
+                <ReactMarkdown remarkPlugins={[remarkGfm]}>
+                  {msg.content}
+                </ReactMarkdown>
+              </div>
+            ) : (
+              <div className="whitespace-pre-wrap">{msg.content}</div>
+            )}
           </div>
         ))}
 
diff --git a/packages/admin-client/src/features/collection-config/presentation/components/CollectionChatDrawer.tsx b/packages/admin-client/src/features/collection-config/presentation/components/CollectionChatDrawer.tsx
index 47d29b7..b367840 100644
--- a/packages/admin-client/src/features/collection-config/presentation/components/CollectionChatDrawer.tsx
+++ b/packages/admin-client/src/features/collection-config/presentation/components/CollectionChatDrawer.tsx
@@ -1,6 +1,8 @@
 import { useState, useEffect, useRef } from 'react';
 import { Drawer, Button, Input, Tag, Spin } from 'antd';
 import { RobotOutlined, SendOutlined } from '@ant-design/icons';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 import { useDirectiveChat } from '../../application/useCollectionConfig';
 import type { ChatMessage } from '../../infrastructure/collection-config.api';
 
@@ -94,7 +96,15 @@ export function CollectionChatDrawer({ open, onClose }: CollectionChatDrawerProp
             >
               {msg.role === 'user' ? '管理员' : 'AI 助手'}
             </Tag>
-            <div className="whitespace-pre-wrap">{msg.content}</div>
+            {msg.role === 'assistant' ? (
+              <div className="supervisor-markdown">
+                <ReactMarkdown remarkPlugins={[remarkGfm]}>
+                  {msg.content}
+                </ReactMarkdown>
+              </div>
+            ) : (
+              <div className="whitespace-pre-wrap">{msg.content}</div>
+            )}
           </div>
         ))}