fix: add tooltip messages toolbar (#3138)

web/screens/Thread/ThreadCenterPanel/MessageToolbar/index.tsx

@@ -9,6 +9,7 @@ import {
   ContentType,
   Thread,
 } from '@janhq/core'
+import { Tooltip } from '@janhq/joi'
 import { useAtomValue, useSetAtom } from 'jotai'
 import {
   RefreshCcw,
@@ -103,10 +104,15 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
               className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
               onClick={onEditClick}
             >
+              <Tooltip
+                trigger={
                   <PencilIcon
                     size={14}
                     className="text-[hsla(var(--text-secondary))]"
                   />
+                }
+                content="Edit"
+              />
             </div>
           )}
 
@@ -118,10 +124,15 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
               className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
               onClick={onRegenerateClick}
             >
+              <Tooltip
+                trigger={
                   <RefreshCcw
                     size={14}
                     className="text-[hsla(var(--text-secondary))]"
                   />
+                }
+                content="Regenerate"
+              />
             </div>
           )}
 
@@ -134,20 +145,30 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
           {clipboard.copied ? (
             <CheckIcon size={14} className="text-[hsla(var(--success-bg))]" />
           ) : (
+            <Tooltip
+              trigger={
                 <CopyIcon
                   size={14}
                   className="text-[hsla(var(--text-secondary))]"
                 />
+              }
+              content="Copy"
+            />
           )}
         </div>
         <div
           className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
           onClick={onDeleteClick}
         >
+          <Tooltip
+            trigger={
               <Trash2Icon
                 size={14}
                 className="text-[hsla(var(--text-secondary))]"
               />
+            }
+            content="Delete"
+          />
         </div>
       </div>
     </div>