fix: pagina que permite copiar links

src/BCards.Web/ViewModels/CreatePageViewModel.cs

@@ -14,7 +14,7 @@ public class CreatePageViewModel
     [Required(ErrorMessage = "Tipo de negócio é obrigatório")]
     public string BusinessType { get; set; } = "individual";
 
-    [StringLength(200, ErrorMessage = "Bio deve ter no máximo 200 caracteres")]
+    [StringLength(3000, ErrorMessage = "Bio deve ter no máximo 3000 caracteres")]
     public string Bio { get; set; } = string.Empty;
 
     [Required(ErrorMessage = "Tema é obrigatório")]

src/BCards.Web/ViewModels/ManagePageViewModel.cs

@@ -18,7 +18,7 @@ public class ManagePageViewModel
     [Required(ErrorMessage = "Tipo de negócio é obrigatório")]
     public string BusinessType { get; set; } = "individual";
 
-    [StringLength(200, ErrorMessage = "Bio deve ter no máximo 200 caracteres")]
+    [StringLength(3000, ErrorMessage = "Bio deve ter no máximo 3000 caracteres")]
     public string Bio { get; set; } = string.Empty;
 
     public string Slug { get; set; } = string.Empty;

src/BCards.Web/Views/Admin/CreatePage.cshtml

@@ -82,8 +82,9 @@
                             
                             <div class="mb-3">
                                 <label asp-for="Bio" class="form-label">Bio/Descrição</label>
-                                <textarea asp-for="Bio" class="form-control" rows="3" placeholder="Uma breve descrição sobre você ou sua empresa..."></textarea>
+                                <textarea asp-for="Bio" class="form-control" rows="8" maxlength="3000" placeholder="Uma breve descrição sobre você ou sua empresa..."></textarea>
                                 <span asp-validation-for="Bio" class="text-danger"></span>
+                                <div class="form-text">Máximo 3000 caracteres</div>
                             </div>
                         </div>
                         

src/BCards.Web/Views/Admin/ManagePage.cshtml

@@ -115,9 +115,9 @@
 
                                         <div class="mb-3">
                                             <label asp-for="Bio" class="form-label">Bio/Descrição</label>
-                                            <textarea asp-for="Bio" class="form-control" rows="3" placeholder="Uma breve descrição sobre você ou sua empresa..."></textarea>
+                                            <textarea asp-for="Bio" class="form-control" rows="8" maxlength="3000" placeholder="Uma breve descrição sobre você ou sua empresa..."></textarea>
                                             <span asp-validation-for="Bio" class="text-danger"></span>
-                                            <div class="form-text">Máximo 200 caracteres</div>
+                                            <div class="form-text">Máximo 3000 caracteres</div>
                                         </div>
 
                                         <!-- Profile Image Upload -->

src/BCards.Web/Views/Shared/_ThemeStyles.cshtml

@@ -176,7 +176,16 @@
     text-overflow: ellipsis;
 }
 
-/* Seta de expansão */
+/* Seta de expansão e Botão de copiar */
+.link-actions-container {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-left: 0.5rem;
+    flex-shrink: 0;
+}
+
+.copy-link-btn,
 .expand-arrow {
     background: rgba(255, 255, 255, 0.2);
     border: none;
@@ -189,15 +198,15 @@
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
-    flex-shrink: 0;
-    margin-left: 0.5rem;
 }
 
+.copy-link-btn:hover,
 .expand-arrow:hover {
     background: rgba(255, 255, 255, 0.3);
     transform: scale(1.05);
 }
 
+.copy-link-btn i,
 .expand-arrow i {
     font-size: 0.9rem;
     transition: transform 0.3s ease;
@@ -282,6 +291,20 @@
     gap: 0.25rem;
 }
 
+.expanded-link {
+    color: var(--primary-color) !important;
+    text-decoration: underline !important;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    transition: opacity 0.2s ease;
+}
+
+.expanded-link:hover {
+    opacity: 0.8;
+    text-decoration: none !important;
+}
+
 /* ========== FOOTER ========== */
 .profile-footer {
     margin-top: 2rem;

src/BCards.Web/Views/UserPage/Display.cshtml

@@ -376,7 +376,7 @@
                                     var hasExpandableContent = (!string.IsNullOrEmpty(link.Description) ||
                                     (link.Type == BCards.Web.Models.LinkType.Product && !string.IsNullOrEmpty(link.ProductDescription)));
 
-                                    <div class="universal-link" data-link-id="@i">
+                                    <div class="universal-link" id="link-@i" data-link-id="@i">
                                         <a href="@NormalizeSocialUrl(link.Url, link.Icon)"
                                            class="universal-link-header"
                                            onclick="recordClick('@Model.Id', @i)"
@@ -424,6 +424,13 @@
                                                 </div>
                                             </div>
                                             
+                                            <div class="link-actions-container">
+                                                <button class="copy-link-btn" 
+                                                        type="button" 
+                                                        title="Copiar link"
+                                                        onclick="event.preventDefault(); event.stopPropagation(); copyAnchorLink('link-@i', this)">
+                                                    <i class="fas fa-copy"></i>
+                                                </button>
                                                 @if (hasExpandableContent)
                                                 {
                                                     <button class="expand-arrow"
@@ -432,6 +439,7 @@
                                                         <i class="fas fa-chevron-down"></i>
                                                     </button>
                                                 }
+                                            </div>
                                         </a>
 
                                         @if (hasExpandableContent)
@@ -463,8 +471,10 @@
                                                     }
                                                 }
                                                 <div class="expanded-action">
+                                                    <a href="@NormalizeSocialUrl(link.Url, link.Icon)" target="_blank" rel="noopener noreferrer" class="expanded-link">
                                                         <i class="fas fa-external-link-alt"></i>
-                                                    Clique no título acima para abrir
+                                                        Clique aqui para abrir o link
+                                                    </a>
                                                 </div>
                                             </div>
                                         }
@@ -517,8 +527,10 @@
                                         <div class="universal-link-details" id="details-@uniqueId">
                                             <div class="expanded-description">@document.Description</div>
                                             <div class="expanded-action">
+                                                <a href="/api/document/@document.FileId" target="_blank" rel="noopener noreferrer" class="expanded-link">
                                                     <i class="fas fa-external-link-alt"></i>
-                                                Clique no título acima para abrir o PDF
+                                                    Clique aqui para abrir o PDF
+                                                </a>
                                             </div>
                                         </div>
                                     }
@@ -653,8 +665,53 @@
 
             // Generate QR Code on page load
             generateQRCode();
+
+            // Auto-open link from hash
+            if (window.location.hash) {
+                const targetId = window.location.hash.substring(1);
+                const targetElement = document.getElementById(targetId);
+                if (targetElement) {
+                    // Small delay to ensure everything is rendered
+                    setTimeout(() => {
+                        targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                        
+                        // If it has a link-id, try to open the details
+                        const linkId = targetElement.getAttribute('data-link-id');
+                        const docId = targetElement.getAttribute('data-document-id');
+                        
+                        if (linkId !== null) {
+                            toggleLinkDetails(linkId);
+                        } else if (docId !== null) {
+                            toggleLinkDetails(docId);
+                        }
+                    }, 500);
+                }
+            }
         });
 
+        function copyAnchorLink(id, btn) {
+            // Preserva a URL completa incluindo query strings (importante para o preview token)
+            // e apenas substitui/adiciona o hash
+            const url = new URL(window.location.href);
+            url.hash = id;
+            const fullUrl = url.toString();
+            
+            navigator.clipboard.writeText(fullUrl).then(() => {
+                const icon = btn.querySelector('i');
+                const originalClass = icon.className;
+                
+                icon.className = 'fas fa-check text-success';
+                btn.classList.add('copied');
+                
+                setTimeout(() => {
+                    icon.className = originalClass;
+                    btn.classList.remove('copied');
+                }, 2000);
+            }).catch(err => {
+                console.error('Erro ao copiar link:', err);
+            });
+        }
+
         // QR Code Functions
         let qrCodeGenerated = false;