From 76d2c6af5dfbad5def07e199b480f0d228b95e28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Thu, 21 May 2026 19:54:35 -0400
Subject: [PATCH] fix(studio): fix catalog Add button per category, search by
 tags

Add button rules: VFX, Social, Scenes get Add + Ask agent. Captions,
Transitions, Effects, Data get Ask agent only.

Search now matches category names and tags, so searching "captions"
shows all caption blocks.
---
 packages/studio/src/components/sidebar/BlocksTab.tsx | 4 +++-
 packages/studio/src/hooks/useBlockCatalog.ts         | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/studio/src/components/sidebar/BlocksTab.tsx b/packages/studio/src/components/sidebar/BlocksTab.tsx
index f61eecf2e..46a4a734c 100644
--- a/packages/studio/src/components/sidebar/BlocksTab.tsx
+++ b/packages/studio/src/components/sidebar/BlocksTab.tsx
@@ -119,7 +119,9 @@ export const BlocksTab = memo(function BlocksTab({ onAddBlock, onPreviewBlock }:
                   videoUrl={block.preview?.video}
                   onPreview={onPreviewBlock}
                   onAdd={
-                    block.type === "hyperframes:component"
+                    block.category === "vfx" ||
+                    block.category === "social" ||
+                    block.category === "scenes"
                       ? () => onAddBlock?.(block.name)
                       : undefined
                   }
diff --git a/packages/studio/src/hooks/useBlockCatalog.ts b/packages/studio/src/hooks/useBlockCatalog.ts
index f11454c0f..83ea930ed 100644
--- a/packages/studio/src/hooks/useBlockCatalog.ts
+++ b/packages/studio/src/hooks/useBlockCatalog.ts
@@ -56,7 +56,11 @@ export function useBlockCatalog() {
     if (search.trim()) {
       const q = search.toLowerCase();
       result = result.filter(
-        (b) => b.title.toLowerCase().includes(q) || b.description.toLowerCase().includes(q),
+        (b) =>
+          b.title.toLowerCase().includes(q) ||
+          b.description.toLowerCase().includes(q) ||
+          b.category.toLowerCase().includes(q) ||
+          b.tags?.some((t) => t.toLowerCase().includes(q)),
       );
     }
     return result;