@adminforth/agent 2.4.1 → 2.5.1

package/dist/custom/ChatFooter.vue

@@ -20,7 +20,7 @@
         rows="1"
         @input="autoResize"
         :class="[
-          'h-8 px-4 py-3 border-b rounded-xl rounded-b-none w-full resize-none overflow-hidden text-lightInputText dark:text-darkInputText rounded-md bg-transparent text-sm bg-gray-50 dark:bg-gray-700 dark:border-gray-600 focus:outline-none',
+          'h-8 px-4 py-3 rounded-xl rounded-b-none w-full resize-none overflow-hidden text-lightInputText dark:text-darkInputText rounded-md bg-transparent text-sm bg-gray-50 dark:bg-gray-700 dark:border-gray-600 focus:outline-none',
           { '!text-base': coreStore.isIos }
         ]"
         :placeholder="placeholderText"

package/dist/custom/conversation_area/MessageRenderer.vue

@@ -1,12 +1,12 @@
 <template>
   <div 
     class="relative flex flex-col w-full group/msg" 
+    @mouseenter="showEditButtonOnHover"
+    @mouseleave="hideEditButtonOnHover"
   >
-      <div 
-        v-if="canEdit" 
+      <div
+        v-if="showActionsBar"
         class="absolute w-full h-[calc(100%+1.5rem)] pb-8"
-        @mouseenter="showEditButtonOnHover" 
-        @mouseleave="hideEditButtonOnHover"  
       />
       <Transition
         enter-active-class="transition ease-out duration-200"
@@ -17,20 +17,23 @@
         leave-to-class="opacity-0 scale-95"
       >
         <div
-          v-if="canEdit && showEditButton"
-          class="absolute flex -bottom-6 right-0 self-end p-1 mr-4 mt-0.5 z-20"
-          @mouseenter="showEditButtonOnHover" 
-          @mouseleave="hideEditButtonOnHover" 
+          v-if="showActionsBar && showEditButton"
+          class="absolute flex -bottom-6 p-1 mt-0.5 z-20"
+          :class="isUserMessage ? 'right-0 self-end mr-4' : 'left-0 self-start ml-4'"
+          @mouseenter="showEditButtonOnHover"
+          @mouseleave="hideEditButtonOnHover"
         >
           <button
+            v-if="canCopy"
             type="button"
             class="flex items-center justify-center w-8 h-8 rounded-md text-gray-400 hover:text-lightPrimary dark:hover:text-darkPrimary opacity-60 group-hover/msg:opacity-100 transition-opacity duration-150 hover:scale-110"
             :title="$t('Copy message')"
-            @click="copyMessageToClipboard(message)"
+            @click="copyMessageToClipboard"
           >
             <IconFileCopySolid class="w-5 h-5" />
           </button>
           <button
+            v-if="canEdit"
             type="button"
             class="flex items-center justify-center w-8 h-8 rounded-md text-gray-400 hover:text-lightPrimary dark:hover:text-darkPrimary opacity-60 group-hover/msg:opacity-100 transition-opacity duration-150 hover:scale-110"
             :title="$t('Edit message')"
@@ -120,6 +123,19 @@
 
   const isUserMessage = computed(() => props.message.role === 'user');
 
+  const copyableText = computed(() =>
+    (props.message.parts ?? [])
+      .filter((part: any) => part.type === 'text' && !checkIfMessageSystemMessage(part.text ?? ''))
+      .map((part: any) => part.text ?? '')
+      .join('')
+  );
+  const canCopy = computed(() =>
+    Boolean(copyableText.value.trim()) && !agentStore.isEditingMessage
+  );
+  const showActionsBar = computed(() =>
+    canEdit.value || (!isUserMessage.value && canCopy.value)
+  );
+
   // While editing, hide only the *other* user messages of the edited turn (its steer
   // sub-messages); the edited message itself and all non-user parts stay visible.
   const shouldBeShownWhileEditing = computed(() =>
@@ -139,8 +155,8 @@
     showEditButton.value = false;
   }
 
-  function copyMessageToClipboard(message: IMessage) {
-    navigator.clipboard.writeText(message.parts[0].text ?? '')
+  function copyMessageToClipboard() {
+    navigator.clipboard.writeText(copyableText.value)
       .then(() => {
         alert({ message: 'Message copied to clipboard', variant: 'success' });
       })

package/dist/custom/conversation_area/ProcessingTimeline.vue

@@ -16,7 +16,7 @@
       >
         {{ inProgress ? $t('Thinking') : $t('Thoughts') }} 
       </p>
-      
+      <ThreeDotsAnimation v-if="inProgress" />      
       <span v-if="thinkingDuration > 0">({{ (thinkingDuration/1000).toFixed(2) }} s)</span>
       <IconAngleDownOutline 
         v-if="ToolOrReasoningParts.length > 0"

package/dist/custom/conversation_area/TextRenderer.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex items-center justify-center rounded-xl border px-6 border-gray-200 dark:border-gray-700 min-w-0 transition-shadow duration-150"
+    class="flex items-center justify-center rounded-xl border px-6 border-gray-200 dark:border-gray-700 min-w-0 transition-shadow duration-150 z-20"
     @click="handleMarkdownLinkClick"
     :class="[
       hasVegaLite ? 'w-full my-2' : 'm-2',

package/package.json

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