From 9be9bb6a1849bb4140680570084c4b41c7541869 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Tue, 7 Apr 2026 22:50:00 +0800
Subject: [PATCH] fix(stage-ui,ui): RoundRange updated, onboarding props
 corrected

---
 .../scenarios/dialogs/onboarding/onboarding.vue           | 8 +++++---
 packages/ui/src/components/form/range/round-range.vue     | 5 ++---
 posthog.config.ts                                         | 1 +
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/stage-ui/src/components/scenarios/dialogs/onboarding/onboarding.vue b/packages/stage-ui/src/components/scenarios/dialogs/onboarding/onboarding.vue
index 649b8ca36..b00854f1e 100644
--- a/packages/stage-ui/src/components/scenarios/dialogs/onboarding/onboarding.vue
+++ b/packages/stage-ui/src/components/scenarios/dialogs/onboarding/onboarding.vue
@@ -24,9 +24,11 @@ interface Emits {
   (e: 'skipped'): void
 }
 
-const { extraSteps = [] } = defineProps<{
+const props = withDefaults(defineProps<{
   extraSteps?: OnboardingStep[]
-}>()
+}>(), {
+  extraSteps: () => [],
+})
 const emit = defineEmits<Emits>()
 const step = ref(0)
 const direction = ref<'next' | 'previous'>('next')
@@ -134,7 +136,7 @@ const allSteps = computed<OnboardingStep[]>(() => {
         return true
       },
     },
-    ...extraSteps.map(step => ({
+    ...props.extraSteps.map(step => ({
       ...step,
       props: () => ({
         ...step.props?.(),
diff --git a/packages/ui/src/components/form/range/round-range.vue b/packages/ui/src/components/form/range/round-range.vue
index 9bd799a6d..04bd7b43a 100644
--- a/packages/ui/src/components/form/range/round-range.vue
+++ b/packages/ui/src/components/form/range/round-range.vue
@@ -71,7 +71,6 @@ https://toughengineer.github.io/demo/slider-styler*/
   min-height: var(--height);
   appearance: none;
   background: transparent;
-  border-radius: 4px;
   transition: background-color 0.2s ease;
 
   --thumb-width: var(--height);
@@ -84,7 +83,7 @@ https://toughengineer.github.io/demo/slider-styler*/
   --track-height: calc(var(--height) - var(--track-value-padding) * 2);
   --track-box-shadow: 0 0 12px -2px rgb(0 0 0 / 22%);
   --track-border: none;
-  --track-border-radius: 10px;
+  --track-border-radius: 16px;
   --track-background: rgba(0, 0, 0, 0.4);
 
   --track-value-background: rgb(255, 255, 255);
@@ -99,7 +98,7 @@ https://toughengineer.github.io/demo/slider-styler*/
   --thumb-background: rgb(238, 238, 238);
 
   --track-border: none;
-  --track-background: rgba(99, 99, 99, 0.7);
+  --track-background: rgba(64, 64, 64, 0.7);
   --track-box-shadow: 0 0 12px -2px rgb(0 0 0 / 22%);
 
   --track-value-background: rgb(238, 238, 238);
diff --git a/posthog.config.ts b/posthog.config.ts
index de9c1588f..c258fa295 100644
--- a/posthog.config.ts
+++ b/posthog.config.ts
@@ -6,6 +6,7 @@ function isEnvFlagEnabled(value: string | undefined): boolean {
   if (value == null)
     return false
 
+  // eslint-disable-next-line e18e/prefer-static-regex
   return /^(?:1|true|t|yes|y|on)$/i.test(value.trim())
 }