chore: progress-updating-tools-history[7]

Author: yaroslav8765

custom/conversation_area/Message.vue

@@ -5,7 +5,7 @@
     :class="[
       hasVegaLite ? 'w-full' : '',
       props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end' 
-        : 'bg-blue-100 dark:bg-blue-700/10 self-start'
+        : 'border-none self-start'
     ]"
   >
     <IncremarkContent

custom/conversation_area/TextRenderer.vue

@@ -1,30 +1,30 @@
 <template>
   <div 
-    class="border py-1 w-64 max-w-64 inline-flex items-center justify-center m-2 flex-col gap-3 rounded-xl px-2 cursor-pointer text-lightListTableHeadingText dark:text-darkListTableHeadingText hover:opacity-75"         
+    class="border py-1 inline-flex items-center justify-center m-2 flex-col gap-3 rounded-xl px-2 text-lightListTableHeadingText dark:text-darkListTableHeadingText select-none "         
     @click="isInputOutputExpanded = !isInputOutputExpanded"
   >
-    <div class="flex items-center gap-3">
+    <div class="flex items-center gap-1">
       <div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-white/70 dark:bg-blue-700/20">
         <Spinner v-if="isRunning" class="h-4 w-4" />
         <IconCheckOutline v-else class="h-4 w-4 text-lightPrimary dark:text-darkPrimary" />
       </div>
 
       <div class="min-w-0">
-        <p class="text-xs text-gray-500 dark:text-gray-400 font-bold">
+        <!-- <p class="text-xs text-gray-500 dark:text-gray-400 font-bold">
           {{ statusLabel }}
           <span v-if="props.data?.toolInfo?.durationMs" class="text-xs">({{ (props.data.toolInfo.durationMs / 1000).toFixed(2) }}s)</span>
-        </p>
+        </p> -->
         <p class="break-all font-mono text-sm leading-5">
           {{ props.data?.toolInfo?.toolName }}
         </p>
       </div>
-      <IconAngleDownOutline
+      <!-- <IconAngleDownOutline
         v-if="hasToolSections"
         :class="isInputOutputExpanded ? 'rotate-180' : 'rotate-0'"
         class="cursor-pointer transition-transform duration-200 hover:scale-105"
-      />
+      /> -->
     </div>
-    <transition name="expand">
+    <!-- <transition name="expand">
       <div v-if="isInputOutputExpanded" v-show="isInputOutputExpanded" class="max-h-72 space-y-3 overflow-y-auto pr-1">
         <section
           v-for="section in toolSections"
@@ -42,7 +42,7 @@
           </div>
         </section>
       </div>
-    </transition>
+    </transition> -->
   </div>
 </template>
 

custom/conversation_area/ToolRenderer.vue

@@ -15,25 +15,24 @@
     <template v-for="group in props.toolGroup" :key="group.title">
       <template v-if="group.groupedTools.length > 1">
         <div
-          v-if="!expandedGroups.includes(group.title)" 
-          class="max-w-64 w-auto flex items-center gap-2 px-2 m-2 py-2.5 cursor-pointer 
-            hover:opacity-75 break-all font-mono text-sm leading-5
+          class="max-w-64 w-auto flex items-center gap-2 px-2 m-2 py-1  
+            break-all font-mono text-sm leading-5 select-none 
             text-lightListTableHeadingText dark:text-darkListTableHeadingText
-            items-center justify-center
+            items-center justify-center border rounded-xl
           " 
           :class="!expandedGroups.includes(group.title) ? 'border rounded-xl' : ''"
           @click="toggleGroup(group.title)"
         >
           <IconCheckOutline  class="w-6 h-6 p-1"/> 
           {{ group.title }} {{ 'x' + group.groupedTools.length }} 
-          <IconAngleDownOutline 
+          <!-- <IconAngleDownOutline 
             class="transition-transform duration-200 hover:scale-105 hover:opacity-75"
             :class="expandedGroups.includes(group.title) ? 'rotate-180' : 'rotate-0'"
-          />
+          /> -->
         </div>
         <!-- <transition name="expand">
           <div v-show="expandedGroups.includes(group.title)" class="flex flex-wrap gap-1">  -->
-            <ToolRenderer v-if="expandedGroups.includes(group.title)" v-for="part in group.groupedTools" :key="part.toolInfo.toolCallId" :data="part"/>
+            <!-- <ToolRenderer v-if="expandedGroups.includes(group.title)" v-for="part in group.groupedTools" :key="part.toolInfo.toolCallId" :data="part"/> -->
           <!-- </div>
         </transition> -->
       </template>