fix: AI 对话中的链接未正确的使用外部浏览器打开

Author: codexu

src/app/core/record/chat/chat-input.tsx

@@ -265,7 +265,7 @@ ${ragContext}
     <footer className="relative flex flex-col border rounded-xl p-2 gap-2 mb-2 lg:w-[calc(100%-1rem)] w-full">
       <div className="relative w-full flex items-start">
         <Textarea
-          className="flex-1 p-2 relative border-none text-xs placeholder:text-xs lg:text-sm focus-visible:ring-0 shadow-none min-h-[36px] max-h-[240px] resize-none overflow-y-auto"
+          className="flex-1 p-2 relative border-none text-xs placeholder:text-xs lg:placeholder:text-sm lg:text-sm focus-visible:ring-0 shadow-none min-h-[36px] max-h-[240px] resize-none overflow-y-auto"
           rows={1}
           disabled={!apiKey || loading}
           value={text}

src/app/core/record/chat/chat-preview.tsx

@@ -1,8 +1,6 @@
 import useSettingStore from "@/stores/setting";
 import React, { useEffect, useRef, useState } from 'react';
 import { useTheme } from 'next-themes'
-import useChatStore from '@/stores/chat';
-import { debounce } from 'lodash-es'
 import MarkdownIt from 'markdown-it';
 import hljs from 'highlight.js/lib/core';
 import javascript from 'highlight.js/lib/languages/javascript';
@@ -31,7 +29,6 @@ export default function ChatPreview({text}: {text: string, themeReverse?: boolea
   const { theme } = useTheme()
   const [mdTheme, setMdTheme] = useState<ThemeType>('light')
   const { codeTheme } = useSettingStore()
-  const { chats } = useChatStore()
   const [htmlContent, setHtmlContent] = useState<string>('');
 
   const md = useRef<MarkdownIt | null>(null);
@@ -57,6 +54,13 @@ export default function ChatPreview({text}: {text: string, themeReverse?: boolea
              '</code></pre>';
     }
     });
+
+    md.current.renderer.rules.link_open = function (tokens, idx, options, env, self) {
+      tokens[idx].attrSet('target', '_blank');
+      tokens[idx].attrSet('rel', 'noopener noreferrer');
+      return self.renderToken(tokens, idx, options);
+    }
+    
 
     // Re-render content when instance is updated
     if (text) {
@@ -73,24 +77,6 @@ export default function ChatPreview({text}: {text: string, themeReverse?: boolea
     }
   }, [text]);
 
-  function bindPreviewLink() {
-    setTimeout(() => {
-      const previewContent = previewRef.current;
-      if (!previewContent) return;
-      
-      previewContent.querySelectorAll('a').forEach(item => {
-        item.setAttribute('target', '_blank')
-        item.setAttribute('rel', 'noopener noreferrer')
-      });
-    }, 100);
-  }
-
-  const bindPreviewLinkDebounce = debounce(bindPreviewLink, 1000)
-
-  useEffect(() => {
-    bindPreviewLinkDebounce()
-  }, [chats, htmlContent])
-
   useEffect(() => {
     if (theme === 'system') {
       if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {