From 915ba5d8155e05c6bd1f9f0d34035717e27abe40 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 11 Nov 2025 04:48:28 +0000
Subject: [PATCH] completionId: cgen-9606a97a28934b6190555be1e37b1b60

cgen-9606a97a28934b6190555be1e37b1b60
---
 client/components/ArmSwitcher.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/client/components/ArmSwitcher.tsx b/client/components/ArmSwitcher.tsx
index 2c62b210..e43550b7 100644
--- a/client/components/ArmSwitcher.tsx
+++ b/client/components/ArmSwitcher.tsx
@@ -130,7 +130,7 @@ export default function ArmSwitcher() {
 
       {/* Tablet Version - Spaced Horizontal Layout (md to lg) */}
       <div className="hidden md:flex lg:hidden items-center gap-4">
-        {ARMS.map((arm) => (
+        {ARMS.slice(0, 5).map((arm) => (
           <button
             key={arm.id}
             onClick={handleArmClick}
@@ -149,6 +149,24 @@ export default function ArmSwitcher() {
             </div>
           </button>
         ))}
+        <button
+          onClick={handleArmClick}
+          className="h-11 w-11 flex items-center justify-center rounded-lg border border-border/60 bg-background/60 hover:bg-background/80 transition-colors flex-shrink-0"
+          title="View all arms"
+        >
+          <span className="text-sm font-semibold text-gray-400">+2</span>
+        </button>
+      </div>
+
+      {/* Mobile Version - Compact */}
+      <div className="md:hidden">
+        <button
+          onClick={handleArmClick}
+          className="h-10 w-10 flex items-center justify-center rounded-lg border border-border/60 bg-background/60 hover:bg-background/80 transition-colors flex-shrink-0"
+          title="View all arms"
+        >
+          <span className="text-xs font-semibold text-gray-400">≡</span>
+        </button>
       </div>
     </>
   );