From 77e142eb24ed7fa5a85f517ce84fcd23fcff60b0 Mon Sep 17 00:00:00 2001
From: Levis-w <wlw82348589@gmail.com>
Date: Sun, 10 May 2026 22:20:58 +0800
Subject: [PATCH] fix: add pointer-events-none to TileLayout to allow scrolling
 in chat

The TileLayout component covers the entire screen with absolute positioning,
which intercepts touch/mouse events and prevents scrolling in the chat area
below it. Adding pointer-events-none allows events to pass through to the
underlying chat content.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../blocks/agent-session-view-01/components/tile-view.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/agents-ui/blocks/agent-session-view-01/components/tile-view.tsx b/components/agents-ui/blocks/agent-session-view-01/components/tile-view.tsx
index 2fbe2f841..86552bd40 100644
--- a/components/agents-ui/blocks/agent-session-view-01/components/tile-view.tsx
+++ b/components/agents-ui/blocks/agent-session-view-01/components/tile-view.tsx
@@ -106,7 +106,7 @@ export function TileLayout({
   const videoHeight = agentVideoTrack?.publication.dimensions?.height ?? 0;
 
   return (
-    <div className="absolute inset-x-0 top-8 bottom-32 z-50 md:top-12 md:bottom-40">
+    <div className="pointer-events-none absolute inset-x-0 top-8 bottom-32 z-50 md:top-12 md:bottom-40">
       <div className="relative mx-auto h-full max-w-2xl px-4 md:px-0">
         <div className={cn(tileViewClassNames.grid)}>
           {/* Agent */}