From 41c6184b92d759c40da29cf055984d8307f92c8f Mon Sep 17 00:00:00 2001
From: Replit Agent <agent@replit.com>
Date: Thu, 9 Jul 2026 10:10:49 +0000
Subject: [PATCH] =?UTF-8?q?Task=20#743:=20sidebar=20=C2=AB=D8=A5=D8=AF?=
 =?UTF-8?q?=D8=A7=D8=B1=D8=A9=20=D8=A7=D9=84=D9=82=D8=A7=D8=B9=D8=A7=D8=AA?=
 =?UTF-8?q?=C2=BB=20=E2=80=94=20clearer=20labels=20+=20submenu=20distincti?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ar.json: protocol.tabs.bookings «حجز القاعات»→«الحجوزات», bookingSettings «إعدادات الحجوزات»→«الإعدادات»
- en.json: "Room Bookings"→"Bookings", "Booking Settings"→"Settings"
- Same keys also serve as page headings (accepted per task), so headings change too.
- protocol.tsx: submenu children of roomsGroup and gifts group now wrapped in a
  container with md:ms-4 md:border-s-2 md:border-slate-300 md:ps-1 (vertical
  guide line + indent, RTL-safe logical props); removed per-button md:ps-6.
  Mobile horizontal layout unchanged.
- tx-os tsc clean; architect review passed.
---
 artifacts/tx-os/src/locales/ar.json    |  4 +-
 artifacts/tx-os/src/locales/en.json    |  4 +-
 artifacts/tx-os/src/pages/protocol.tsx | 70 ++++++++++++++------------
 3 files changed, 42 insertions(+), 36 deletions(-)

diff --git a/artifacts/tx-os/src/locales/ar.json b/artifacts/tx-os/src/locales/ar.json
index 782d5d06..0d18b14b 100644
--- a/artifacts/tx-os/src/locales/ar.json
+++ b/artifacts/tx-os/src/locales/ar.json
@@ -1670,8 +1670,8 @@
       "dashboard": "لوحة المعلومات",
       "roomsGroup": "إدارة القاعات",
       "roomsDashboard": "لوحة القاعات",
-      "bookingSettings": "إعدادات الحجوزات",
-      "bookings": "حجز القاعات",
+      "bookingSettings": "الإعدادات",
+      "bookings": "الحجوزات",
       "external": "اجتماعات خارجية",
       "giftsGroup": "الهدايا",
       "gifts": "المستودع",
diff --git a/artifacts/tx-os/src/locales/en.json b/artifacts/tx-os/src/locales/en.json
index fd561011..1f1decf2 100644
--- a/artifacts/tx-os/src/locales/en.json
+++ b/artifacts/tx-os/src/locales/en.json
@@ -1543,8 +1543,8 @@
       "dashboard": "Dashboard",
       "roomsGroup": "Rooms Management",
       "roomsDashboard": "Rooms Dashboard",
-      "bookingSettings": "Booking Settings",
-      "bookings": "Room Bookings",
+      "bookingSettings": "Settings",
+      "bookings": "Bookings",
       "external": "External Meetings",
       "giftsGroup": "Gifts",
       "gifts": "Warehouse",
diff --git a/artifacts/tx-os/src/pages/protocol.tsx b/artifacts/tx-os/src/pages/protocol.tsx
index c707bf9e..293a52f0 100644
--- a/artifacts/tx-os/src/pages/protocol.tsx
+++ b/artifacts/tx-os/src/pages/protocol.tsx
@@ -1490,22 +1490,25 @@ export default function ProtocolPage() {
                         )}
                       />
                     </button>
-                    {open &&
-                      children.map(({ key: ck, label: cl, icon: CIcon }) => (
-                        <button
-                          key={ck}
-                          onClick={() => setTab(ck)}
-                          className={cn(
-                            "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start md:ps-6",
-                            tab === ck
-                              ? "bg-sky-500 text-white"
-                              : "text-slate-600 hover:bg-slate-200",
-                          )}
-                        >
-                          <CIcon size={16} className="shrink-0" />
-                          {cl}
-                        </button>
-                      ))}
+                    {open && (
+                      <div className="flex md:flex-col gap-1 md:ms-4 md:border-s-2 md:border-slate-300 md:ps-1">
+                        {children.map(({ key: ck, label: cl, icon: CIcon }) => (
+                          <button
+                            key={ck}
+                            onClick={() => setTab(ck)}
+                            className={cn(
+                              "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start",
+                              tab === ck
+                                ? "bg-sky-500 text-white"
+                                : "text-slate-600 hover:bg-slate-200",
+                            )}
+                          >
+                            <CIcon size={16} className="shrink-0" />
+                            {cl}
+                          </button>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 );
               }
@@ -1538,22 +1541,25 @@ export default function ProtocolPage() {
                         )}
                       />
                     </button>
-                    {open &&
-                      children.map(({ key: ck, label: cl, icon: CIcon }) => (
-                        <button
-                          key={ck}
-                          onClick={() => setTab(ck)}
-                          className={cn(
-                            "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start md:ps-6",
-                            tab === ck
-                              ? "bg-sky-500 text-white"
-                              : "text-slate-600 hover:bg-slate-200",
-                          )}
-                        >
-                          <CIcon size={16} className="shrink-0" />
-                          {cl}
-                        </button>
-                      ))}
+                    {open && (
+                      <div className="flex md:flex-col gap-1 md:ms-4 md:border-s-2 md:border-slate-300 md:ps-1">
+                        {children.map(({ key: ck, label: cl, icon: CIcon }) => (
+                          <button
+                            key={ck}
+                            onClick={() => setTab(ck)}
+                            className={cn(
+                              "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start",
+                              tab === ck
+                                ? "bg-sky-500 text-white"
+                                : "text-slate-600 hover:bg-slate-200",
+                            )}
+                          >
+                            <CIcon size={16} className="shrink-0" />
+                            {cl}
+                          </button>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 );
               }