From 4ced8a973aab114428932a26f16948eba39a402d Mon Sep 17 00:00:00 2001
From: Talisson Costa <talisson.odcosta@gmail.com>
Date: Tue, 20 Jan 2026 20:40:55 -0300
Subject: [PATCH] fix: add loading state for MultiSelect in Create Segment
 modal

Fixes #6544

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../segments/Rule/components/RuleConditionValueInput.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx b/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
index e3ef5c9b7dc6..b370e05ba217 100644
--- a/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
+++ b/frontend/web/components/segments/Rule/components/RuleConditionValueInput.tsx
@@ -53,17 +53,22 @@ const RuleConditionValueInput: React.FC<RuleConditionValueInputProps> = ({
     useConditionInputType(operator, property)
 
   if (showMultiEnvironmentSelect) {
+    const isLoading = !projectId || !data?.results
+
     return (
       <div className={className}>
         <MultiSelect
-          selectedValues={safeParseArray(value)}
+          selectedValues={isLoading ? [] : safeParseArray(value)}
           onSelectionChange={(selectedValues: string[]) => {
             onChange?.(selectedValues.join(','))
           }}
-          placeholder='Select environments...'
+          placeholder={
+            isLoading ? 'Loading environments...' : 'Select environments...'
+          }
           options={environmentOptions}
           className='w-100'
           hideSelectedOptions={false}
+          disabled={isLoading}
           inline
         />
       </div>