From 97336213013fc1b7c29135d50b2ac910887e6f7a Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Thu, 22 Jan 2026 16:46:32 +0800
Subject: [PATCH] fix(web): align table selector dropdown style with design

- Update font from system-xs-regular to system-sm-medium
- Add table icon to dropdown items
- Adjust spacing and border radius to match Figma design
---
 .../skill/viewer/sqlite-file-preview/table-selector.tsx    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/app/components/workflow/skill/viewer/sqlite-file-preview/table-selector.tsx b/web/app/components/workflow/skill/viewer/sqlite-file-preview/table-selector.tsx
index ac0d28b19a..0039d4e10c 100644
--- a/web/app/components/workflow/skill/viewer/sqlite-file-preview/table-selector.tsx
+++ b/web/app/components/workflow/skill/viewer/sqlite-file-preview/table-selector.tsx
@@ -85,7 +85,7 @@ const TableSelector: FC<TableSelectorProps> = ({
                 key={item.value}
                 type="button"
                 className={cn(
-                  'system-xs-regular flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-text-secondary hover:bg-state-base-hover',
+                  'system-sm-medium flex w-full items-center gap-1 rounded-lg px-2 py-1 text-left text-text-secondary hover:bg-state-base-hover',
                   'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-components-input-border-active',
                   item.value === selectedTable && 'bg-state-base-hover',
                 )}
@@ -94,9 +94,10 @@ const TableSelector: FC<TableSelectorProps> = ({
                   setOpen(false)
                 }}
               >
-                <span className="truncate">{item.name}</span>
+                <TableCells className="h-4 w-4 shrink-0 text-text-secondary" aria-hidden="true" />
+                <span className="flex-1 truncate px-1">{item.name}</span>
                 {item.value === selectedTable && (
-                  <Check className="ml-auto h-4 w-4 shrink-0 text-text-accent" aria-hidden="true" />
+                  <Check className="h-4 w-4 shrink-0 text-text-accent" aria-hidden="true" />
                 )}
               </button>
             ))}