From 4c641a3ea5789630a4a6af0a6d656678e84ce420 Mon Sep 17 00:00:00 2001
From: phanex <phanex@gmail.com>
Date: Sat, 29 Aug 2026 23:40:29 +0200
Subject: [PATCH] feat(inspector): add TT All Caps text uppercase toggle button

---
 .../web/src/editor/canvas/elements/text-element.tsx    |  3 ++-
 .../web/src/editor/inspector/sections/text-section.tsx | 10 ++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/editor/canvas/elements/text-element.tsx b/packages/web/src/editor/canvas/elements/text-element.tsx
index 44cbce7..c7240fb 100644
--- a/packages/web/src/editor/canvas/elements/text-element.tsx
+++ b/packages/web/src/editor/canvas/elements/text-element.tsx
@@ -27,6 +27,7 @@ export function TextElement({ element, isSelected }: Props) {
     fill?: string;
     align?: string;
     italic?: boolean;
+    uppercase?: boolean;
   };
 
   const fontStyle =
@@ -154,7 +155,7 @@ export function TextElement({ element, isSelected }: Props) {
         y={element.y}
         width={element.width}
         rotation={element.rotation}
-        text={p.text || "Text"}
+        text={p.uppercase ? (p.text || "Text").toUpperCase() : (p.text || "Text")}
         fontSize={p.fontSize || 18}
         fontFamily={p.fontFamily || "Inter"}
         fontStyle={fontStyle}
diff --git a/packages/web/src/editor/inspector/sections/text-section.tsx b/packages/web/src/editor/inspector/sections/text-section.tsx
index 77631ae..720247e 100644
--- a/packages/web/src/editor/inspector/sections/text-section.tsx
+++ b/packages/web/src/editor/inspector/sections/text-section.tsx
@@ -34,6 +34,7 @@ export function TextSection({ element }: Props) {
     fill?: string;
     align?: string;
     italic?: boolean;
+    uppercase?: boolean;
   };
 
   const update = (patch: Record<string, unknown>) =>
@@ -95,6 +96,15 @@ export function TextSection({ element }: Props) {
             <Italic size={14} />
           </SegBtn>
         </SegGroup>
+        <SegGroup>
+          <SegBtn
+            active={!!p.uppercase}
+            onClick={() => update({ uppercase: !p.uppercase })}
+            title="All Caps (TT)"
+          >
+            <span className="font-bold text-[11px] font-mono leading-none px-1">TT</span>
+          </SegBtn>
+        </SegGroup>
         <SegGroup>
           <SegBtn
             active={p.align === "left"}