@adminforth/agent 1.43.12 → 1.43.14

package/build.log

@@ -60,5 +60,5 @@ custom/speech_recognition_frontend/voiceActivityDetection.ts
 custom/speech_recognition_frontend/types/
 custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
 
-sent 1,664,000 bytes  received 883 bytes  3,329,766.00 bytes/sec
-total size is 1,659,985  speedup is 1.00
+sent 1,664,782 bytes  received 883 bytes  3,331,330.00 bytes/sec
+total size is 1,660,823  speedup is 1.00

package/custom/composables/agentAudio/utils.ts

@@ -1,3 +1,5 @@
+import { loadFile } from '@/utils';
+
 const ctx = new AudioContext();
 let standbySource: AudioBufferSourceNode | null = null;
 let isAudioUnlocked = false;
@@ -37,7 +39,7 @@ export async function unlockAudio() {
 
 export async function startStandByAudio() {
   const response = await fetch(
-    `${import.meta.env.VITE_ADMINFORTH_PUBLIC_PATH}/plugins/AdminForthAgentPlugin/agentAudio/agent-processing.mp3`
+    loadFile('plugins/AdminForthAgentPlugin/agentAudio/agent-processing.mp3')
   );
 
   const arrayBuffer = await response.arrayBuffer();

package/custom/conversation_area/ConversationArea.vue

@@ -68,13 +68,14 @@
 
 <script setup lang="ts">
 import type { IMessage } from '../types';
-import { useTemplateRef, ref, onMounted, onUnmounted, watch, nextTick } from 'vue';
+import { useTemplateRef, ref, onMounted, onUnmounted, watch, nextTick, defineAsyncComponent } from 'vue';
 import { IconArrowDownOutline } from '@iconify-prerendered/vue-flowbite';
 import SessionsHistory from '../SessionsHistory.vue';
 import { useAgentStore } from '../composables/useAgentStore';
 import { useAgentTransitions } from '../composables/useAgentTransitions';
 import MessageRenderer from './MessageRenderer.vue';
-import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
+
+const CustomAutoScrollContainer = defineAsyncComponent(() => import('../CustomAutoScrollContainer.vue'));
 
 const props = defineProps<{
   messages: IMessage[]

package/custom/conversation_area/ProcessingTimeline.vue

@@ -1,12 +1,22 @@
 <template>
-  <template v-if="ToolOrReasoningParts.length > 0 || isResponseInProgress || showFakeThinkingMessage">
+  <template v-if="ToolOrReasoningParts.length > 0 || inProgress">
     <div 
-      class="ml-2 px-4 flex items-center gap-1 cursor-pointer select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
+      class="shine-text-container ml-2 px-4 flex items-center gap-1 cursor-pointer select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
       @click="isExpanded = !isExpanded"
     >
-      {{ $t('Thoughts') }}
+      <p 
+        :class="[
+          inProgress ? `
+            shine-text text-listTableHeadingText dark:text-darkListTableHeadingText 
+            bg-[linear-gradient(-65deg,currentColor,_rgb(120,120,120)_50%,currentColor)] 
+            dark:bg-[linear-gradient(-65deg,currentColor,_rgb(250,250,250,0.8)_70%,currentColor)]
+            ` 
+          : '']"
+      >
+        {{ $t('Thoughts') }} 
+      </p>
       <span v-if="thinkingDuration > 0">({{ (thinkingDuration/1000).toFixed(2) }} s)</span>
-      <ThreeDotsAnimation v-if="isResponseInProgress || showFakeThinkingMessage" />
+      <!-- <ThreeDotsAnimation v-if="inProgress" /> -->
       <IconAngleDownOutline 
         :class="isExpanded ? 'rotate-180' : 'rotate-0'"
         class="transition-transform duration-200"
@@ -40,14 +50,15 @@
 
 <script setup lang="ts">
   import type { IFormattedToolCallPart, IMessage, IPart, IToolGroup } from '../types';
-  import { ref, computed, watch, onUnmounted, onMounted } from 'vue';
+  import { ref, computed, watch, onUnmounted, onMounted, defineAsyncComponent } from 'vue';
   import ReasoningRenderer from './ReasoningRenderer.vue';
   import { IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
   import ThreeDotsAnimation from './ThreeDotsAnimation.vue';
   import { useAgentStore } from '../composables/useAgentStore';
   import { getMessageParts } from '../utils';
   import ToolsGroup from './ToolsGroup.vue';
-  import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
+
+  const CustomAutoScrollContainer = defineAsyncComponent(() => import('../CustomAutoScrollContainer.vue'));
 
   const props = defineProps<{
     message: IMessage
@@ -73,6 +84,10 @@
     return false;
   })
 
+  const inProgress = computed(() => {
+    return isResponseInProgress.value || showFakeThinkingMessage.value;
+  })
+
   onMounted(() => {
     thinkingStartTime.value = Date.now();
     if (isResponseInProgress.value) {
@@ -224,5 +239,24 @@
       max-height: 192px;
     }
   }
- 
+
+
+.shine-text {
+
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-position: -12rem;
+}
+
+.shine-text {
+  animation: shineText 6s infinite linear;
+}
+
+@keyframes shineText {
+  to {
+    background-position: -100%;
+  }
+}
+
 </style>

package/dist/custom/composables/agentAudio/utils.ts

@@ -1,3 +1,5 @@
+import { loadFile } from '@/utils';
+
 const ctx = new AudioContext();
 let standbySource: AudioBufferSourceNode | null = null;
 let isAudioUnlocked = false;
@@ -37,7 +39,7 @@ export async function unlockAudio() {
 
 export async function startStandByAudio() {
   const response = await fetch(
-    `${import.meta.env.VITE_ADMINFORTH_PUBLIC_PATH}/plugins/AdminForthAgentPlugin/agentAudio/agent-processing.mp3`
+    loadFile('plugins/AdminForthAgentPlugin/agentAudio/agent-processing.mp3')
   );
 
   const arrayBuffer = await response.arrayBuffer();

package/dist/custom/conversation_area/ConversationArea.vue

@@ -68,13 +68,14 @@
 
 <script setup lang="ts">
 import type { IMessage } from '../types';
-import { useTemplateRef, ref, onMounted, onUnmounted, watch, nextTick } from 'vue';
+import { useTemplateRef, ref, onMounted, onUnmounted, watch, nextTick, defineAsyncComponent } from 'vue';
 import { IconArrowDownOutline } from '@iconify-prerendered/vue-flowbite';
 import SessionsHistory from '../SessionsHistory.vue';
 import { useAgentStore } from '../composables/useAgentStore';
 import { useAgentTransitions } from '../composables/useAgentTransitions';
 import MessageRenderer from './MessageRenderer.vue';
-import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
+
+const CustomAutoScrollContainer = defineAsyncComponent(() => import('../CustomAutoScrollContainer.vue'));
 
 const props = defineProps<{
   messages: IMessage[]

package/dist/custom/conversation_area/ProcessingTimeline.vue

@@ -1,12 +1,22 @@
 <template>
-  <template v-if="ToolOrReasoningParts.length > 0 || isResponseInProgress || showFakeThinkingMessage">
+  <template v-if="ToolOrReasoningParts.length > 0 || inProgress">
     <div 
-      class="ml-2 px-4 flex items-center gap-1 cursor-pointer select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
+      class="shine-text-container ml-2 px-4 flex items-center gap-1 cursor-pointer select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
       @click="isExpanded = !isExpanded"
     >
-      {{ $t('Thoughts') }}
+      <p 
+        :class="[
+          inProgress ? `
+            shine-text text-listTableHeadingText dark:text-darkListTableHeadingText 
+            bg-[linear-gradient(-65deg,currentColor,_rgb(120,120,120)_50%,currentColor)] 
+            dark:bg-[linear-gradient(-65deg,currentColor,_rgb(250,250,250,0.8)_70%,currentColor)]
+            ` 
+          : '']"
+      >
+        {{ $t('Thoughts') }} 
+      </p>
       <span v-if="thinkingDuration > 0">({{ (thinkingDuration/1000).toFixed(2) }} s)</span>
-      <ThreeDotsAnimation v-if="isResponseInProgress || showFakeThinkingMessage" />
+      <!-- <ThreeDotsAnimation v-if="inProgress" /> -->
       <IconAngleDownOutline 
         :class="isExpanded ? 'rotate-180' : 'rotate-0'"
         class="transition-transform duration-200"
@@ -40,14 +50,15 @@
 
 <script setup lang="ts">
   import type { IFormattedToolCallPart, IMessage, IPart, IToolGroup } from '../types';
-  import { ref, computed, watch, onUnmounted, onMounted } from 'vue';
+  import { ref, computed, watch, onUnmounted, onMounted, defineAsyncComponent } from 'vue';
   import ReasoningRenderer from './ReasoningRenderer.vue';
   import { IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
   import ThreeDotsAnimation from './ThreeDotsAnimation.vue';
   import { useAgentStore } from '../composables/useAgentStore';
   import { getMessageParts } from '../utils';
   import ToolsGroup from './ToolsGroup.vue';
-  import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
+
+  const CustomAutoScrollContainer = defineAsyncComponent(() => import('../CustomAutoScrollContainer.vue'));
 
   const props = defineProps<{
     message: IMessage
@@ -73,6 +84,10 @@
     return false;
   })
 
+  const inProgress = computed(() => {
+    return isResponseInProgress.value || showFakeThinkingMessage.value;
+  })
+
   onMounted(() => {
     thinkingStartTime.value = Date.now();
     if (isResponseInProgress.value) {
@@ -224,5 +239,24 @@
       max-height: 192px;
     }
   }
- 
+
+
+.shine-text {
+
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-position: -12rem;
+}
+
+.shine-text {
+  animation: shineText 6s infinite linear;
+}
+
+@keyframes shineText {
+  to {
+    background-position: -100%;
+  }
+}
+
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/agent",
-  "version": "1.43.12",
+  "version": "1.43.14",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",