add web-version chatbot

Author: etrobot

components/chat-message.tsx

@@ -10,6 +10,7 @@ import { CodeBlock } from '@/components/ui/codeblock'
 import { MemoizedReactMarkdown } from '@/components/markdown'
 import { IconOpenAI, IconUser } from '@/components/ui/icons'
 import { ChatMessageActions } from '@/components/chat-message-actions'
+import rehypeExternalLinks from "rehype-external-links";
 
 export interface ChatMessageProps {
   message: Message
@@ -35,6 +36,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
         <MemoizedReactMarkdown
           // className="prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0"
           remarkPlugins={[remarkGfm, remarkMath]}
+          rehypePlugins={[[rehypeExternalLinks, { target: "_blank" }]]}
           components={{
             p({ children }) {
               return <p className="mb-2 last:mb-0">{children}</p>

components/header.tsx

@@ -17,7 +17,7 @@ import { useRouter } from 'next/navigation'
 //   TabsList,
 //   TabsTrigger,
 // } from "@/components/ui/tabs"
-// import Link from 'next/link'
+import Link from 'next/link'
 import { useLocalStorage } from '@/lib/hooks/use-local-storage'
 import {
   Dialog,
@@ -61,7 +61,7 @@ export default function Header() {
       </SidebarMobile>
       <div className="hidden md:flex"> ▲ Next.js × Langchain.js 🦜🔗</div>
       <div className="flex items-center mx-auto">
-        <span className='title font-bold'>AICube.fun</span>
+        <Link target='_blank' href={"https://aicube.fun"} className='title font-bold'>AICube.fun</Link>
         {/* <Tabs defaultValue="account" className="w-[200px]">
           <TabsList className="grid w-full grid-cols-2">
             <TabsTrigger value="account"><Link href="/">Chat</Link></TabsTrigger>

package.json

@@ -53,6 +53,7 @@
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-textarea-autosize": "^8.5.3",
+    "rehype-external-links": "^3.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "tailwind-merge": "^2.2.1",