@adminforth/agent 1.18.1 → 1.18.3

package/build.log

@@ -32,5 +32,5 @@ custom/skills/fetch_data/SKILL.md
 custom/skills/mutate_data/
 custom/skills/mutate_data/SKILL.md
 
-sent 186,137 bytes  received 455 bytes  373,184.00 bytes/sec
-total size is 184,285  speedup is 0.99
+sent 187,006 bytes  received 455 bytes  374,922.00 bytes/sec
+total size is 185,154  speedup is 0.99

package/custom/ConversationArea.vue

@@ -37,9 +37,8 @@
       class="flex flex-col w-full"
       :class="message.role === 'user' ? 'self-end' : 'self-start'"
     >
-      <ToolsGroup :toolGroup="groupToolCallParts(message)" />
       <template 
-        v-for="part in getParts(message)"
+        v-for="(part, index) in getParts(message)"
         :key="part.type"
       >
         <Message
@@ -52,6 +51,7 @@
           @toggle-thoughts="() => clicks++"
         >
         </Message>
+        <ToolsGroup v-else :toolGroup="groupToolCallParts(message, index, part)" />
       </template>
     </div>
     <!-- Show a placeholder message if the last message is not of type 'text' or 'reasoning' -->
@@ -154,27 +154,39 @@ const formatToolCallTextPart = ((part: IPart, currentMessage: IMessage) => {
   return null;  
 });
 
-const groupToolCallParts = (message: IMessage) => {
-  const groupedParts = [];
-  let currentToolName = null;
+const groupToolCallParts = (message: IMessage, currentPartIndex: number, currentPart: IPart) => {
+  const groupedParts: { title: string; groupedTools: IPart[] }[] = [];
+  let currentToolName: string | null = null;
   const parts = getParts(message);
   if (!parts) return [];
   const formatedToolParts = parts.map(part => {
     return formatToolCallTextPart(part as IPart, message)
   });
+  const currentPartIndexInFormatedParts = formatedToolParts.findIndex(part => part?.toolInfo?.toolCallId === currentPart.data?.toolCallId);
+  if (currentPartIndexInFormatedParts === -1) {
+    return [];
+  }
   for( const[index, part] of formatedToolParts.entries()){
-    if(!part?.toolInfo) {
+    if ( index < currentPartIndexInFormatedParts - 1 ) {
       continue;
     }
-    if (part.toolInfo.toolName === currentToolName) {
-      groupedParts[groupedParts.length - 1].groupedTools.push(part);
+    if(!part || !part.toolInfo) {
       continue;
     }
     currentToolName = part.toolInfo.toolName;
-    groupedParts.push({
-      title: currentToolName,
-      groupedTools: [part]
-    });
+    if (!groupedParts.find(group => group.title === currentToolName)) {
+      groupedParts.push({
+        title: currentToolName,
+        groupedTools: []
+      })
+    }
+    if( formatedToolParts[currentPartIndexInFormatedParts - 1]?.toolInfo.toolName === part.toolInfo.toolName) {
+      continue;
+    } else if ( formatedToolParts[currentPartIndexInFormatedParts + 1]?.toolInfo.toolName === part.toolInfo.toolName) {
+      groupedParts[groupedParts.length - 1].groupedTools.push(formatedToolParts[currentPartIndexInFormatedParts + 1] as IPart);
+    } else {
+      groupedParts[groupedParts.length - 1].groupedTools.push(part);
+    }
   }  
   return groupedParts;
 }

package/custom/ToolRenderer.vue

@@ -31,12 +31,12 @@
           :key="section.label"
           class="overflow-hidden rounded-xl border border-black/5 bg-white/70 shadow-sm backdrop-blur-sm dark:border-white/10 dark:bg-slate-900/50"
         >
-          <header class="border-b border-black/5 px-3 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-gray-500 dark:border-white/10 dark:text-gray-400">
+          <header class="border-b border-black/5 px-3 py-2 text-[0.7rem] font-semibold uppercase tracking-[0.22em] text-gray-500 dark:border-white/10 dark:text-gray-400">
             {{ section.label }}
           </header>
           <div class="grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 px-3 py-3 font-mono text-xs leading-5 text-gray-700 dark:text-gray-200">
             <template v-for="line in section.lines" :key="`${section.label}-${line.number}`">
-              <span class="select-none text-[11px] text-gray-400 dark:text-gray-500">{{ line.number }}</span>
+              <span class="select-none text-[0.7rem] text-gray-400 dark:text-gray-500">{{ line.number }}</span>
               <span class="whitespace-pre-wrap break-words">{{ line.content || ' ' }}</span>
             </template>
           </div>

package/custom/ToolsGroup.vue

@@ -15,7 +15,7 @@
         </div>
       </transition>
     </div>
-    <ToolRenderer v-else :data="group.groupedTools[0]" />
+    <ToolRenderer v-else-if="group.groupedTools.length > 0" :data="group.groupedTools[0]" />
   </template> 
 
 </template>

package/dist/custom/ConversationArea.vue

@@ -37,9 +37,8 @@
       class="flex flex-col w-full"
       :class="message.role === 'user' ? 'self-end' : 'self-start'"
     >
-      <ToolsGroup :toolGroup="groupToolCallParts(message)" />
       <template 
-        v-for="part in getParts(message)"
+        v-for="(part, index) in getParts(message)"
         :key="part.type"
       >
         <Message
@@ -52,6 +51,7 @@
           @toggle-thoughts="() => clicks++"
         >
         </Message>
+        <ToolsGroup v-else :toolGroup="groupToolCallParts(message, index, part)" />
       </template>
     </div>
     <!-- Show a placeholder message if the last message is not of type 'text' or 'reasoning' -->
@@ -154,27 +154,39 @@ const formatToolCallTextPart = ((part: IPart, currentMessage: IMessage) => {
   return null;  
 });
 
-const groupToolCallParts = (message: IMessage) => {
-  const groupedParts = [];
-  let currentToolName = null;
+const groupToolCallParts = (message: IMessage, currentPartIndex: number, currentPart: IPart) => {
+  const groupedParts: { title: string; groupedTools: IPart[] }[] = [];
+  let currentToolName: string | null = null;
   const parts = getParts(message);
   if (!parts) return [];
   const formatedToolParts = parts.map(part => {
     return formatToolCallTextPart(part as IPart, message)
   });
+  const currentPartIndexInFormatedParts = formatedToolParts.findIndex(part => part?.toolInfo?.toolCallId === currentPart.data?.toolCallId);
+  if (currentPartIndexInFormatedParts === -1) {
+    return [];
+  }
   for( const[index, part] of formatedToolParts.entries()){
-    if(!part?.toolInfo) {
+    if ( index < currentPartIndexInFormatedParts - 1 ) {
       continue;
     }
-    if (part.toolInfo.toolName === currentToolName) {
-      groupedParts[groupedParts.length - 1].groupedTools.push(part);
+    if(!part || !part.toolInfo) {
       continue;
     }
     currentToolName = part.toolInfo.toolName;
-    groupedParts.push({
-      title: currentToolName,
-      groupedTools: [part]
-    });
+    if (!groupedParts.find(group => group.title === currentToolName)) {
+      groupedParts.push({
+        title: currentToolName,
+        groupedTools: []
+      })
+    }
+    if( formatedToolParts[currentPartIndexInFormatedParts - 1]?.toolInfo.toolName === part.toolInfo.toolName) {
+      continue;
+    } else if ( formatedToolParts[currentPartIndexInFormatedParts + 1]?.toolInfo.toolName === part.toolInfo.toolName) {
+      groupedParts[groupedParts.length - 1].groupedTools.push(formatedToolParts[currentPartIndexInFormatedParts + 1] as IPart);
+    } else {
+      groupedParts[groupedParts.length - 1].groupedTools.push(part);
+    }
   }  
   return groupedParts;
 }

package/dist/custom/ToolRenderer.vue

@@ -31,12 +31,12 @@
           :key="section.label"
           class="overflow-hidden rounded-xl border border-black/5 bg-white/70 shadow-sm backdrop-blur-sm dark:border-white/10 dark:bg-slate-900/50"
         >
-          <header class="border-b border-black/5 px-3 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-gray-500 dark:border-white/10 dark:text-gray-400">
+          <header class="border-b border-black/5 px-3 py-2 text-[0.7rem] font-semibold uppercase tracking-[0.22em] text-gray-500 dark:border-white/10 dark:text-gray-400">
             {{ section.label }}
           </header>
           <div class="grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 px-3 py-3 font-mono text-xs leading-5 text-gray-700 dark:text-gray-200">
             <template v-for="line in section.lines" :key="`${section.label}-${line.number}`">
-              <span class="select-none text-[11px] text-gray-400 dark:text-gray-500">{{ line.number }}</span>
+              <span class="select-none text-[0.7rem] text-gray-400 dark:text-gray-500">{{ line.number }}</span>
               <span class="whitespace-pre-wrap break-words">{{ line.content || ' ' }}</span>
             </template>
           </div>

package/dist/custom/ToolsGroup.vue

@@ -15,7 +15,7 @@
         </div>
       </transition>
     </div>
-    <ToolRenderer v-else :data="group.groupedTools[0]" />
+    <ToolRenderer v-else-if="group.groupedTools.length > 0" :data="group.groupedTools[0]" />
   </template> 
 
 </template>

package/package.json

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