From 82b29510f2b90071278ac64bfb4650d49cccfc31 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Mon, 4 May 2026 08:42:56 +0000
Subject: [PATCH] =?UTF-8?q?fix(settings):=20RTL=20Tabs=20+=20Hebrew=20labe?=
 =?UTF-8?q?ls=20(=D7=A1=D7=91=D7=99=D7=91=D7=94/=D7=9B=D7=9C=D7=99=D7=9D/?=
 =?UTF-8?q?=D7=91=D7=9C=D7=95=D7=A7=D7=99=D7=9D/=D7=A8=D7=99=D7=A9=D7=95?=
 =?UTF-8?q?=D7=9E=D7=99=D7=9D)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Radix Tabs defaults dir to 'ltr' if not set explicitly, which broke
RTL inside Tab content (cards flowing left-to-right). Set dir='rtl'
on the Tabs root and translate trigger labels to Hebrew (kept
Paperclip in English as a brand name).
---
 web-ui/src/app/settings/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web-ui/src/app/settings/page.tsx b/web-ui/src/app/settings/page.tsx
index d9e88dd..4731f8a 100644
--- a/web-ui/src/app/settings/page.tsx
+++ b/web-ui/src/app/settings/page.tsx
@@ -30,7 +30,7 @@ export default function SettingsPage() {
 
         <div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
 
-        <Tabs defaultValue="paperclip" className="space-y-4">
+        <Tabs dir="rtl" defaultValue="paperclip" className="space-y-4">
           <TabsList>
             <TabsTrigger value="paperclip">
               <Building2 className="w-4 h-4" data-icon="inline-start" />
@@ -38,19 +38,19 @@ export default function SettingsPage() {
             </TabsTrigger>
             <TabsTrigger value="environment">
               <Server className="w-4 h-4" data-icon="inline-start" />
-              Environment
+              סביבה
             </TabsTrigger>
             <TabsTrigger value="tools">
               <Wrench className="w-4 h-4" data-icon="inline-start" />
-              Tools
+              כלים
             </TabsTrigger>
             <TabsTrigger value="blocks">
               <Layers className="w-4 h-4" data-icon="inline-start" />
-              Blocks
+              בלוקים
             </TabsTrigger>
             <TabsTrigger value="registrations">
               <Plug className="w-4 h-4" data-icon="inline-start" />
-              Registrations
+              רישומים
             </TabsTrigger>
           </TabsList>