From 324a76d82edcf5090a7fbd163b0966e5fb62f10b Mon Sep 17 00:00:00 2001
From: abassibrahim591 <abassibrahim591@yahoo.com>
Date: Tue, 23 Jun 2026 19:52:39 +0100
Subject: [PATCH] feat(web): hide chat empty-state suggestion cards on mobile

The three starter prompts (kill sheet / SOP summary / Tier-3 MRV gaps)
crowded the small-screen empty state. Hide the grid below sm; the
greeting and prompt remain. Desktop is unchanged.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/apps/web/app/chat/components/EmptyState.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/apps/web/app/chat/components/EmptyState.tsx b/frontend/apps/web/app/chat/components/EmptyState.tsx
index 21fd1b9..8b5f1d4 100644
--- a/frontend/apps/web/app/chat/components/EmptyState.tsx
+++ b/frontend/apps/web/app/chat/components/EmptyState.tsx
@@ -114,7 +114,7 @@ export function EmptyState({ onPrompt }: { onPrompt?: PromptHandler }) {
         </p>
       </div>
 
-      <div className="grid w-full grid-cols-1 gap-3 text-left sm:grid-cols-3">
+      <div className="hidden w-full grid-cols-1 gap-3 text-left sm:grid sm:grid-cols-3">
         {SUGGESTIONS.map((s) => (
           <button
             key={s.title}