fix(envvars): fix split for pasting envvars with query params (#1156)

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/environment/environment.tsx

@@ -161,13 +161,27 @@ export function EnvironmentVariables({
     const inputType = (e.target as HTMLInputElement).getAttribute('data-input-type') as
       | 'key'
       | 'value'
-    const containsKeyValuePair = text.includes('=')
 
-    if (inputType && !containsKeyValuePair) {
-      handleSingleValuePaste(text, index, inputType)
-      return
+    // If we're in a specific input field, check if this looks like environment variable key-value pairs
+    if (inputType) {
+      // Check if this looks like valid environment variable key-value pairs
+      const hasValidEnvVarPattern = lines.some((line) => {
+        const equalIndex = line.indexOf('=')
+        if (equalIndex === -1 || equalIndex === 0) return false
+
+        const potentialKey = line.substring(0, equalIndex).trim()
+        const envVarPattern = /^[A-Za-z_][A-Za-z0-9_]*$/
+        return envVarPattern.test(potentialKey)
+      })
+
+      // If it doesn't look like env vars, treat as single value paste
+      if (!hasValidEnvVarPattern) {
+        handleSingleValuePaste(text, index, inputType)
+        return
+      }
     }
 
+    // Try to parse as key-value pairs
     handleKeyValuePaste(lines)
   }
 
@@ -180,14 +194,35 @@ export function EnvironmentVariables({
   const handleKeyValuePaste = (lines: string[]) => {
     const parsedVars = lines
       .map((line) => {
-        const [key, ...valueParts] = line.split('=')
-        const value = valueParts.join('=').trim()
+        // Only split on = if it looks like a proper environment variable (key=value format)
+        const equalIndex = line.indexOf('=')
+
+        // If no = found or = is at the beginning, skip this line
+        if (equalIndex === -1 || equalIndex === 0) {
+          return null
+        }
+
+        const potentialKey = line.substring(0, equalIndex).trim()
+
+        // Check if the potential key looks like an environment variable name
+        // Should be letters, numbers, underscores, and not contain spaces, URLs, etc.
+        const envVarPattern = /^[A-Za-z_][A-Za-z0-9_]*$/
+
+        // If it doesn't look like an env var name, skip this line
+        if (!envVarPattern.test(potentialKey)) {
+          return null
+        }
+
+        const key = potentialKey
+        const value = line.substring(equalIndex + 1).trim()
+
         return {
-          key: key.trim(),
+          key,
           value,
           id: Date.now() + Math.random(),
         }
       })
+      .filter((parsed): parsed is NonNullable<typeof parsed> => parsed !== null)
       .filter(({ key, value }) => key && value)
 
     if (parsedVars.length > 0) {