Add status arround textarea for starting model info

janhq · Dec 3, 2023 · c690413 · c690413
1 parent 4921d20
commit c690413
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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">