From a5653f253a62ea8dd967cf9bf68f118863ed11ae Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 18 Jul 2025 17:56:46 +0800
Subject: [PATCH] chore: version show

---
 .../config/automatic/version-selector.tsx     | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/web/app/components/app/configuration/config/automatic/version-selector.tsx b/web/app/components/app/configuration/config/automatic/version-selector.tsx
index e5e0df0976..31d9826b31 100644
--- a/web/app/components/app/configuration/config/automatic/version-selector.tsx
+++ b/web/app/components/app/configuration/config/automatic/version-selector.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useCallback } from 'react'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { useBoolean } from 'ahooks'
 import cn from '@/utils/classnames'
@@ -22,6 +22,16 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, on
     set: handleOpenSet,
   }] = useBoolean(false)
 
+  const moreThanOneVersion = versionLen > 1
+  const handleOpen = useCallback((value: boolean) => {
+    if (moreThanOneVersion)
+      handleOpenSet(value)
+  }, [moreThanOneVersion, handleOpenToggle])
+  const handleToggle = useCallback(() => {
+    if (moreThanOneVersion)
+      handleOpenToggle()
+  }, [moreThanOneVersion, handleOpenToggle])
+
   const versions = Array.from({ length: versionLen }, (_, index) => ({
     label: `Version ${index + 1}${index === versionLen - 1 ? ' · Latest' : ''}`,
     value: index,
@@ -37,16 +47,16 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, on
         crossAxis: -8,
       }}
       open={isOpen}
-      onOpenChange={handleOpenSet}
+      onOpenChange={handleOpen}
     >
       <PortalToFollowElemTrigger
-        onClick={handleOpenToggle}
+        onClick={handleToggle}
         asChild
       >
 
-        <div className='system-xs-medium flex cursor-pointer items-center text-text-secondary'>
+        <div className={cn('system-xs-medium flex items-center text-text-secondary', moreThanOneVersion && 'cursor-pointer')}>
           <div>Version {value + 1}{isLatest && ' · Latest'}</div>
-          <RiArrowDownSLine className='size-3 ' />
+          {moreThanOneVersion && <RiArrowDownSLine className='size-3 ' />}
         </div>
       </PortalToFollowElemTrigger >
       <PortalToFollowElemContent className={cn(