From 09b99985ebe47aae7f5a869da3309bfc9325a57d Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio.ruiz@fusionary.com>
Date: Mon, 25 May 2026 18:41:45 -0500
Subject: [PATCH] Adding basic hover toolbar for all paragraphs

---
 .../EstudiosTypensenseDetail.vue              | 51 +++++++++++++++----
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue b/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
index 98f52bc..dbc0832 100644
--- a/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
+++ b/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
@@ -843,15 +843,48 @@ function highlightTextNodes(root: HTMLElement, terms: string[]): number {
           <div v-for="(hit, idx) in paragraphs" :key="idx" :data-paragraph-number="hit.document.number">
             <div class="grid grid-cols-1fr items-start gap-2 mb-2" :class="(showParagraphNumbers && 'grid-cols-[32px_1fr]')">
               <div v-if="showParagraphNumbers" class="w-full select-none cursor-pointer flex justify-end">
-                <UBadge
-                  v-if="hit.document.number"
-                  :label="`${hit.document.number}`"
-                  size="md"
-                  variant="ghost"
-                  @click="copyToClipboard(hit.document.text, hit.document.type)"
-                  class="text-gray-300 hover:text-white"
-                  :class="(hit.document.type=='activities'?'hover:bg-carpagreen':'hover:bg-carpablue')"
-                />
+                <UPopover :content="{
+                    align: 'right',
+                    side: 'top',
+                    sideOffset: -10
+                  }" placement="top" :ui="{ maxWidth: 'max-w-lg' }">
+                  <UBadge
+                    v-if="hit.document.number"
+                    :label="`${hit.document.number}`"
+                    size="md"
+                    variant="ghost"
+                    class="text-gray-300 hover:text-white"
+                    :class="(hit.document.type=='activities'?'hover:bg-carpagreen':'hover:bg-carpablue')"
+                  />
+                  <template #content>
+                    <UFieldGroup size="sm" orientation="horizontal" class="bg-white p-0 rounded-md shadow-md">
+                      <UButton
+                        v-if="hit.document.text"
+                        icon="ph-note-pencil"
+                        variant="ghost"
+                        color="neutral"
+                        size="lg"
+                        @click="addNote(hit.document.id)"
+                      ></UButton>
+                      <UButton
+                        v-if="hit.document.text"
+                        icon="ph-highlighter"
+                        variant="ghost"
+                        color="neutral"
+                        size="lg"
+                        @click="highlightParagraph(hit.document.id)"
+                      ></UButton>
+                      <UButton
+                        v-if="hit.document.text"
+                        icon="ph-copy"
+                        variant="ghost"
+                        color="neutral"
+                        size="lg"
+                        @click="copyToClipboard(hit.document.text, hit.document.type)"
+                      ></UButton>
+                    </UFieldGroup>
+                  </template>
+                </UPopover>
               </div>
               <div class="">
                 <div