From 44cfbae5bf74539b205ce961c2ab041e2bec9585 Mon Sep 17 00:00:00 2001
From: Octopus <liyuan851277048@icloud.com>
Date: Wed, 29 Apr 2026 22:47:17 +0800
Subject: [PATCH] fix(stage-pages): show scrollbar in module provider lists so
 all items are reachable (#1723)

---------

Co-authored-by: octo-patch <octo-patch@github.com>
---
 .../stage-pages/src/pages/settings/modules/consciousness.vue  | 3 +--
 packages/stage-pages/src/pages/settings/modules/hearing.vue   | 3 +--
 packages/stage-pages/src/pages/settings/modules/speech.vue    | 4 ++--
 packages/stage-pages/src/pages/settings/modules/vision.vue    | 3 +--
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/stage-pages/src/pages/settings/modules/consciousness.vue b/packages/stage-pages/src/pages/settings/modules/consciousness.vue
index de2175150..e1c84d587 100644
--- a/packages/stage-pages/src/pages/settings/modules/consciousness.vue
+++ b/packages/stage-pages/src/pages/settings/modules/consciousness.vue
@@ -71,8 +71,7 @@ function handleDeleteProvider(providerId: string) {
           <fieldset
             v-if="persistedChatProvidersMetadata.length > 0"
             flex="~ row gap-4"
-            :style="{ 'scrollbar-width': 'none' }"
-            min-w-0 of-x-scroll scroll-smooth
+            min-w-0 of-x-auto scroll-smooth
             role="radiogroup"
           >
             <RadioCardSimple
diff --git a/packages/stage-pages/src/pages/settings/modules/hearing.vue b/packages/stage-pages/src/pages/settings/modules/hearing.vue
index 47cc0b2c2..5da167eaf 100644
--- a/packages/stage-pages/src/pages/settings/modules/hearing.vue
+++ b/packages/stage-pages/src/pages/settings/modules/hearing.vue
@@ -528,8 +528,7 @@ onUnmounted(() => {
             <fieldset
               v-if="configuredTranscriptionProvidersMetadata.length > 0"
               flex="~ row gap-4"
-              :style="{ 'scrollbar-width': 'none' }"
-              min-w-0 of-x-scroll scroll-smooth
+              min-w-0 of-x-auto scroll-smooth
               role="radiogroup"
             >
               <RadioCardSimple
diff --git a/packages/stage-pages/src/pages/settings/modules/speech.vue b/packages/stage-pages/src/pages/settings/modules/speech.vue
index ca38ee54c..3f95e27be 100644
--- a/packages/stage-pages/src/pages/settings/modules/speech.vue
+++ b/packages/stage-pages/src/pages/settings/modules/speech.vue
@@ -270,8 +270,8 @@ function handleDeleteProvider(providerId: string) {
           </div>
           <div max-w-full>
             <fieldset
-              v-if="configuredSpeechProvidersMetadata.length > 0" flex="~ row gap-4" :style="{ 'scrollbar-width': 'none' }"
-              min-w-0 of-x-scroll scroll-smooth role="radiogroup"
+              v-if="configuredSpeechProvidersMetadata.length > 0" flex="~ row gap-4"
+              min-w-0 of-x-auto scroll-smooth role="radiogroup"
             >
               <RadioCardSimple
                 v-for="metadata in configuredSpeechProvidersMetadata"
diff --git a/packages/stage-pages/src/pages/settings/modules/vision.vue b/packages/stage-pages/src/pages/settings/modules/vision.vue
index 9dcac59b8..bbb8c34d5 100644
--- a/packages/stage-pages/src/pages/settings/modules/vision.vue
+++ b/packages/stage-pages/src/pages/settings/modules/vision.vue
@@ -94,8 +94,7 @@ function formatRelativeTime(timestamp: number | null) {
         <div :class="['max-w-full']">
           <fieldset
             v-if="persistedChatProvidersMetadata.length > 0"
-            :class="['flex', 'min-w-0', 'flex-row', 'gap-4', 'of-x-scroll', 'scroll-smooth']"
-            :style="{ 'scrollbar-width': 'none' }"
+            :class="['flex', 'min-w-0', 'flex-row', 'gap-4', 'of-x-auto', 'scroll-smooth']"
             role="radiogroup"
           >
             <RadioCardSimple