Merge pull request #1723 from iamfaran/fix/environment-type

[FIX] Make env type optional in frontend

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx

@@ -82,7 +82,7 @@ const EnvironmentsList: React.FC = () => {
   // Calculate environment type statistics
   const environmentStats = React.useMemo(() => {
     const stats = environments.reduce((acc, env) => {
-      const type = env.environmentType.toUpperCase();
+      const type = env.environmentType?.toUpperCase() || 'TEST';
       acc[type] = (acc[type] || 0) + 1;
       return acc;
     }, {} as Record<string, number>);
@@ -145,7 +145,7 @@ const EnvironmentsList: React.FC = () => {
       (env.environmentName || "").toLowerCase().includes(searchLower) ||
       (env.environmentFrontendUrl || "").toLowerCase().includes(searchLower) ||
       env.environmentId.toLowerCase().includes(searchLower) ||
-      env.environmentType.toLowerCase().includes(searchLower)
+      (env.environmentType || "").toLowerCase().includes(searchLower)
     );
   }).sort((a, b) => {
     // Sort by license status: licensed environments first

client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx

@@ -152,7 +152,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
                   <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
                     <Avatar
                       style={{ 
-                        backgroundColor: getAvatarColor(env.environmentType), 
+                        backgroundColor: getAvatarColor(env.environmentType || 'TEST'), 
                         display: 'flex', 
                         alignItems: 'center',
                         justifyContent: 'center'

client/packages/lowcoder/src/pages/setting/environments/types/environment.types.ts

@@ -6,7 +6,7 @@ export interface Environment {
   environmentName?: string;
   environmentDescription?: string;
   environmentIcon?: string;
-  environmentType: string;
+  environmentType?: string;
   environmentApiServiceUrl?: string;
   environmentNodeServiceUrl?: string;
   environmentFrontendUrl?: string;

client/packages/lowcoder/src/pages/setting/environments/utils/environmentUtils.ts

@@ -66,6 +66,6 @@ export const getEnvironmentHeaderGradient = (envType: string | undefined): strin
  * @returns Formatted environment type string
  */
 export const formatEnvironmentType = (envType: string | undefined): string => {
-  if (!envType) return 'UNKNOWN';
+  if (!envType) return 'TEST';
   return envType.toUpperCase();
 };