From e2b220614ca534658f03f90934ad401ce565cce3 Mon Sep 17 00:00:00 2001
From: "mini.jeong" <mini.jeong@navercorp.com>
Date: Thu, 9 Apr 2026 15:55:22 +0900
Subject: [PATCH 1/2] fix(blocks): render tooltip field in sub-block label

Signed-off-by: Mini Jeong <mini.jeong@navercorp.com>
---
 .../editor/components/sub-block/sub-block.tsx       | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
index d85adff7b7e..fc5f98bcead 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
@@ -7,6 +7,7 @@ import {
   Check,
   Clipboard,
   ExternalLink,
+  Info,
 } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import { Button, Input, Label, Tooltip } from '@/components/emcn/components'
@@ -249,6 +250,18 @@ const renderLabel = (
       <Label className='flex items-baseline gap-1.5 whitespace-nowrap'>
         {config.title}
         {required && <span className='ml-0.5'>*</span>}
+        {config.tooltip && (
+          <Tooltip.Root>
+            <Tooltip.Trigger asChild>
+              <span className='inline-flex'>
+                <Info className='h-3 w-3 flex-shrink-0 cursor-pointer text-muted-foreground' />
+              </span>
+            </Tooltip.Trigger>
+            <Tooltip.Content side='top'>
+              <p>{config.tooltip}</p>
+            </Tooltip.Content>
+          </Tooltip.Root>
+        )}
         {labelSuffix}
         {config.type === 'code' &&
           config.language === 'json' &&

From 48919823109f92e8d34914e18fa8ec2fb5c0060c Mon Sep 17 00:00:00 2001
From: "mini.jeong" <mini.jeong@navercorp.com>
Date: Thu, 9 Apr 2026 16:10:48 +0900
Subject: [PATCH 2/2] fix(blocks): add keyboard accessibility to tooltip
 triggers

Signed-off-by: Mini Jeong <mini.jeong@navercorp.com>
---
 .../components/editor/components/sub-block/sub-block.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
index fc5f98bcead..65ed912d1db 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
@@ -253,7 +253,7 @@ const renderLabel = (
         {config.tooltip && (
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
-              <span className='inline-flex'>
+              <span className='inline-flex' tabIndex={0} role='button'>
                 <Info className='h-3 w-3 flex-shrink-0 cursor-pointer text-muted-foreground' />
               </span>
             </Tooltip.Trigger>
@@ -269,7 +269,7 @@ const renderLabel = (
           !wandState?.isStreaming && (
             <Tooltip.Root>
               <Tooltip.Trigger asChild>
-                <span className='inline-flex'>
+                <span className='inline-flex' tabIndex={0} role='button'>
                   <AlertTriangle className='h-3 w-3 flex-shrink-0 cursor-pointer text-destructive' />
                 </span>
               </Tooltip.Trigger>