From c5600f9b11b913a8898f8ac340ab56b856afd2c4 Mon Sep 17 00:00:00 2001
From: QuentinHsu <xuquentinyang@gmail.com>
Date: Fri, 3 Jul 2026 23:40:11 +0800
Subject: [PATCH] perf(channels): compact model test row actions

- replace per-model test text buttons with icon-only actions matching the channel list.
- let the action column shrink to its icon content to reduce table width.
---
 .../dialogs/channel-test-dialog.tsx           | 36 ++++++++++++-------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx b/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
index 312e941c..a2d641d2 100644
--- a/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
+++ b/web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
@@ -26,6 +26,7 @@ import {
   Check,
   CheckCircle2,
   Copy,
+  Gauge,
   Info,
   Loader2,
   Settings,
@@ -293,7 +294,7 @@ function getTestTableColumnClass(columnId: string) {
     case 'result':
       return 'w-80 min-w-80 max-w-80 whitespace-normal'
     case 'actions':
-      return 'bg-popover w-24 min-w-24 whitespace-nowrap sm:w-28 sm:min-w-28'
+      return 'bg-popover w-px whitespace-nowrap'
     default:
       return undefined
   }
@@ -922,17 +923,26 @@ function ChannelTestDialogContent({
           const isTestingModel = testingModels.has(model)
 
           return (
-            <Button
-              variant='outline'
-              size='sm'
-              onClick={() => testSingleModel(model)}
-              disabled={isTestingModel || isBatchTesting}
-            >
-              {isTestingModel && (
-                <Loader2 className='animate-spin' data-icon='inline-start' />
-              )}
-              {t('Test')}
-            </Button>
+            <Tooltip>
+              <TooltipTrigger
+                render={
+                  <Button
+                    variant='ghost'
+                    size='icon-sm'
+                    onClick={() => testSingleModel(model)}
+                    disabled={isTestingModel || isBatchTesting}
+                    aria-label={t('Test Connection')}
+                  />
+                }
+              >
+                {isTestingModel ? (
+                  <Loader2 className='size-4 animate-spin' />
+                ) : (
+                  <Gauge className='size-4' />
+                )}
+              </TooltipTrigger>
+              <TooltipContent>{t('Test Connection')}</TooltipContent>
+            </Tooltip>
           )
         },
         enableSorting: false,
@@ -1130,7 +1140,7 @@ function ChannelTestDialogContent({
                     <col className='w-auto' />
                     <col className='w-28' />
                     <col className='w-80' />
-                    <col className='w-auto' />
+                    <col className='w-px' />
                   </colgroup>
                 }
                 getColumnClassName={(columnId) =>