From 9f7b7976741f02a4f9d3b66f72d19a75b8e063a3 Mon Sep 17 00:00:00 2001
From: Paulo Castellano <paulo@castellanos.llc>
Date: Wed, 17 Jun 2026 19:21:19 -0300
Subject: [PATCH] feat(tweet-card): tabler verified badge (svg source
 committed) + badge placement next to name

---
 app/Services/Image/TemplateImageGenerator.php |  40 ++++++++----------
 public/images/ai-templates/verified.png       | Bin 402 -> 1451 bytes
 public/images/ai-templates/verified.svg       |  11 +++++
 3 files changed, 29 insertions(+), 22 deletions(-)
 create mode 100644 public/images/ai-templates/verified.svg

diff --git a/app/Services/Image/TemplateImageGenerator.php b/app/Services/Image/TemplateImageGenerator.php
index a4be6670..92915295 100644
--- a/app/Services/Image/TemplateImageGenerator.php
+++ b/app/Services/Image/TemplateImageGenerator.php
@@ -625,23 +625,21 @@ public function renderTweetCard(Workspace $workspace, SocialAccount $socialAccou
         $nameX = $avatarX + $avatarSize + 16;
         $nameY = $avatarY + 4;
 
-        if ($fontBold) {
-            $canvas->text($socialAccount->display_name ?? '', $nameX, $nameY, function (FontFactory $font) use ($fontBold, $nameSize) {
-                $font->filename($fontBold);
-                $font->size($nameSize);
-                $font->color('#0f1419');
-                $font->align('left', 'top');
-            });
+        $displayNameText = $socialAccount->display_name ?? '';
+        $nameBox = $fontBold ? imagettfbbox($nameSize, 0, $fontBold, $displayNameText) : [0, 0, 0, 0, 0, 0, 0, 0];
+        $nameWidth = abs($nameBox[2] - $nameBox[0]);
+        $nameAscent = (int) round(abs($nameBox[7]));
+        $nameBaselineY = $nameY + $nameAscent;
+
+        if ($fontBold && $displayNameText !== '') {
+            $this->drawTextAt($core, $displayNameText, $fontBold, $nameSize, '#0f1419', $nameX, $nameBaselineY);
         }
 
         $verifiedPath = public_path('images/ai-templates/verified.png');
-        if ($fontBold && file_exists($verifiedPath)) {
-            $displayNameText = $socialAccount->display_name ?? '';
-            $nameBox = $fontBold ? imagettfbbox($nameSize, 0, $fontBold, $displayNameText) : [0, 0, 0, 0, 0, 0, 0, 0];
-            $nameWidth = abs($nameBox[2] - $nameBox[0]);
-            $badgeSize = (int) round($nameSize * 1.1);
-            $badgeX = $nameX + $nameWidth + 6;
-            $badgeY = $nameY + (int) round(($nameSize - $badgeSize) / 2);
+        if ($fontBold && $displayNameText !== '' && file_exists($verifiedPath)) {
+            $badgeSize = (int) round($nameSize * 1.15);
+            $badgeX = $nameX + $nameWidth + 8;
+            $badgeY = $nameY + (int) round(($nameAscent - $badgeSize) / 2);
             $verifiedSrc = @imagecreatefrompng($verifiedPath);
             if ($verifiedSrc) {
                 $verifiedResized = imagecreatetruecolor($badgeSize, $badgeSize);
@@ -657,14 +655,12 @@ public function renderTweetCard(Workspace $workspace, SocialAccount $socialAccou
             }
         }
 
-        $handleY = $nameY + (int) round($nameSize * 1.35);
-        if ($fontLight) {
-            $canvas->text('@'.($socialAccount->username ?? ''), $nameX, $handleY, function (FontFactory $font) use ($fontLight, $handleSize) {
-                $font->filename($fontLight);
-                $font->size($handleSize);
-                $font->color('#536471');
-                $font->align('left', 'top');
-            });
+        $handleText = '@'.($socialAccount->username ?? '');
+        $handleBox = $fontLight ? imagettfbbox($handleSize, 0, $fontLight, $handleText) : [0, 0, 0, 0, 0, 0, 0, 0];
+        $handleAscent = (int) round(abs($handleBox[7]));
+        $handleY = $nameY + (int) round($nameSize * 1.4);
+        if ($fontLight && $socialAccount->username) {
+            $this->drawTextAt($core, $handleText, $fontLight, $handleSize, '#536471', $nameX, $handleY + $handleAscent);
         }
 
         $bodyStartY = $cardY + $headerH + 8;
diff --git a/public/images/ai-templates/verified.png b/public/images/ai-templates/verified.png
index 2482d7138bc1789cb548fb6709f0a75491bfe2b4..3220b379f7a39659ba208e8c917e86dfb82558a0 100644
GIT binary patch
literal 1451
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD3?#3*wSy!Sl0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#N0|R4WfKP}kP=W0152J`aApi_*Z=v_+fmCHlkY6wZ
zgK*HqUC$5B4wE##e%qE&@PwGUwF6g74lln=+uMD`%u!zgM7B%0C;LcWsTB8J$P{1X
zSi$Y7&!ffqfwSIlv0f=(u32bV`<Wx}H?B@B)Rc8mdVEQ@d@{>3HSesJuaCMWD8J)K
zy(1AR_bR-bja^}7qlw~yWiP9(Hon{I2Xq8ulDE4HLkFv@2av;F;_2(k{)$adOu+bK
z`0v?3A=MJsh?11Vl2ohYqEsNoU}RuqrfXoPYiJ%~WMpM%W@T!qZD3#pM7QrhL(!0%
zpOTqYiCcqrTY3~wg9hA&lFZ!H;*!MN0^E9JCcCvVFfjFbx;Tbp+<QASGyJlHh=aPT
zi))5v_g2^F6^lB&w{8jRQCif{^l0DW2m2ncdw>7-iG!C;`rMmcdHM0d$-hk}S9=<%
z`=~n|IdVi|V#e)D`?e<E{w5pe{bjCo;@oxbmK4{nk~O<Dx$Mn*)|qzOx3eGmvi-*U
zO$)y5)~aCM?ckoa{cp?HO*;?TIwa@s(~mW{!p|%Gv|e*o%$a?Em;HKR<#ys9v)HeO
zX5DYhJ(u3~Z<T)_@bu@cJO4|MaZJwac*t(i6W{RhPYzpce|lw|MH6e$nFE131}AuA
z4l`Z(-v8D4!LNlP>@yhqWi?#b*={ttlsvGoE>OC3|KvC3DX~9~YsaPDS(ET&{Xa|9
z^;S!w_2-&=@1FJPf#%ZsLx<MSytZ6Dq_L+p{>Q7w=_3EO^v3@VpUcaxmis64?Tian
z`VX)1M_Ly6S(m)3*<_Uas-3&&!J@n;Jx><>O!VSA^UCelS+hm*&z>AmeUlm5`==n1
z@62nrYi3d>>mnvFhcB9caMt8^?W>Ct0<E_s?sfZqxYY6i^FoL3hkGx0n!jXi`X5&D
zw^VusYm>Z~>kR87Oh@a(ABul}H<?Ssen|-9M+OeoN&goHT<#b5__ydnV4s!l<La$8
z=lexETz<Az9Qmg2`pfjRfbfL)#y?j}HLW)MtZ(?k-gw;Szwi<LX)_x|buOIc5!uL4
zzWu4Dn85jp#^)IgUk+XQ#PqfMlFZ@%LbI1Ju9s+xYns0~zbl_}UE**5ho+UkfBE*e
z{?oN{mR7kh`TKso!H4TVcUbMZ<2toIOM2t)ccEM!XEKh?zucO@@_X^DyuB^^%4e{a
z*OeYz8o%}NpQ9`H?@Nfvy0rdB-`~=Gb=g0P-+e9JbM@1g@AAp^^-J&6zv=D#IsFgY
YeI-`ql9x+215-1Dr>mdKI;Vst0Ioo#NdN!<

literal 402
zcmV;D0d4+?P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000ie
z000ie0hKEb8vp<SL`g(JRA_<in$Z!$AP_`X8;A{Pb+Ia~P8-k)^y_ABkOUI;fQxyb
z4#a&N%ot8!r!5Ee1JAeDCpG4IJ<-0G@}Qj1Q<TaSO)d!@vQ}i(BxdlCr6P+3EW-;+
zB(ewA2p*Cnk|oe0ypWPe3bYI_%t_1&^blT{k~r25!e+7pJ*~bFt3p(u$M8ZZvAr$S
z^Xdz_3frnc?bUyb!_Q}z`#Wo{RH0b~O2TWJ2(ZEfO2EV6)kxmz6=1GDP+5Q-9v}$B
zLgkJt4G)kikdm+p4-mIdZY9`I&p=GVa`gd&L#zW^hX)7(u|SV;s1hDf0wp(O7Qs@`
ze+#7~tR$&tU@D|#g-l*(WdB<QH-Dk2c_#Lk`qpgoUP$Ok;{UD|g&wM~`gU4y-5(HK
wcW5+jdt@5dT}qAHK5>ZKPJN8p|CMmh7pgy??XK9V+yDRo07*qoM6N<$g0tVG;s5{u

diff --git a/public/images/ai-templates/verified.svg b/public/images/ai-templates/verified.svg
new file mode 100644
index 00000000..7d63fe7b
--- /dev/null
+++ b/public/images/ai-templates/verified.svg
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="#1D9BF0"
+  class="icon icon-tabler icons-tabler-filled icon-tabler-rosette-discount-check"
+>
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" />
+</svg>
\ No newline at end of file