nit: remove input accessories that dont exist yet

web/app/_components/BasicPromptAccessories/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useSetAtom } from "jotai";
-import { FaceSmileIcon } from "@heroicons/react/24/outline";
+import { InformationCircleIcon } from "@heroicons/react/24/outline";
 import SendButton from "../SendButton";
 import { showingAdvancedPromptAtom } from "@/_helpers/atoms/Modal.atom";
 
@@ -12,19 +12,17 @@ const BasicPromptAccessories: React.FC = () => {
 
   return (
     <div className="absolute inset-x-0 bottom-0 flex justify-between py-2 pl-3 pr-2">
-      {/* Emoji */}
+      {/* Add future accessories here, e.g upload a file */}
       <div className="flex items-center space-x-5">
         <div className="flex items-center">
-          <button
+          {/* <button
             type="button"
             className="-m-2.5 flex h-10 w-10 items-center justify-center rounded-full text-gray-400 hover:text-gray-500"
           >
-            <FaceSmileIcon className="h-5 w-5" aria-hidden="true" />
-            <span className="sr-only">Attach a file</span>
-          </button>
+            <InformationCircleIcon className="h-5 w-5" aria-hidden="true" />
+          </button> */}
         </div>
       </div>
-      {/* send buton */}
       <div className="flex-shrink-0">
         <SendButton />
       </div>

web/app/_components/BasicPromptInput/index.tsx

@@ -51,7 +51,8 @@ const BasicPromptInput: React.FC = () => {
   };
 
   // Auto adjust textarea height based on content
-  const MAX_ROWS = 10;
+  const MAX_ROWS = 30;
+
   const adjustTextareaHeight = () => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto"; // 1 row