From 92f60d3a9a3d8d7eeffd483bf37d087661aaa029 Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Thu, 9 Apr 2026 00:59:15 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20fix:=20hide=20keyboard=20shortcu?=
 =?UTF-8?q?ts=20trigger=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ai-toolbar.tsx |  2 +-
 tests/ai-toolbar.test.ts      | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/ai-toolbar.tsx b/src/components/ai-toolbar.tsx
index de18e05..57773df 100644
--- a/src/components/ai-toolbar.tsx
+++ b/src/components/ai-toolbar.tsx
@@ -408,7 +408,7 @@ export const AIToolbar = ({
 												<Button
 													variant="ghost"
 													size="icon"
-													className="h-6 w-6 text-muted-foreground/50 hover:text-muted-foreground"
+													className="hidden h-6 w-6 text-muted-foreground/50 hover:text-muted-foreground md:inline-flex"
 													aria-label="Keyboard shortcuts"
 												>
 													<Info className="h-3.5 w-3.5" />
diff --git a/tests/ai-toolbar.test.ts b/tests/ai-toolbar.test.ts
index 8753669..0530685 100644
--- a/tests/ai-toolbar.test.ts
+++ b/tests/ai-toolbar.test.ts
@@ -153,8 +153,8 @@ const ATTACH_BTN_CLASSES = "gap-1.5 text-xs";
 /** Generate button: right side, primary variant, labeled */
 const GENERATE_BTN_CLASSES = "gap-1.5 text-xs";
 
-/** Info popover trigger: ghost icon button, sits left of Generate */
-const INFO_TRIGGER_CLASSES = "h-6 w-6";
+/** Info popover trigger: hidden on mobile, small on desktop so it stays secondary */
+const INFO_TRIGGER_CLASSES = "hidden h-6 w-6 md:inline-flex";
 
 describe("Composer footer bar – layout contract", () => {
 	test("footer row uses justify-between so Attach sits left and Generate sits right", () => {
@@ -185,6 +185,12 @@ describe("Composer footer bar – layout contract", () => {
 });
 
 describe("Info popover trigger – size contract", () => {
+	test("info trigger is hidden on mobile so keyboard-only guidance does not appear in touch layouts", () => {
+		const resolved = cn(INFO_TRIGGER_CLASSES);
+		expect(resolved).toContain("hidden");
+		expect(resolved).toContain("md:inline-flex");
+	});
+
 	test("info trigger is small (h-6 w-6) so it doesn't compete with Generate", () => {
 		const resolved = cn(INFO_TRIGGER_CLASSES);
 		expect(resolved).toContain("h-6");