From 98e7d90213f8dff8d9f8191f73d37a608f2355a7 Mon Sep 17 00:00:00 2001
From: Hongming Wang <hongmingwangrabbit@gmail.com>
Date: Thu, 16 Apr 2026 00:19:24 -0700
Subject: [PATCH] fix(canvas): show all templates in EmptyState grid, not just
 first 6 (#387)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Templates 7-8 (LangGraph Agent, OpenClaw Agent) were silently hidden
by a hard-coded `.slice(0, 6)` cap. The grid container already has
`max-h-[240px] overflow-y-auto` to handle overflow — the slice was
redundant and harmful. Remove it so all API-returned templates render.

Co-authored-by: UIUX Designer <uiux@molecule-ai.local>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 canvas/src/components/EmptyState.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas/src/components/EmptyState.tsx b/canvas/src/components/EmptyState.tsx
index 8111d294..0fb684be 100644
--- a/canvas/src/components/EmptyState.tsx
+++ b/canvas/src/components/EmptyState.tsx
@@ -108,7 +108,7 @@ export function EmptyState() {
           <div className="text-xs text-zinc-400 py-4">Loading templates...</div>
         ) : templates.length > 0 ? (
           <div className="grid grid-cols-2 gap-2.5 mb-4 text-left max-h-[240px] overflow-y-auto">
-            {templates.slice(0, 6).map((t) => {
+            {templates.map((t) => {
               const tierColor = TIER_COLORS[t.tier] || TIER_COLORS[1];
               return (
                 <button