Merge branch 'main' of https://github.com/devforth/adminforth-agent

Author: NoOne7135

custom/SessionsHistory.vue

@@ -6,7 +6,7 @@
     "
   >
     <h3 :class="h3Style">{{ $t('Chat history') }}</h3>
-    <Button @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false)" :disabled="agentStore.isResponseInProgress" class="w-[360px] mx-4 my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200">
+    <Button @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" :disabled="agentStore.isResponseInProgress" class="w-[360px] mx-4 my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200">
       <IconPlusOutline class="w-5 h-5" />
       {{ $t('New chat') }}
     </Button>

custom/chat.ts

@@ -1,3 +1,16 @@
+/**
+ * This file is used to fix circular module initialization between ai and @ai-sdk/vue
+ * These files are depending on each other, but vite put them in different chunks, so they are not initialized at the same time, which causes the circular module initialization issue
+ * So I get rid of the @ai-sdk/vue only fixes are:
+ * 1) Change vite config to put these files in the same chunk
+ * 2) Get rid of the circular module initialization by moving the Chat class to this file
+ * 
+ * Maybe there is a better way to fix this issue
+ * 
+ * If you were updating "ai" package and plugin broke, probably you need to update this file as well
+ * Or resolve the circular module initialization issue in a better way
+ */
+
 import {
   AbstractChat,
   ChatInit as BaseChatInit,

custom/useAgentStore.ts

@@ -155,10 +155,14 @@ export const useAgentStore = defineStore('agent', () => {
   function openChat() {
     isChatOpen.value = true;
     nextTick(() => {
-      textInput.value?.focus();
+      focusTextInput();
     });
   }
 
+  function focusTextInput() {
+      textInput.value?.focus();
+  }
+
   function setIsChatOpen(isOpen: boolean) {
     isOpen ? openChat() : closeChat();
   }
@@ -354,5 +358,6 @@ export const useAgentStore = defineStore('agent', () => {
     setIsTeleportedToBody,
     chatWidth,
     setChatWidth,
+    focusTextInput
   }
 })