feat：替换 Dify 为自建 RAG去实现

1、修复了若干无权限时的失败提示语
2、新增了一个生成后续建议问题的功能
3、重构了知识问答部分的权限管理模块
4、修复了若干渲染不恰当的样式渲染

app/components/dify-chat/chat-message.tsx

@@ -13,6 +13,7 @@ interface ChatMessageProps {
     onFeedback?: (messageId: string, feedback: Feedbacktype) => void;
     isResponding?: boolean;
     onRegenerate?: (messageId: string) => void;
+    onSuggestedQuestionClick?: (question: string) => void;
 }
 
 /**
@@ -22,7 +23,8 @@ export default function ChatMessage({
     message,
     onFeedback,
     isResponding = false,
-    onRegenerate
+    onRegenerate,
+    onSuggestedQuestionClick,
 }: ChatMessageProps) {
     const [feedback, setFeedback] = useState<'like' | 'dislike' | null>(
         message.feedback?.rating || null
@@ -124,28 +126,51 @@ export default function ChatMessage({
     };
 
     /**
-     * 渲染建议问题
+     * 渲染建议问题（继续探索）
      */
     const renderSuggestedQuestions = () => {
         if (!suggestedQuestions || suggestedQuestions.length === 0) return null;
 
         return (
-            <div className="suggested-questions">
-                <div className="text-sm text-gray-500 mb-2">建议问题：</div>
-                <div className="flex flex-wrap gap-2">
+            <div className="suggested-questions" style={{ marginTop: 12, paddingTop: 12, borderTop: '1px solid #f0f0f0' }}>
+                <div style={{ fontSize: 11, color: '#8c8c8c', marginBottom: 8, display: 'flex', alignItems: 'center', gap: 4 }}>
+                    <i className="ri-compass-3-line" />
+                    <span>继续探索</span>
+                </div>
+                <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
                     {suggestedQuestions.map((question, index) => (
-                        <Button
+                        <button
                             key={index}
-                            size="small"
-                            type="dashed"
-                            className="question-button text-left"
-                            onClick={() => {
-                                // 这里可以添加点击建议问题的处理逻辑
-                                // console.log('Suggested question clicked:', question);
+                            onClick={() => onSuggestedQuestionClick?.(question)}
+                            style={{
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: 8,
+                                padding: '6px 10px',
+                                border: '1px solid #e8e8e8',
+                                borderRadius: 6,
+                                background: '#fafafa',
+                                cursor: 'pointer',
+                                textAlign: 'left',
+                                fontSize: 13,
+                                color: '#595959',
+                                transition: 'all 0.2s',
+                            }}
+                            onMouseEnter={(e) => {
+                                e.currentTarget.style.borderColor = '#00684a';
+                                e.currentTarget.style.color = '#00684a';
+                                e.currentTarget.style.background = 'rgba(0,104,74,0.04)';
+                            }}
+                            onMouseLeave={(e) => {
+                                e.currentTarget.style.borderColor = '#e8e8e8';
+                                e.currentTarget.style.color = '#595959';
+                                e.currentTarget.style.background = '#fafafa';
                             }}
                         >
-                            {question}
-                        </Button>
+                            <i className="ri-search-line" style={{ color: '#8c8c8c', flexShrink: 0, fontSize: 12 }} />
+                            <span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{question}</span>
+                            <i className="ri-arrow-right-line" style={{ color: '#bfbfbf', flexShrink: 0, fontSize: 12 }} />
+                        </button>
                     ))}
                 </div>
             </div>
@@ -198,10 +223,14 @@ export default function ChatMessage({
                         <div className="flex items-start gap-2">
                             {/* 消息内容 */}
                             <div className="flex-1 min-w-0">
-                                {isAnswer ? renderAnswerContent() : (
+                                {isAnswer ? (
+                                    <>
+                                        {renderAnswerContent()}
+                                        {!isResponding && renderSuggestedQuestions()}
+                                    </>
+                                ) : (
                                     <div>
                                         <Markdown content={content} />
-                                        {/* {renderImages(message_files)} */}
                                     </div>
                                 )}
                             </div>