From c690413df00f3b5722d49c7f0fec8bce201d4fca Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sun, 3 Dec 2023 11:50:45 +0700
Subject: [PATCH] Add status arround textarea for starting model info

---
 web/screens/Chat/MessageToolbar/index.tsx | 1 -
 web/screens/Chat/index.tsx                | 9 +++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/screens/Chat/MessageToolbar/index.tsx b/web/screens/Chat/MessageToolbar/index.tsx
index 13cea6270b..5380c7e292 100644
--- a/web/screens/Chat/MessageToolbar/index.tsx
+++ b/web/screens/Chat/MessageToolbar/index.tsx
@@ -31,7 +31,6 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
   //   [thread?.id]
   // )
   // const threadState = useAtomValue(threadStateAtom)
-
   const stopInference = async () => {
     await extensionManager
       .get<InferenceExtension>(ExtensionType.Inference)
diff --git a/web/screens/Chat/index.tsx b/web/screens/Chat/index.tsx
index a8d2ab7915..99593b75b2 100644
--- a/web/screens/Chat/index.tsx
+++ b/web/screens/Chat/index.tsx
@@ -93,6 +93,8 @@ const ChatScreen = () => {
     }
   }
 
+  console.log(stateModel, 'stateModel')
+
   return (
     <div className="flex h-full w-full">
       <div className="flex h-full w-60 flex-shrink-0 flex-col overflow-y-auto border-r border-border bg-background dark:bg-background/50">
@@ -135,6 +137,13 @@ const ChatScreen = () => {
             </div>
           )}
 
+          {stateModel.loading && (
+            <div className="mb-1 mt-2 py-2 text-center">
+              <span className="rounded-lg border border-border px-4 py-2 shadow-lg">
+                Starting model {stateModel.model}
+              </span>
+            </div>
+          )}
           {queuedMessage && (
             <div className="my-2 py-2 text-center">
               <span className="rounded-lg border border-border px-4 py-2 shadow-lg">