@adminforth/agent 1.52.4 → 1.52.6

package/build.log

@@ -63,5 +63,5 @@ custom/speech_recognition_frontend/voiceActivityDetection.ts
 custom/speech_recognition_frontend/types/
 custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
 
-sent 1,682,974 bytes  received 940 bytes  3,367,828.00 bytes/sec
-total size is 1,678,746  speedup is 1.00
+sent 1,683,211 bytes  received 940 bytes  3,368,302.00 bytes/sec
+total size is 1,679,042  speedup is 1.00

package/custom/composables/agentStore/useAgentChat.ts

@@ -197,6 +197,7 @@ export function createAgentChatManager({
         }),
         onError(error: unknown) {
           console.error('Chat error:', error);
+          appendTextDelta(`Error: ${error instanceof Error ? error.message : String(error)}`);
         },
         onData: handleRealtimeChatData,
       });

package/custom/conversation_area/ProcessingTimeline.vue

@@ -1,7 +1,8 @@
 <template>
   <template v-if="ToolOrReasoningParts.length > 0 || inProgress">
     <div 
-      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"
+      class="shine-text-container ml-2 px-4 flex items-center gap-1 select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
+      :class="[ToolOrReasoningParts.length > 0 ? 'cursor-pointer' : '']"
       @click="isExpanded = !isExpanded"
     >
       <p 
@@ -13,11 +14,12 @@
             ` 
           : '']"
       >
-        {{ $t('Thoughts') }} 
+        {{ inProgress ? $t('Thinking') : $t('Thoughts') }} 
       </p>
+      
       <span v-if="thinkingDuration > 0">({{ (thinkingDuration/1000).toFixed(2) }} s)</span>
-      <!-- <ThreeDotsAnimation v-if="inProgress" /> -->
       <IconAngleDownOutline 
+        v-if="ToolOrReasoningParts.length > 0"
         :class="isExpanded ? 'rotate-180' : 'rotate-0'"
         class="transition-transform duration-200"
       />
@@ -38,7 +40,7 @@
         <ol class="ml-8 my-2 relative border-l border-l-2 border-black border-default border-listTableHeadingText dark:border-darkListTableHeadingText">
           <template v-for="(part, index) in ToolOrReasoningParts" :key="index">
             <ReasoningRenderer v-if="part.type === 'reasoning'" :state="part.state" :text="part.text" />
-            <ToolsGroup v-else-if="part.type==='data-tool-call'" :toolGroup="groupToolCallParts(message, part)" />
+            <ToolsGroup v-else-if="part.type==='data-tool-call'" :toolGroup="groupToolCallParts(message, part)" :isExpanded="isExpanded" />
             <li v-else-if="part.type === 'data-rendering'" class="mb-6 mx-2 mt-2 px-2 z-50 overflow-hidden">
               <span class="bg-lightNavbar dark:bg-darkNavbar absolute flex items-center text-listTableHeadingText dark:text-darkListTableHeadingText justify-center w-5 h-5 rounded-full -start-[0.68rem] ring-4 ring-lightNavbar dark:ring-darkNavbar">
                 <div class="w-2 h-2 rounded-full bg-current animate-pulse"></div>

package/custom/conversation_area/ToolRenderer.vue

@@ -59,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, ref, watch, onMounted } from 'vue';
+  import { computed, ref, watch, onMounted, nextTick } from 'vue';
   import { type IFormattedToolCallPart } from '../types';
   import { Spinner } from '@/afcl';
   import { IconAngleDownOutline, IconCheckOutline, IconCloseOutline } from '@iconify-prerendered/vue-flowbite';
@@ -109,7 +109,8 @@
   });
   const hasToolSections = computed(() => toolSections.value.length > 0);
 
-  onMounted(() => {
+  onMounted(async () => {
+    await nextTick();
     if (toolRendererRef.value && props.data.toolInfo) {
       toolRendererInitialWidth.value = toolRendererRef.value.offsetWidth;
     }

package/custom/conversation_area/ToolsGroup.vue

@@ -13,7 +13,8 @@
       </h3>
       <div class="flex flex-wrap">
         <template v-for="group in props.toolGroup" :key="group.title">
-          <ToolRenderer 
+          <ToolRenderer
+            v-if="isExpanded" 
             v-for="part in group.groupedTools" 
             :key="part.toolInfo.toolCallId" 
             :data="part"
@@ -31,6 +32,7 @@ import { IconWrenchSolid } from '@iconify-prerendered/vue-heroicons';
 
 const props = defineProps<{
   toolGroup: IToolGroup[]
+  isExpanded: boolean
 }>();
 
 </script>

package/dist/custom/composables/agentStore/useAgentChat.ts

@@ -197,6 +197,7 @@ export function createAgentChatManager({
         }),
         onError(error: unknown) {
           console.error('Chat error:', error);
+          appendTextDelta(`Error: ${error instanceof Error ? error.message : String(error)}`);
         },
         onData: handleRealtimeChatData,
       });

package/dist/custom/conversation_area/ProcessingTimeline.vue

@@ -1,7 +1,8 @@
 <template>
   <template v-if="ToolOrReasoningParts.length > 0 || inProgress">
     <div 
-      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"
+      class="shine-text-container ml-2 px-4 flex items-center gap-1 select-none hover:opacity-80 tracking-wide font-medium text-sm text-listTableHeadingText dark:text-darkListTableHeadingText"
+      :class="[ToolOrReasoningParts.length > 0 ? 'cursor-pointer' : '']"
       @click="isExpanded = !isExpanded"
     >
       <p 
@@ -13,11 +14,12 @@
             ` 
           : '']"
       >
-        {{ $t('Thoughts') }} 
+        {{ inProgress ? $t('Thinking') : $t('Thoughts') }} 
       </p>
+      
       <span v-if="thinkingDuration > 0">({{ (thinkingDuration/1000).toFixed(2) }} s)</span>
-      <!-- <ThreeDotsAnimation v-if="inProgress" /> -->
       <IconAngleDownOutline 
+        v-if="ToolOrReasoningParts.length > 0"
         :class="isExpanded ? 'rotate-180' : 'rotate-0'"
         class="transition-transform duration-200"
       />
@@ -38,7 +40,7 @@
         <ol class="ml-8 my-2 relative border-l border-l-2 border-black border-default border-listTableHeadingText dark:border-darkListTableHeadingText">
           <template v-for="(part, index) in ToolOrReasoningParts" :key="index">
             <ReasoningRenderer v-if="part.type === 'reasoning'" :state="part.state" :text="part.text" />
-            <ToolsGroup v-else-if="part.type==='data-tool-call'" :toolGroup="groupToolCallParts(message, part)" />
+            <ToolsGroup v-else-if="part.type==='data-tool-call'" :toolGroup="groupToolCallParts(message, part)" :isExpanded="isExpanded" />
             <li v-else-if="part.type === 'data-rendering'" class="mb-6 mx-2 mt-2 px-2 z-50 overflow-hidden">
               <span class="bg-lightNavbar dark:bg-darkNavbar absolute flex items-center text-listTableHeadingText dark:text-darkListTableHeadingText justify-center w-5 h-5 rounded-full -start-[0.68rem] ring-4 ring-lightNavbar dark:ring-darkNavbar">
                 <div class="w-2 h-2 rounded-full bg-current animate-pulse"></div>

package/dist/custom/conversation_area/ToolRenderer.vue

@@ -59,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, ref, watch, onMounted } from 'vue';
+  import { computed, ref, watch, onMounted, nextTick } from 'vue';
   import { type IFormattedToolCallPart } from '../types';
   import { Spinner } from '@/afcl';
   import { IconAngleDownOutline, IconCheckOutline, IconCloseOutline } from '@iconify-prerendered/vue-flowbite';
@@ -109,7 +109,8 @@
   });
   const hasToolSections = computed(() => toolSections.value.length > 0);
 
-  onMounted(() => {
+  onMounted(async () => {
+    await nextTick();
     if (toolRendererRef.value && props.data.toolInfo) {
       toolRendererInitialWidth.value = toolRendererRef.value.offsetWidth;
     }

package/dist/custom/conversation_area/ToolsGroup.vue

@@ -13,7 +13,8 @@
       </h3>
       <div class="flex flex-wrap">
         <template v-for="group in props.toolGroup" :key="group.title">
-          <ToolRenderer 
+          <ToolRenderer
+            v-if="isExpanded" 
             v-for="part in group.groupedTools" 
             :key="part.toolInfo.toolCallId" 
             :data="part"
@@ -31,6 +32,7 @@ import { IconWrenchSolid } from '@iconify-prerendered/vue-heroicons';
 
 const props = defineProps<{
   toolGroup: IToolGroup[]
+  isExpanded: boolean
 }>();
 
 </script>

package/package.json

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

package/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+allowBuilds:
+  adminforth: true
+minimumReleaseAgeExclude:
+  - adminforth@3.0.1