Merge main into sweep/add-loading-indicator

packages/create-llama/templates/types/streaming/nextjs/app/components/chat-section.tsx

@@ -3,6 +3,7 @@
 import { MODEL } from "@/constants";
 import { useChat } from "ai/react";
 import { ChatInput, ChatMessages } from "./ui/chat";
+import { Spinner } from 'react-bootstrap';
 
 export default function ChatSection() {
   const {
@@ -30,6 +31,7 @@ export default function ChatSection() {
         isLoading={isLoading}
         multiModal={MODEL === "gpt-4-vision-preview"}
       />
+      {isLoading && <Spinner animation="border" role="status"><span className="sr-only">Loading...</span></Spinner>}
     </div>
   );
 }