From 018b213ae195bd40dd1b9da7e2682492d8a27700 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Fri, 27 Mar 2026 15:51:30 +0800
Subject: [PATCH] fix(web): restore skill tab unsaved close dialog styling

---
 .../workflow/skill/skill-body/tabs/file-tab-item.spec.tsx     | 2 +-
 .../workflow/skill/skill-body/tabs/file-tab-item.tsx          | 2 +-
 .../workflow/skill/skill-body/tabs/file-tabs.spec.tsx         | 4 +++-
 .../components/workflow/skill/skill-body/tabs/file-tabs.tsx   | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
index 078a99f5b1..4603103343 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
@@ -46,7 +46,7 @@ describe('FileTabItem', () => {
 
       render(<FileTabItem {...props} />)
 
-      expect(screen.getByText('readme.md')).toHaveClass('italic')
+      expect(screen.getByText('readme.md')).toHaveClass('italic', 'pr-[0.5px]')
     })
   })
 
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
index 4d61747f0e..0abadfabf2 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
@@ -74,7 +74,7 @@ const FileTabItem = ({
         <span
           className={cn(
             'max-w-40 truncate text-[13px] font-normal leading-4',
-            isPreview && 'italic',
+            isPreview && 'pr-[0.5px] italic',
             isActive
               ? 'text-text-primary'
               : 'text-text-tertiary',
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
index f6e1bd2c87..bf0ce19fb8 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
@@ -210,7 +210,9 @@ describe('FileTabs', () => {
       render(<FileTabs />)
 
       fireEvent.click(screen.getByRole('button', { name: /common\.operation\.close/i }))
-      fireEvent.click(screen.getByRole('button', { name: /workflow\.skillSidebar\.unsavedChanges\.confirmClose/i }))
+      const confirmButton = screen.getByRole('button', { name: /workflow\.skillSidebar\.unsavedChanges\.confirmClose/i })
+      expect(confirmButton.className).toContain('btn-destructive')
+      fireEvent.click(confirmButton)
 
       expect(mocks.closeTab).toHaveBeenCalledTimes(1)
       expect(mocks.closeTab).toHaveBeenCalledWith('file-1')
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
index 956fabf612..a39de627b3 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
@@ -134,7 +134,7 @@ const FileTabs = () => {
             <AlertDialogCancelButton>
               {t('operation.cancel', { ns: 'common' })}
             </AlertDialogCancelButton>
-            <AlertDialogConfirmButton destructive={false} onClick={handleConfirmClose}>
+            <AlertDialogConfirmButton onClick={handleConfirmClose}>
               {t('skillSidebar.unsavedChanges.confirmClose')}
             </AlertDialogConfirmButton>
           </AlertDialogActions>