feat: footnote

Author: nedhmn

apps/web/components/chat-input-area.tsx

@@ -36,7 +36,7 @@ const ChatInputArea = ({
     <Textarea
       value={input}
       placeholder="How can I help with Yu-Gi-Oh! rulings?"
-      className="pr-12 py-3 min-h-[60px] max-h-[120px] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-none border-0 resize-none"
+      className="pr-12 p-5 min-h-[60px] max-h-[120px] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-none border-0 resize-none"
       disabled={isGeneratingResponse}
       autoFocus
       onChange={(event) => {

apps/web/components/chat-input.tsx

@@ -3,6 +3,7 @@
 import { UseChatHelpers } from "@ai-sdk/react";
 import ChatInputControls from "@/components/chat-input-controls";
 import ChatInputArea from "@/components/chat-input-area";
+import Footnote from "./footnote";
 
 interface ChatInputProps {
   chatHelpers: UseChatHelpers;
@@ -26,10 +27,7 @@ const ChatInput = ({ chatHelpers, input, setInput }: ChatInputProps) => {
             setInput={setInput}
           />
         </div>
-        <div className="text-muted-foreground text-xs mt-2">
-          This is an AI chatbot using RAG. It is trained on GOAT Format
-          Yu-Gi-Oh! rulings only.
-        </div>
+        <Footnote />
       </div>
     </div>
   );

apps/web/components/footnote.tsx

@@ -0,0 +1,27 @@
+const Footnote = () => {
+  return (
+    <div className="text-muted-foreground text-xs mt-2">
+      This is an AI chatbot using{" "}
+      <a
+        className="underline text-primary"
+        href="https://www.pinecone.io/learn/retrieval-augmented-generation/"
+        target="_blank"
+        rel="noreferrer"
+      >
+        RAG
+      </a>
+      . It is trained on{" "}
+      <a
+        className="underline text-primary"
+        href="https://www.goatformat.com/whatisgoat.html"
+        target="_blank"
+        rel="noreferrer"
+      >
+        GOAT Format Yu-Gi-Oh!
+      </a>{" "}
+      rulings only.
+    </div>
+  );
+};
+
+export default Footnote;