diff --git a/client/packages/lowcoder/package.json b/client/packages/lowcoder/package.json
index e838c870d8..7137e23b6b 100644
--- a/client/packages/lowcoder/package.json
+++ b/client/packages/lowcoder/package.json
@@ -7,6 +7,7 @@
   "types": "src/index.sdk.ts",
   "dependencies": {
     "@ant-design/icons": "^5.3.0",
+    "@bany/curl-to-json": "^1.2.8",
     "@codemirror/autocomplete": "^6.11.1",
     "@codemirror/commands": "^6.3.2",
     "@codemirror/lang-css": "^6.2.1",
diff --git a/client/packages/lowcoder/src/api/orgApi.ts b/client/packages/lowcoder/src/api/orgApi.ts
index 588a20df51..379234b32e 100644
--- a/client/packages/lowcoder/src/api/orgApi.ts
+++ b/client/packages/lowcoder/src/api/orgApi.ts
@@ -62,6 +62,7 @@ export class OrgApi extends Api {
   static updateOrgURL = (orgId: string) => `/organizations/${orgId}/update`;
   static fetchUsage = (orgId: string) => `/organizations/${orgId}/api-usage`;
   static fetchOrgsByEmailURL = (email: string) => `organizations/byuser/${email}`;
+  static fetchGroupPotentialMembersURL = (groupId: string) => `/groups/${groupId}/potential-members`;
 
   static createGroup(request: { name: string }): AxiosPromise<GenericApiResponse<OrgGroup>> {
     return Api.post(OrgApi.createGroupURL, request);
@@ -110,6 +111,10 @@ export class OrgApi extends Api {
     return Api.get(OrgApi.fetchGroupUsersURL(groupId));
   }
 
+  static fetchGroupPotentialMembers(searchName: string, groupId: string): AxiosPromise<OrgUsersResponse> {
+    return Api.get(OrgApi.fetchGroupPotentialMembersURL(groupId), {searchName})
+  }
+
   static fetchGroupUsersPagination(request: fetchGroupUserRequestType): AxiosPromise<GroupUsersPaginationResponse> {
     const {groupId, ...res} = request;
     return Api.get(OrgApi.fetchGroupUsersURL(groupId), {...res});
diff --git a/client/packages/lowcoder/src/api/userApi.ts b/client/packages/lowcoder/src/api/userApi.ts
index c80d4b19dd..cd06186cad 100644
--- a/client/packages/lowcoder/src/api/userApi.ts
+++ b/client/packages/lowcoder/src/api/userApi.ts
@@ -1,6 +1,6 @@
 import Api from "api/api";
 import { AxiosPromise } from "axios";
-import { OrgAndRole } from "constants/orgConstants";
+import { Org, OrgAndRole } from "constants/orgConstants";
 import { BaseUserInfo, CurrentUser } from "constants/userConstants";
 import { MarkUserStatusPayload, UpdateUserPayload } from "redux/reduxActions/userActions";
 import { ApiResponse, GenericApiResponse } from "./apiResponses";
@@ -60,10 +60,23 @@ export interface FetchApiKeysResponse extends ApiResponse {
 
 export type GetCurrentUserResponse = GenericApiResponse<CurrentUser>;
 
+export interface GetMyOrgsResponse extends ApiResponse {
+  data: {
+    data: Array<{
+      orgId: string;
+      orgName: string;
+    }>;
+    pageNum: number;
+    pageSize: number;
+    total: number;
+  };
+}
+
 class UserApi extends Api {
   static thirdPartyLoginURL = "/auth/tp/login";
   static thirdPartyBindURL = "/auth/tp/bind";
   static usersURL = "/users";
+  static myOrgsURL = "/users/myorg";
   static sendVerifyCodeURL = "/auth/otp/send";
   static logoutURL = "/auth/logout";
   static userURL = "/users/me";
@@ -127,6 +140,19 @@ class UserApi extends Api {
   static getCurrentUser(): AxiosPromise<GetCurrentUserResponse> {
     return Api.get(UserApi.currentUserURL);
   }
+  static getMyOrgs(
+    pageNum: number = 1, 
+    pageSize: number = 20, 
+    orgName?: string
+  ): AxiosPromise<GetMyOrgsResponse> {
+    const params = new URLSearchParams({
+      pageNum: pageNum.toString(),
+      pageSize: pageSize.toString(),
+      ...(orgName && { orgName })
+    });
+    
+    return Api.get(`${UserApi.myOrgsURL}?${params}`);
+  }
 
   static getRawCurrentUser(): AxiosPromise<GetCurrentUserResponse> {
     return Api.get(UserApi.rawCurrentUserURL);
diff --git a/client/packages/lowcoder/src/app.tsx b/client/packages/lowcoder/src/app.tsx
index 1fb49720d4..a4857882ee 100644
--- a/client/packages/lowcoder/src/app.tsx
+++ b/client/packages/lowcoder/src/app.tsx
@@ -60,7 +60,6 @@ import GlobalInstances from 'components/GlobalInstances';
 import { fetchHomeData, fetchServerSettingsAction } from "./redux/reduxActions/applicationActions";
 import { getNpmPackageMeta } from "./comps/utils/remote";
 import { packageMetaReadyAction, setLowcoderCompsLoading } from "./redux/reduxActions/npmPluginActions";
-import { fetchBrandingSetting } from "./redux/reduxActions/enterpriseActions";
 import { EnterpriseProvider } from "./util/context/EnterpriseContext";
 import { SimpleSubscriptionContextProvider } from "./util/context/SimpleSubscriptionContext";
 import { getBrandingSetting } from "./redux/selectors/enterpriseSelectors";
@@ -137,7 +136,6 @@ type AppIndexProps = {
   defaultHomePage: string | null | undefined;
   fetchHomeDataFinished: boolean;
   fetchConfig: (orgId?: string) => void;
-  fetchBrandingSetting: (orgId?: string) => void;
   fetchHomeData: (currentUserAnonymous?: boolean | undefined) => void;
   fetchLowcoderCompVersions: () => void;
   getCurrentUser: () => void;
@@ -167,7 +165,6 @@ class AppIndex extends React.Component<AppIndexProps, any> {
       if (!this.props.currentUserAnonymous) {
         this.props.fetchHomeData(this.props.currentUserAnonymous);
         this.props.fetchLowcoderCompVersions();
-        this.props.fetchBrandingSetting(this.props.currentOrgId);
       }
     }
   }
@@ -521,7 +518,6 @@ const mapDispatchToProps = (dispatch: any) => ({
   fetchHomeData: (currentUserAnonymous: boolean | undefined) => {
     dispatch(fetchHomeData({}));
   },
-  fetchBrandingSetting: (orgId?: string) => dispatch(fetchBrandingSetting({ orgId, fallbackToGlobal: true })),
   fetchLowcoderCompVersions: async () => {
     try {
       dispatch(setLowcoderCompsLoading(true));
diff --git a/client/packages/lowcoder/src/components/CurlImport.tsx b/client/packages/lowcoder/src/components/CurlImport.tsx
new file mode 100644
index 0000000000..a15d54bbf3
--- /dev/null
+++ b/client/packages/lowcoder/src/components/CurlImport.tsx
@@ -0,0 +1,97 @@
+import React, { useState } from "react";
+import { Modal, Input, Button, message } from "antd";
+import { trans } from "i18n";
+import parseCurl from "@bany/curl-to-json";
+const { TextArea } = Input;
+interface CurlImportModalProps {
+  open: boolean;
+  onCancel: () => void;
+  onSuccess: (parsedData: any) => void;
+}
+
+export function CurlImportModal(props: CurlImportModalProps) {
+  const { open, onCancel, onSuccess } = props;
+  const [curlCommand, setCurlCommand] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const handleImport = async () => {
+    if (!curlCommand.trim()) {
+      message.error("Please enter a cURL command");
+      return;
+    }
+
+    setLoading(true);
+    try {
+      // Parse the cURL command using the correct import
+      const parsedData = parseCurl(curlCommand);
+
+      
+      
+      // Log the result for now as requested
+    //   console.log("Parsed cURL data:", parsedData);
+      
+      // Call success callback with parsed data
+      onSuccess(parsedData);
+      
+      // Reset form and close modal
+      setCurlCommand("");
+      onCancel();
+      
+      message.success("cURL command imported successfully!");
+    } catch (error: any) {
+      console.error("Error parsing cURL command:", error);
+      message.error(`Failed to parse cURL command: ${error.message}`);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleCancel = () => {
+    setCurlCommand("");
+    onCancel();
+  };
+
+  return (
+    <Modal
+      title="Import from cURL"
+      open={open}
+      onCancel={handleCancel}
+      footer={[
+        <Button key="cancel" onClick={handleCancel}>
+          Cancel
+        </Button>,
+        <Button key="import" type="primary" loading={loading} onClick={handleImport}>
+          Import
+        </Button>,
+      ]}
+      width={600}
+    >
+      <div style={{ marginBottom: 16 }}>
+        <div style={{ marginBottom: 8, fontWeight: 500 }}>
+          Paste cURL Command Here
+        </div>
+        <div style={{ marginBottom: 12, color: "#666", fontSize: "12px" }}>
+          <div style={{ marginBottom: 4 }}>
+            <strong>Examples:</strong>
+          </div>
+          <div style={{ marginBottom: 2 }}>
+            GET: <code>curl -X GET https://jsonplaceholder.typicode.com/posts/1</code>
+          </div>
+          <div style={{ marginBottom: 2 }}>
+            POST: <code>curl -X POST https://jsonplaceholder.typicode.com/posts -H "Content-Type: application/json" -d '&#123;"title":"foo","body":"bar","userId":1&#125;'</code>
+          </div>
+          <div>
+            Users: <code>curl -X GET https://jsonplaceholder.typicode.com/users</code>
+          </div>
+        </div>
+        <TextArea
+          value={curlCommand}
+          onChange={(e) => setCurlCommand(e.target.value)}
+          placeholder="curl -X GET https://jsonplaceholder.typicode.com/posts/1"
+          rows={8}
+          style={{ fontFamily: "monospace" }}
+        />
+      </div>
+    </Modal>
+  );
+} 
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/components/ResCreatePanel.tsx b/client/packages/lowcoder/src/components/ResCreatePanel.tsx
index 9d60608aa8..04ed9fb79b 100644
--- a/client/packages/lowcoder/src/components/ResCreatePanel.tsx
+++ b/client/packages/lowcoder/src/components/ResCreatePanel.tsx
@@ -26,6 +26,7 @@ import { getUser } from "../redux/selectors/usersSelectors";
 import DataSourceIcon from "./DataSourceIcon";
 import { genRandomKey } from "comps/utils/idGenerator";
 import { isPublicApplication } from "@lowcoder-ee/redux/selectors/applicationSelector";
+import { CurlImportModal } from "./CurlImport";
 
 const Wrapper = styled.div<{ $placement: PageType }>`
   width: 100%;
@@ -230,6 +231,7 @@ export function ResCreatePanel(props: ResCreateModalProps) {
   const { onSelect, onClose, recentlyUsed, datasource, placement = "editor" } = props;
   const [isScrolling, setScrolling] = useState(false);
   const [visible, setVisible] = useState(false);
+  const [curlModalVisible, setCurlModalVisible] = useState(false);
 
   const isPublicApp = useSelector(isPublicApplication);
   const user = useSelector(getUser);
@@ -244,6 +246,14 @@ export function ResCreatePanel(props: ResCreateModalProps) {
     setScrolling(top > 0);
   }, 100);
 
+  const handleCurlImportSuccess = (parsedData: any) => {
+    onSelect(BottomResTypeEnum.Query, {
+      compType: "restApi", 
+      dataSourceId: QUICK_REST_API_ID,
+      curlData: parsedData
+    });
+  };
+
   return (
     <Wrapper $placement={placement}>
       <Title $shadow={isScrolling} $placement={placement}>
@@ -331,6 +341,10 @@ export function ResCreatePanel(props: ResCreateModalProps) {
                 <ResButton size={buttonSize} identifier={"streamApi"} onSelect={onSelect} />
                 <ResButton size={buttonSize} identifier={"alasql"} onSelect={onSelect} />
                 <ResButton size={buttonSize} identifier={"graphql"} onSelect={onSelect} />
+                <DataSourceButton size={buttonSize} onClick={() => setCurlModalVisible(true)}>
+                  <DataSourceIcon size="large" dataSourceType="restApi" />
+                  Import from cURL
+                </DataSourceButton>
               </DataSourceListWrapper>
             </div>
 
@@ -374,6 +388,11 @@ export function ResCreatePanel(props: ResCreateModalProps) {
         onCancel={() => setVisible(false)}
         onCreated={() => setVisible(false)}
       />
+      <CurlImportModal
+        open={curlModalVisible}
+        onCancel={() => setCurlModalVisible(false)}
+        onSuccess={handleCurlImportSuccess}
+      />
     </Wrapper>
   );
 }
diff --git a/client/packages/lowcoder/src/comps/comps/appSettingsComp.tsx b/client/packages/lowcoder/src/comps/comps/appSettingsComp.tsx
index 4f240f35f7..e7bd5dd41a 100644
--- a/client/packages/lowcoder/src/comps/comps/appSettingsComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/appSettingsComp.tsx
@@ -17,15 +17,16 @@ import { DEFAULT_THEMEID } from "comps/utils/themeUtil";
 import { NumberControl, RangeControl, StringControl } from "comps/controls/codeControl";
 import { IconControl } from "comps/controls/iconControl";
 import { dropdownControl } from "comps/controls/dropdownControl";
-import { ApplicationCategoriesEnum } from "constants/applicationConstants";
+import { ApplicationCategoriesEnum, AppUILayoutType } from "constants/applicationConstants";
 import { BoolControl } from "../controls/boolControl";
-import { getNpmPackageMeta } from "../utils/remote";
 import { getPromiseAfterDispatch } from "@lowcoder-ee/util/promiseUtils";
 import type { AppState } from "@lowcoder-ee/redux/reducers";
 import { ColorControl } from "../controls/colorControl";
 import { DEFAULT_ROW_COUNT } from "@lowcoder-ee/layout/calculateUtils";
 import { AppSettingContext } from "../utils/appSettingContext";
-import { isPublicApplication } from "@lowcoder-ee/redux/selectors/applicationSelector";
+import { currentApplication, isPublicApplication } from "@lowcoder-ee/redux/selectors/applicationSelector";
+import { isAggregationApp } from "util/appUtils";
+import history from "@lowcoder-ee/util/history";
 
 const TITLE = trans("appSetting.title");
 const USER_DEFINE = "__USER_DEFINE";
@@ -234,6 +235,7 @@ type ChildrenInstance = RecordConstructorToComp<typeof childrenMap> & {
 };
 
 function AppGeneralSettingsModal(props: ChildrenInstance) {
+  const application = useSelector(currentApplication);
   const lowcoderCompsMeta = useSelector((state: AppState) => state.npmPlugin.packageMeta['lowcoder-comps']);
   const [lowcoderCompVersions, setLowcoderCompVersions] = useState(['latest']);
   const {
@@ -288,7 +290,8 @@ function AppGeneralSettingsModal(props: ChildrenInstance) {
           </div>
         </DivStyled>
       </BaseSection>
-      <BaseSection
+      {application && !isAggregationApp(AppUILayoutType[application.applicationType]) && 
+        <BaseSection
         name={"Lowcoder Comps"}
         width={288}
         noMargin
@@ -320,6 +323,7 @@ function AppGeneralSettingsModal(props: ChildrenInstance) {
           />
         </DivStyled>
       </BaseSection>
+      }
       <BaseSection
         name={"Shortcuts"}
         width={288}
@@ -419,7 +423,7 @@ function AppCanvasSettingsModal(props: ChildrenInstance) {
             preNode={() => (
               isPublicApp ? <></> : (
                 <>
-                  <CreateDiv onClick={() => window.open(THEME_SETTING)}>
+                  <CreateDiv onClick={() => window.open(history.createHref({pathname: THEME_SETTING}))}>
                     <StyledAddIcon />
                     {trans("appSetting.themeCreate")}
                   </CreateDiv>
@@ -520,7 +524,6 @@ export const AppSettingsComp = new MultiCompBuilder(childrenMap, (props) => {
     const { settingType } = useContext(AppSettingContext);
     const themeList = useSelector(getThemeList) || [];
     const defaultTheme = (useSelector(getDefaultTheme) || "").toString();
-
     return settingType === 'canvas'
       ? <AppCanvasSettingsModal {...children} themeList={themeList} defaultTheme={defaultTheme} />
       : <AppGeneralSettingsModal {...children} themeList={themeList} defaultTheme={defaultTheme} />;
diff --git a/client/packages/lowcoder/src/comps/comps/moduleContainerComp/moduleLayoutComp.tsx b/client/packages/lowcoder/src/comps/comps/moduleContainerComp/moduleLayoutComp.tsx
index 6468422bfc..c758fc053b 100644
--- a/client/packages/lowcoder/src/comps/comps/moduleContainerComp/moduleLayoutComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/moduleContainerComp/moduleLayoutComp.tsx
@@ -65,11 +65,12 @@ function ModuleLayoutView(props: IProps) {
   const defaultGrid = useContext(ThemeContext)?.theme?.gridColumns || "24"; //Added By Aqib Mirza
   const { readOnly } = useContext(ExternalEditorContext);
 
-  if (readOnly) {
-    return (
-      <ModulePreviewWrapper className={CNRootContainer}>{props.containerView}</ModulePreviewWrapper>
-    );
-  }
+  // Removed this so that module load with canvas view and app settings will apply
+  // if (readOnly) {
+  //   return (
+  //     <ModulePreviewWrapper className={CNRootContainer}>{props.containerView}</ModulePreviewWrapper>
+  //   );
+  // }
 
   const layout = {
     [moduleContainerId]: {
diff --git a/client/packages/lowcoder/src/comps/comps/rootComp.tsx b/client/packages/lowcoder/src/comps/comps/rootComp.tsx
index 58ef58d15b..50fe1229ed 100644
--- a/client/packages/lowcoder/src/comps/comps/rootComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/rootComp.tsx
@@ -82,7 +82,7 @@ const RootView = React.memo((props: RootViewProps) => {
     localDefaultTheme;
   
   const themeId = selectedTheme ? selectedTheme.id : (
-    previewTheme ? "preview-theme" : 'default-theme-id'
+    previewTheme?.previewTheme ? "preview-theme" : 'default-theme-id'
   ); 
 
   useEffect(() => {
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/multiSelectComp.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/multiSelectComp.tsx
index 925e9d0212..8380c56722 100644
--- a/client/packages/lowcoder/src/comps/comps/selectInputComp/multiSelectComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/selectInputComp/multiSelectComp.tsx
@@ -14,7 +14,7 @@ import { SelectInputInvalidConfig, useSelectInputValidate } from "./selectInputC
 
 import { PaddingControl } from "../../controls/paddingControl";	
 import { MarginControl } from "../../controls/marginControl";
-import { migrateOldData, withDefault } from "comps/generators/simpleGenerators";
+import { migrateOldData } from "comps/generators/simpleGenerators";
 import { fixOldInputCompData } from "../textInputComp/textInputConstants";
 
 let MultiSelectBasicComp = (function () {
@@ -35,6 +35,10 @@ let MultiSelectBasicComp = (function () {
       validateState,
       handleChange,
     ] = useSelectInputValidate(props);
+
+    const removeIllegalEntries = () => {
+      return props.value.value.filter?.((v) => valueSet.has(v))
+    }
     
     return props.label({
       required: props.required,
@@ -45,8 +49,8 @@ let MultiSelectBasicComp = (function () {
       children: (
         <SelectUIView
           {...props}
-          mode={"multiple"}
-          value={props.value.value.filter?.((v) => valueSet.has(v))}
+          mode={props.allowCustomTags ? "tags" : "multiple"}
+          value={props.allowCustomTags ? props.value.value : removeIllegalEntries()}
           onChange={handleChange}
           dispatch={dispatch}
         />
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx
index 0da2dce212..a5d55ca935 100644
--- a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx
+++ b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx
@@ -76,7 +76,8 @@ export const getStyle = (
       padding: ${style.padding};	
       height: auto;	
     }	
-    .ant-select-selection-search {	
+    .ant-select-selection-search {
+      min-width: 50px; 	
       padding: ${style.padding};
     }	
     .ant-select-selection-search-input,
@@ -268,9 +269,10 @@ export const SelectUIView = (
     placeholder={props.placeholder}
     value={props.value}
     showSearch={props.showSearch}
-    filterOption={(input, option) =>
-      option?.label.toLowerCase().includes(input.toLowerCase())
-    }
+    filterOption={(input, option) => {
+      if (!option) return false;
+      return String(option.label ?? option.value ?? "").toLowerCase().includes(input.toLowerCase());
+    }}
     popupRender={(originNode: ReactNode) => (
       <DropdownStyled $style={props.childrenInputFieldStyle as ChildrenMultiSelectStyleType}>
         {originNode}
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectInputConstants.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectInputConstants.tsx
index 75f275c3ca..290f3628d5 100644
--- a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectInputConstants.tsx
+++ b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectInputConstants.tsx
@@ -19,6 +19,7 @@ import { blurMethod, focusWithOptions } from "comps/utils/methodUtils";
 export const SelectInputValidationChildren = {
   required: BoolControl,
   showValidationWhenEmpty: BoolControl,
+  allowCustomTags: BoolControl,
   customRule: CustomRuleControl,
 };
 type ValidationComp = RecordConstructorToComp<typeof SelectInputValidationChildren>;
@@ -126,6 +127,9 @@ export const SelectInputValidationSection = (children: ValidationComp) => (
     {children.showValidationWhenEmpty.propertyView({
       label: trans("prop.showEmptyValidation"),
     })}
+    {children.allowCustomTags.propertyView({
+      label: trans("prop.customTags") 
+    })}
     {children.customRule.propertyView({})}
   </Section>
 );
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/column/simpleColumnTypeComps.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/column/simpleColumnTypeComps.tsx
index 8ec51c6a1a..f9bedc7549 100644
--- a/client/packages/lowcoder/src/comps/comps/tableComp/column/simpleColumnTypeComps.tsx
+++ b/client/packages/lowcoder/src/comps/comps/tableComp/column/simpleColumnTypeComps.tsx
@@ -16,10 +16,11 @@ import { ToViewReturn } from "@lowcoder-ee/comps/generators/multi";
 import { clickEvent, eventHandlerControl, doubleClickEvent } from "comps/controls/eventHandlerControl";
 import { migrateOldData } from "@lowcoder-ee/comps/generators/simpleGenerators";
 import { useCompClickEventHandler } from "@lowcoder-ee/comps/utils/useCompClickEventHandler";
+import { isArray } from "lodash";
 
 export const fixOldActionData = (oldData: any) => {
   if (!oldData) return oldData;
-  if (Boolean(oldData.onClick)) {
+  if (Boolean(oldData.onClick && !isArray(oldData.onClick))) {
     return {
       ...oldData,
       onClick: [{
diff --git a/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx b/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx
index fc25e03e75..006d263f39 100644
--- a/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx
+++ b/client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx
@@ -11,7 +11,7 @@ import { stringExposingStateControl } from "comps/controls/codeStateControl";
 import { LabelControl } from "comps/controls/labelControl";
 import { InputLikeStyleType, LabelStyleType, heightCalculator, widthCalculator } from "comps/controls/styleControlConstants";
 import { Section, sectionNames, ValueFromOption } from "lowcoder-design";
-import { fromPairs } from "lodash";
+import { debounce, fromPairs } from "lodash";
 import { css } from "styled-components";
 import { EMAIL_PATTERN, URL_PATTERN } from "util/stringUtils";
 import { MultiBaseComp, RecordConstructorToComp, RecordConstructorToView } from "lowcoder-core";
@@ -33,7 +33,7 @@ import {
   showDataLoadingIndicatorsPropertyView,
 } from "comps/utils/propertyUtils";
 import { trans } from "i18n";
-import { ChangeEvent, useEffect, useRef, useState } from "react";
+import { ChangeEvent, useEffect, useMemo, useRef, useState } from "react";
 import { refMethods } from "comps/generators/withMethodExposing";
 import { InputRef } from "antd/es/input";
 import {
@@ -199,7 +199,6 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
         },
       })
     );
-    propsRef.current.onEvent("change");
     changeRef.current = false;
   }, [localInputValue]);
 
@@ -216,11 +215,13 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
     );
   }, [props.customRule])
 
-  const onChangeRef = useRef(
-    (value: string) => {
-      props.value.onChange(value);
-    }
+  const debouncedOnChangeRef = useRef(
+    debounce(function (value: string, valueCtx: any) {
+      propsRef.current.value.onChange(value);
+      propsRef.current.onEvent("change");
+    }, 1000)
   );
+  
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
@@ -228,7 +229,7 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
 
     changeRef.current = true;
     touchRef.current = true;
-    onChangeRef.current?.(value);
+    debouncedOnChangeRef.current?.(value, propsRef.current.value);
   };
 
   // Cleanup refs on unmount
@@ -237,7 +238,7 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
       changeRef.current = false;
       touchRef.current = false;
       propsRef.current = null as any;
-      onChangeRef.current = null as any;
+      debouncedOnChangeRef.current.cancel();
     };
   }, []);
 
diff --git a/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx b/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx
index e400ddec3e..5faae65329 100644
--- a/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx
+++ b/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx
@@ -32,6 +32,7 @@ import { CrownFilled } from "@ant-design/icons";
 import { SUBSCRIPTION_SETTING } from "@lowcoder-ee/constants/routesURL";
 import { useSimpleSubscriptionContext } from "@lowcoder-ee/util/context/SimpleSubscriptionContext";
 import { SubscriptionProductsEnum } from "@lowcoder-ee/constants/subscriptionConstants";
+import history from "@lowcoder-ee/util/history";
 
 const ButtonWrapper = styled.div`
   width: 100%;
@@ -397,7 +398,7 @@ export const IconPicker = (props: {
                       title: trans("iconScout.buySubscriptionTitle"),
                       content: trans("iconScout.buySubscriptionContent"),
                       onConfirm: () => {
-                        window.open(SUBSCRIPTION_SETTING, "_blank");
+                        window.open(history.createHref({pathname: SUBSCRIPTION_SETTING}), "_blank");
                       },
                       confirmBtnType: "primary",
                       okText: trans("iconScout.buySubscriptionButton"),
diff --git a/client/packages/lowcoder/src/comps/hooks/modalComp.tsx b/client/packages/lowcoder/src/comps/hooks/modalComp.tsx
index 5c98ddb89d..933495b5f8 100644
--- a/client/packages/lowcoder/src/comps/hooks/modalComp.tsx
+++ b/client/packages/lowcoder/src/comps/hooks/modalComp.tsx
@@ -13,7 +13,7 @@ import { CanvasContainerID } from "constants/domLocators";
 import { Layers } from "constants/Layers";
 import { HintPlaceHolder, Modal, Section, sectionNames } from "lowcoder-design";
 import { trans } from "i18n";
-import { changeChildAction } from "lowcoder-core";
+import { changeChildAction, DispatchType, RecordConstructorToComp } from "lowcoder-core";
 import { CSSProperties, useCallback, useEffect, useMemo, useRef } from "react";
 import { ResizeHandle } from "react-resizable";
 import styled, { css } from "styled-components";
@@ -26,6 +26,10 @@ import { SliderControl } from "../controls/sliderControl";
 import { getBackgroundStyle } from "@lowcoder-ee/util/styleUtils";
 import clsx from "clsx";
 import { useApplicationId } from "util/hooks";
+import React from "react";
+import { ToViewReturn } from "../generators/multi";
+import { NewChildren } from "../generators/uiCompBuilder";
+import { SimpleContainerComp } from "../comps/containerBase/simpleContainerComp";
 
 const EventOptions = [
   { label: trans("modalComp.open"), value: "open", description: trans("modalComp.openDesc") },
@@ -96,199 +100,215 @@ function transToPxSize(size: string | number) {
   return isNumeric(size) ? size + "px" : (size as string);
 }
 
-let TmpModalComp = (function () {
-  return new ContainerCompBuilder(
-    {
-      visible: booleanExposingStateControl("visible"),
-      onEvent: eventHandlerControl(EventOptions),
-      width: StringControl,
-      height: StringControl,
-      horizontalGridCells: SliderControl,
-      autoHeight: AutoHeightControl,
-      title: StringControl,
-      titleAlign: HorizontalAlignmentControl,
-      modalScrollbar: withDefault(BoolControl, false),
-      style: styleControl(ModalStyle),
-      maskClosable: withDefault(BoolControl, true),
-      showMask: withDefault(BoolControl, true),
-      toggleClose:withDefault(BoolControl,true)
-    },
-    (props, dispatch) => {
-      const userViewMode = useUserViewMode();
-      const appID = useApplicationId();
-      const containerRef = useRef<HTMLElement | null>(null);
+type ChildrenType = NewChildren<RecordConstructorToComp<typeof childrenMap>> & {
+  container: InstanceType<typeof SimpleContainerComp>
+};
 
-      useEffect(() => {
-        return () => {
-          containerRef.current = null;
-        };
-      }, []);
+const childrenMap = {
+  visible: booleanExposingStateControl("visible"),
+  onEvent: eventHandlerControl(EventOptions),
+  width: StringControl,
+  height: StringControl,
+  horizontalGridCells: SliderControl,
+  autoHeight: AutoHeightControl,
+  title: StringControl,
+  titleAlign: HorizontalAlignmentControl,
+  modalScrollbar: withDefault(BoolControl, false),
+  style: styleControl(ModalStyle),
+  maskClosable: withDefault(BoolControl, true),
+  showMask: withDefault(BoolControl, true),
+  toggleClose:withDefault(BoolControl,true)
+};
 
-      // Memoize body style
-      const bodyStyle = useMemo<CSSProperties>(() => ({ 
-        padding: 0,
-        overflow: props.autoHeight ? undefined : "hidden auto"
-      }), [props.autoHeight]);
+const ModalPropertyView = React.memo((props: {
+  children: ChildrenType
+}) => {
+  return (
+  <>
+    <Section name={sectionNames.basic}>
+      {props.children.title.propertyView({ label: trans("modalComp.title") })}
+      {props.children.title.getView() && props.children.titleAlign.propertyView({ label: trans("modalComp.titleAlign"), radioButton: true })}
+      {props.children.horizontalGridCells.propertyView({
+        label: trans('prop.horizontalGridCells'),
+      })}
+      {props.children.autoHeight.getPropertyView()}
+      {!props.children.autoHeight.getView() && 
+        props.children.modalScrollbar.propertyView({
+          label: trans("prop.modalScrollbar")
+        })}
+      {!props.children.autoHeight.getView() &&
+        props.children.height.propertyView({
+          label: trans("modalComp.modalHeight"),
+          tooltip: trans("modalComp.modalHeightTooltip"),
+          placeholder: DEFAULT_HEIGHT + "",
+        })}
+      {props.children.width.propertyView({
+        label: trans("modalComp.modalWidth"),
+        tooltip: trans("modalComp.modalWidthTooltip"),
+        placeholder: DEFAULT_WIDTH,
+      })}
+      {props.children.maskClosable.propertyView({
+        label: trans("prop.maskClosable"),
+      })}
+      {props.children.showMask.propertyView({
+        label: trans("prop.showMask"),
+      })}
+      {props.children.toggleClose.propertyView({
+        label: trans("prop.toggleClose"),
+      })}
+    </Section>
+    <Section name={sectionNames.interaction}>{props.children.onEvent.getPropertyView()}</Section>
+    <Section name={sectionNames.style}>{props.children.style.getPropertyView()}</Section>
+  </>
+)});
 
-      // Memoize width and height
-      const width = useMemo(() => 
-        transToPxSize(props.width || DEFAULT_WIDTH),
-        [props.width]
-      );
+const ModalView = React.memo((
+  props: ToViewReturn<ChildrenType> & { dispatch: DispatchType }
+) => {
+  const userViewMode = useUserViewMode();
+  const appID = useApplicationId();
+  const containerRef = useRef<HTMLElement | null>(null);
 
-      const height = useMemo(() => 
-        !props.autoHeight ? transToPxSize(props.height || DEFAULT_HEIGHT) : undefined,
-        [props.autoHeight, props.height]
-      );
+  useEffect(() => {
+    return () => {
+      containerRef.current = null;
+    };
+  }, []);
 
-      // Memoize resize handles
-      const resizeHandles = useMemo<ResizeHandle[]>(() => {
-        if (userViewMode) return [];
-        const handles: ResizeHandle[] = ["w", "e"];
-        if (!props.autoHeight) {
-          handles.push("s");
-        }
-        return handles;
-      }, [userViewMode, props.autoHeight]);
+  // Memoize body style
+  const bodyStyle = useMemo<CSSProperties>(() => ({ 
+    padding: 0,
+    overflow: props.autoHeight ? undefined : "hidden auto"
+  }), [props.autoHeight]);
 
-      // Memoize resize handler
-      const onResizeStop = useCallback(
-        (
-          e: React.SyntheticEvent,
-          node: HTMLElement,
-          size: { width: number; height: number },
-          handle: ResizeHandle
-        ) => {
-          if (["w", "e"].includes(handle)) {
-            dispatch(changeChildAction("width", size.width, true));
-          } else if (["n", "s"].includes(handle)) {
-            dispatch(changeChildAction("height", size.height, true));
-          }
-        },
-        [dispatch]
-      );
+  // Memoize width and height
+  const width = useMemo(() => 
+    transToPxSize(props.width || DEFAULT_WIDTH),
+    [props.width]
+  );
 
-      // Memoize padding values
-      const paddingValues = useMemo(() => {
-        if (!props.style.padding) return [10, 10];
-        const extractedValues = extractMarginValues(props.style);
-        return extractedValues || [10, 10];
-      }, [props.style.padding]);
+  const height = useMemo(() => 
+    !props.autoHeight ? transToPxSize(props.height || DEFAULT_HEIGHT) : undefined,
+    [props.autoHeight, props.height]
+  );
 
-      // Memoize container getter
-      const getContainer = useCallback(() => {
-        containerRef.current = document.querySelector(`#${CanvasContainerID}`) || document.body;
-        return containerRef.current;
-      }, [CanvasContainerID]);
+  // Memoize resize handles
+  const resizeHandles = useMemo<ResizeHandle[]>(() => {
+    if (userViewMode) return [];
+    const handles: ResizeHandle[] = ["w", "e"];
+    if (!props.autoHeight) {
+      handles.push("s");
+    }
+    return handles;
+  }, [userViewMode, props.autoHeight]);
 
-      // Memoize event handlers
-      const handleCancel = useCallback((e: React.MouseEvent) => {
-        if (props.toggleClose) {
-          props.visible.onChange(false);
-        }
-      }, [props.toggleClose, props.visible]);
+  // Memoize resize handler
+  const onResizeStop = useCallback(
+    (
+      e: React.SyntheticEvent,
+      node: HTMLElement,
+      size: { width: number; height: number },
+      handle: ResizeHandle
+    ) => {
+      if (["w", "e"].includes(handle)) {
+        props.dispatch(changeChildAction("width", size.width, true));
+      } else if (["n", "s"].includes(handle)) {
+        props.dispatch(changeChildAction("height", size.height, true));
+      }
+    },
+    [props.dispatch]
+  );
 
-      const handleAfterClose = useCallback(() => {
-        if (props.toggleClose) {
-          props.onEvent("close");
-        }
-      }, [props.toggleClose, props.onEvent]);
+  // Memoize padding values
+  const paddingValues = useMemo(() => {
+    if (!props.style.padding) return [10, 10];
+    const extractedValues = extractMarginValues(props.style);
+    return extractedValues || [10, 10];
+  }, [props.style.padding]);
 
-      const handleAfterOpenChange = useCallback((open: boolean) => {
-        if (open) {
-          props.onEvent("open");
-        }
-      }, [props.onEvent]);
+  // Memoize container getter
+  const getContainer = useCallback(() => {
+    containerRef.current = document.querySelector(`#${CanvasContainerID}`) || document.body;
+    return containerRef.current;
+  }, [CanvasContainerID]);
 
-      // Memoize modal render function
-      const modalRender = useCallback((node: React.ReactNode) => (
-        <ModalStyled $style={props.style} $modalScrollbar={props.modalScrollbar}>
-          {node}
-        </ModalStyled>
-      ), [props.style, props.modalScrollbar]);
+  // Memoize event handlers
+  const handleCancel = useCallback((e: React.MouseEvent) => {
+    if (props.toggleClose) {
+      props.visible.onChange(false);
+    }
+  }, [props.toggleClose, props.visible]);
 
-      return (
-        <BackgroundColorContext.Provider value={props.style.background}>
-          <ModalWrapper>
-            <StyledModal
-              closable={props.toggleClose}
-              height={height}
-              resizeHandles={resizeHandles}
-              onResizeStop={onResizeStop}
-              open={props.visible.value}
-              maskClosable={props.maskClosable}
-              focusTriggerAfterClose={false}
-              getContainer={getContainer}
-              footer={null}
-              styles={{body: bodyStyle}}
-              title={props.title}
-              $titleAlign={props.titleAlign}
-              width={width}
-              onCancel={handleCancel}
-              afterClose={handleAfterClose}
-              afterOpenChange={handleAfterOpenChange}
-              zIndex={Layers.modal}
-              modalRender={modalRender}
-              mask={props.showMask}
-              className={clsx(`app-${appID}`, props.className)}
-              data-testid={props.dataTestId as string}
-              destroyOnHidden
-            >
-              <InnerGrid
-                {...props.container}
-                items={gridItemCompToGridItems(props.container.items)}
-                horizontalGridCells={props.horizontalGridCells}
-                autoHeight={props.autoHeight}
-                minHeight={paddingValues ? DEFAULT_HEIGHT - paddingValues[0] * 2 + "px" : ""}
-                containerPadding={paddingValues ? [paddingValues[0] ?? 0, paddingValues[1] ?? 0] : [24,24]}
-                hintPlaceholder={HintPlaceHolder}
-              />
-            </StyledModal>
-          </ModalWrapper>
-        </BackgroundColorContext.Provider>
-      );
+  const handleAfterClose = useCallback(() => {
+    if (props.toggleClose) {
+      props.onEvent("close");
     }
+  }, [props.toggleClose, props.onEvent]);
+
+  const handleAfterOpenChange = useCallback((open: boolean) => {
+    if (open) {
+      props.onEvent("open");
+    }
+  }, [props.onEvent]);
+
+  // Memoize modal render function
+  const modalRender = useCallback((node: React.ReactNode) => (
+    <ModalStyled $style={props.style} $modalScrollbar={props.modalScrollbar}>
+      {node}
+    </ModalStyled>
+  ), [props.style, props.modalScrollbar]);
+
+  return (
+    <BackgroundColorContext.Provider value={props.style.background}>
+      <ModalWrapper>
+        <StyledModal
+          closable={props.toggleClose}
+          height={height}
+          resizeHandles={resizeHandles}
+          onResizeStop={onResizeStop}
+          open={props.visible.value}
+          maskClosable={props.maskClosable}
+          focusTriggerAfterClose={false}
+          getContainer={() => document.querySelector(`#${CanvasContainerID}`) || document.body}
+          footer={null}
+          styles={{body: bodyStyle}}
+          title={props.title}
+          $titleAlign={props.titleAlign}
+          width={width}
+          onCancel={handleCancel}
+          afterClose={handleAfterClose}
+          afterOpenChange={handleAfterOpenChange}
+          zIndex={Layers.modal}
+          modalRender={modalRender}
+          mask={props.showMask}
+          className={clsx(`app-${appID}`, props.className)}
+          data-testid={props.dataTestId as string}
+          destroyOnHidden
+        >
+          <InnerGrid
+            {...props.container}
+            items={gridItemCompToGridItems(props.container.items)}
+            horizontalGridCells={props.horizontalGridCells}
+            autoHeight={props.autoHeight}
+            minHeight={paddingValues ? DEFAULT_HEIGHT - paddingValues[0] * 2 + "px" : ""}
+            containerPadding={paddingValues ? [paddingValues[0] ?? 0, paddingValues[1] ?? 0] : [24,24]}
+            hintPlaceholder={HintPlaceHolder}
+          />
+        </StyledModal>
+      </ModalWrapper>
+    </BackgroundColorContext.Provider>
+  );
+});
+
+const modalViewFn = (props: ToViewReturn<ChildrenType>, dispatch: DispatchType) => <ModalView {...props} dispatch={dispatch} />
+const modalPropertyViewFn = (children: ChildrenType) => <ModalPropertyView children={children} />
+
+let TmpModalComp = new ContainerCompBuilder(
+    childrenMap,
+    modalViewFn,
   )
-    .setPropertyViewFn((children) => (
-      <>
-        <Section name={sectionNames.basic}>
-          {children.title.propertyView({ label: trans("modalComp.title") })}
-          {children.title.getView() && children.titleAlign.propertyView({ label: trans("modalComp.titleAlign"), radioButton: true })}
-          {children.horizontalGridCells.propertyView({
-            label: trans('prop.horizontalGridCells'),
-          })}
-          {children.autoHeight.getPropertyView()}
-          {!children.autoHeight.getView() && 
-            children.modalScrollbar.propertyView({
-              label: trans("prop.modalScrollbar")
-            })}
-          {!children.autoHeight.getView() &&
-            children.height.propertyView({
-              label: trans("modalComp.modalHeight"),
-              tooltip: trans("modalComp.modalHeightTooltip"),
-              placeholder: DEFAULT_HEIGHT + "",
-            })}
-          {children.width.propertyView({
-            label: trans("modalComp.modalWidth"),
-            tooltip: trans("modalComp.modalWidthTooltip"),
-            placeholder: DEFAULT_WIDTH,
-          })}
-          {children.maskClosable.propertyView({
-            label: trans("prop.maskClosable"),
-          })}
-          {children.showMask.propertyView({
-            label: trans("prop.showMask"),
-          })}
-          {children.toggleClose.propertyView({
-            label: trans("prop.toggleClose"),
-          })}
-        </Section>
-        <Section name={sectionNames.interaction}>{children.onEvent.getPropertyView()}</Section>
-        <Section name={sectionNames.style}>{children.style.getPropertyView()}</Section>
-      </>
-    ))
-    .build();
-})();
+  .setPropertyViewFn(modalPropertyViewFn)
+  .build();
 
 TmpModalComp = class extends TmpModalComp {
   override autoHeight(): boolean {
diff --git a/client/packages/lowcoder/src/comps/queries/queryComp.tsx b/client/packages/lowcoder/src/comps/queries/queryComp.tsx
index c40cb3cd6a..e47694f963 100644
--- a/client/packages/lowcoder/src/comps/queries/queryComp.tsx
+++ b/client/packages/lowcoder/src/comps/queries/queryComp.tsx
@@ -64,6 +64,7 @@ import {
 import { QueryContext } from "../../util/context/QueryContext";
 import { useFixedDelay } from "../../util/hooks";
 import { JSONObject, JSONValue } from "../../util/jsonTypes";
+import { processCurlData } from "../../util/curlUtils";
 import { BoolPureControl } from "../controls/boolControl";
 import { millisecondsControl } from "../controls/millisecondControl";
 import { paramsMillisecondsControl } from "../controls/paramsControl";
@@ -743,18 +744,42 @@ class QueryListComp extends QueryListTmpComp implements BottomResListComp {
     const name = this.genNewName(editorState);
     const compType = extraInfo?.compType || "js";
     const dataSourceId = extraInfo?.dataSourceId;
+    const curlData = extraInfo?.curlData;
+    console.log("CURL DATA", curlData);
+
+    // Build the basic payload
+    let payload: any = {
+      id: id,
+      name: name,
+      datasourceId: dataSourceId,
+      compType,
+      triggerType: manualTriggerResource.includes(compType) ? "manual" : "automatic",
+      isNewCreate: true,
+      order: Date.now(),
+    };
+
+    // If this is a REST API created from cURL, pre-populate the HTTP query fields
+    if (compType === "restApi" && curlData) {
+      const curlConfig = processCurlData(curlData);
+      if (curlConfig) {
+        payload = {
+          ...payload,
+          comp: {
+            httpMethod: curlConfig.method,
+            path: curlConfig.url,
+            headers: curlConfig.headers,
+            params: curlConfig.params,
+            bodyType: curlConfig.bodyType,
+            body: curlConfig.body,
+            bodyFormData: curlConfig.bodyFormData,
+          },
+        };
+      }
+    }
 
     this.dispatch(
       wrapActionExtraInfo(
-        this.pushAction({
-          id: id,
-          name: name,
-          datasourceId: dataSourceId,
-          compType,
-          triggerType: manualTriggerResource.includes(compType) ? "manual" : "automatic",
-          isNewCreate: true,
-          order: Date.now(),
-        }),
+        this.pushAction(payload),
         {
           compInfos: [
             {
diff --git a/client/packages/lowcoder/src/comps/utils/gridCompOperator.ts b/client/packages/lowcoder/src/comps/utils/gridCompOperator.ts
index ff75db63f7..a5c1d3f67c 100644
--- a/client/packages/lowcoder/src/comps/utils/gridCompOperator.ts
+++ b/client/packages/lowcoder/src/comps/utils/gridCompOperator.ts
@@ -28,6 +28,7 @@ import { pasteKey, undoKey } from "util/keyUtils";
 import { genRandomKey } from "./idGenerator";
 import { getLatestVersion, getRemoteCompType, parseCompType } from "./remote";
 import { APPLICATION_VIEW_URL } from "@lowcoder-ee/constants/routesURL";
+import history from "@lowcoder-ee/util/history";
 
 export type CopyCompType = {
   layout: LayoutItem;
@@ -195,7 +196,7 @@ export class GridCompOperator {
   static editComp(editorState: EditorState) {
     const selectedComp = Object.values(editorState.selectedComps())[0];
     const applicationId = selectedComp.children.comp.children.appId.value
-    window.open(APPLICATION_VIEW_URL(applicationId, "edit"))
+    window.open(history.createHref({pathname: APPLICATION_VIEW_URL(applicationId, "edit")}))
   }
 
   static cutComp(editorState: EditorState, compRecords: Record<string, Comp>) {
diff --git a/client/packages/lowcoder/src/constants/apiConstants.ts b/client/packages/lowcoder/src/constants/apiConstants.ts
index 405f20b68d..369ccefb5f 100644
--- a/client/packages/lowcoder/src/constants/apiConstants.ts
+++ b/client/packages/lowcoder/src/constants/apiConstants.ts
@@ -52,7 +52,18 @@ export const API_REQUEST_HEADERS: RawAxiosRequestHeaders = {
   "Content-Type": "application/json",
 };
 
-export const SERVER_HOST = `${REACT_APP_API_SERVICE_URL ?? ""}`;
+const nodeEnv = process.env.NODE_ENV ?? "development";
+const isDev = nodeEnv === "development";
+const DEV_SERVER_HOST = `${REACT_APP_API_SERVICE_URL ?? ""}/`;
+const PROD_SERVER_HOST = `${REACT_APP_API_SERVICE_URL ?? ""}/__LOWCODER_BASEPATH_PLACEHOLDER__`;
+
+const createUrlByEnv = (baseUrl: string = "") => {
+  const nodeEnv = process.env.NODE_ENV ?? "development";
+  const isDev = nodeEnv === "development";
+  return isDev ? `${baseUrl}/` : `${baseUrl}/__LOWCODER_BASEPATH_PLACEHOLDER__`;
+}
+
+export const SERVER_HOST = createUrlByEnv(REACT_APP_API_SERVICE_URL);
 export const ASSETS_URI = (id: string) => `${SERVER_HOST}/api/v1/assets/${id}`;
 export const USER_HEAD_UPLOAD_URL = `${SERVER_HOST}/api/v1/users/photo`;
 export const ORG_ICON_UPLOAD_URL = (orgId: string) => `${SERVER_HOST}/api/v1/organizations/${orgId}/logo`;
diff --git a/client/packages/lowcoder/src/constants/applicationConstants.ts b/client/packages/lowcoder/src/constants/applicationConstants.ts
index 6e8fafa5ee..f29dce24b6 100644
--- a/client/packages/lowcoder/src/constants/applicationConstants.ts
+++ b/client/packages/lowcoder/src/constants/applicationConstants.ts
@@ -81,6 +81,7 @@ export interface ApplicationMeta {
   title?: string;
   description?: string;
   image?: string;
+  icon?: string;
   category?: ApplicationCategoriesEnum;
   showheader?: boolean;
   orgId: string;
diff --git a/client/packages/lowcoder/src/constants/npmPlugins.ts b/client/packages/lowcoder/src/constants/npmPlugins.ts
index 318a191836..8ea849b1b3 100644
--- a/client/packages/lowcoder/src/constants/npmPlugins.ts
+++ b/client/packages/lowcoder/src/constants/npmPlugins.ts
@@ -1,7 +1,9 @@
 // export const SERVER_HOST = `${REACT_APP_NODE_SERVICE_URL ?? ""}`;
 // export const NPM_REGISTRY_URL = `${SERVER_HOST}/node-service/api/npm/registry`;
 // export const NPM_PLUGIN_ASSETS_BASE_URL = `${SERVER_HOST}/node-service/api/npm/package`;
+
+import { SERVER_HOST } from "./apiConstants";
+
 export const ASSETS_BASE_URL = `api/npm/package`;
-export const SERVER_HOST = `${REACT_APP_API_SERVICE_URL ?? ""}`;
 export const NPM_REGISTRY_URL = `${SERVER_HOST}/api/npm/registry`;
 export const NPM_PLUGIN_ASSETS_BASE_URL = `${SERVER_HOST}/api/npm/package`;
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/constants/reduxActionConstants.ts b/client/packages/lowcoder/src/constants/reduxActionConstants.ts
index aea840a5c6..821470ac56 100644
--- a/client/packages/lowcoder/src/constants/reduxActionConstants.ts
+++ b/client/packages/lowcoder/src/constants/reduxActionConstants.ts
@@ -11,6 +11,12 @@ export const ReduxActionTypes = {
   FETCH_API_KEYS_SUCCESS: "FETCH_API_KEYS_SUCCESS",
   MOVE_TO_FOLDER2_SUCCESS: "MOVE_TO_FOLDER2_SUCCESS",
 
+  /* workspace RELATED */
+  FETCH_WORKSPACES_INIT: "FETCH_WORKSPACES_INIT",
+  FETCH_WORKSPACES_SUCCESS: "FETCH_WORKSPACES_SUCCESS", 
+ 
+  
+
   /* plugin RELATED */
   FETCH_DATA_SOURCE_TYPES: "FETCH_DATA_SOURCE_TYPES",
   FETCH_DATA_SOURCE_TYPES_SUCCESS: "FETCH_DATA_SOURCE_TYPES_SUCCESS",
@@ -80,6 +86,7 @@ export const ReduxActionTypes = {
   UPDATE_USER_ORG_ROLE: "UPDATE_USER_ORG_ROLE",
   UPDATE_USER_GROUP_ROLE: "UPDATE_USER_GROUP_ROLE",
   FETCH_ORG_ALL_USERS: "FETCH_ORG_ALL_USERS",
+  FETCH_GROUP_POTENTIAL_MEMBERS: "FETCH_ORG_ALL_GROUP_MEMBERS",
   FETCH_ORG_ALL_USERS_SUCCESS: "FETCH_ORG_ALL_USERS_SUCCESS",
   FETCH_GROUP_USERS: "FETCH_GROUP_USERS",
   FETCH_GROUP_USERS_SUCCESS: "FETCH_GROUP_USERS_SUCCESS",
diff --git a/client/packages/lowcoder/src/constants/routesURL.ts b/client/packages/lowcoder/src/constants/routesURL.ts
index a675ec6495..510aa20662 100644
--- a/client/packages/lowcoder/src/constants/routesURL.ts
+++ b/client/packages/lowcoder/src/constants/routesURL.ts
@@ -2,6 +2,7 @@ import { AppViewMode, MarketplaceType } from "constants/applicationConstants";
 import { LocationDescriptor } from "history";
 import { UserGuideLocationState } from "pages/tutorials/tutorialsConstant";
 import { DatasourceType } from "@lowcoder-ee/constants/queryConstants";
+import history from "@lowcoder-ee/util/history";
 
 export const BASE_URL = "/";
 export const ADMIN_AUTH_URL = "/admin/login";
@@ -113,7 +114,7 @@ export const buildAppRouteWithState = (
 };
 
 export function preview(applicationId: string) {
-  window.open(APPLICATION_VIEW_URL(applicationId, "preview"));
+  window.open(history.createHref({pathname: APPLICATION_VIEW_URL(applicationId, "preview")}));
 }
 
 export const buildGroupId = (groupId: string) => `${PERMISSION_SETTING}/${groupId}`;
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
index de24d5b64a..44f5f4b1dd 100644
--- a/client/packages/lowcoder/src/i18n/locales/en.ts
+++ b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -234,6 +234,7 @@ export const en = {
     "verticalGridCells": "Vertical Grid Cells",
     "timeZone": "TimeZone",
     "pickerMode": "Picker Mode",
+    "customTags": "Custom Tags"
   },
   "autoHeightProp": {
     "auto": "Auto",
@@ -3008,6 +3009,7 @@ export const en = {
     "deleteModalTitle": "Delete This Group",
     "deleteModalContent": "The Deleted Group Cannot Be Restored. Are You Sure to Delete the Group?",
     "addMember": "Add Members",
+    "searchMember": "Search Members",
     "nameColumn": "User Name",
     "joinTimeColumn": "Joining Time",
     "actionColumn": "Operation",
@@ -3639,6 +3641,7 @@ export const en = {
   "profile": {
     "orgSettings": "Workspace Settings",
     "switchOrg": "Switch Workspace",
+    "switchWorkspace": "Switch",
     "joinedOrg": "My Workspaces",
     "createOrg": "Create Workspace",
     "logout": "Log Out",
@@ -3931,6 +3934,10 @@ export const en = {
     "datasource": "Data Sources",
     "selectDatasourceType": "Select Data Source Type",
     "home": "Home",
+    "desc": "Description",
+    "renameApp": "Rename app",
+    "updateAppName": "Update Application Name",
+    "titleUpdateWarning": "The card displays the app title. Changing the app name will not update the card view.",
     "all": "All",
     "app": "App",
     "navigation": "Navigation",
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/HomeLayout.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/HomeLayout.tsx
index c07ac1c3a7..c953f0f801 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/HomeLayout.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/HomeLayout.tsx
@@ -469,7 +469,7 @@ export function HomeLayout(props: HomeLayoutProps) {
               title: e.title,
               description: e.description,
               category: e.category,
-              icon: e.image,
+              icon: e.icon,
               type: HomeResTypeEnum[HomeResTypeEnum[e.applicationType] as HomeResKey],
               creator: e?.creatorEmail ?? e.createBy,
               lastModifyTime: e.lastModifyTime,
@@ -630,7 +630,7 @@ export function HomeLayout(props: HomeLayoutProps) {
 
             <Divider />
 
-            <ContentWrapper>
+            <ContentWrapper>     
 
               {isFetching && resList.length === 0 ? (
                 <SkeletonStyle active paragraph={{ rows: 8, width: 648 }} title={false} />
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/HomeResCard.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/HomeResCard.tsx
index 04ef180dc0..db2758e737 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/HomeResCard.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/HomeResCard.tsx
@@ -1,5 +1,5 @@
-import { TacoButton } from "lowcoder-design/src/components/button"
-import { ReactNode, useState } from "react";
+import { TacoButton, CustomModal, Alert } from "lowcoder-design"
+import { useState, useEffect } from "react";
 import { useDispatch } from "react-redux";
 import { updateAppMetaAction } from "redux/reduxActions/applicationActions";
 import styled from "styled-components";
@@ -22,9 +22,14 @@ import history from "util/history";
 import { APPLICATION_VIEW_URL } from "constants/routesURL";
 import { TypographyText } from "../../components/TypographyText";
 import { useParams } from "react-router-dom";
-import { messageInstance } from "lowcoder-design/src/components/GlobalInstances";
 import {FolderIcon} from "icons";
 import { BrandedIcon } from "@lowcoder-ee/components/BrandedIcon";
+import { Typography } from "antd";
+import { default as Form } from "antd/es/form";
+import { default as Input } from "antd/es/input";
+import { default as AntdTypographyText } from "antd/es/typography/Text";
+import { MultiIconDisplay } from "@lowcoder-ee/comps/comps/multiIconDisplay";
+import { FormStyled } from "../setting/idSource/styledComponents";
 
 const ExecButton = styled(TacoButton)`
   width: 52px;
@@ -50,14 +55,16 @@ const ExecButton = styled(TacoButton)`
 `;
 
 const Wrapper = styled.div`
-  height: 67px;
   padding: 0 6px;
   border-radius: 8px;
-  margin-bottom: -1px;
-  margin-top: 1px;
-
+  margin-bottom: 2px;
+  margin-top: 2px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  background-color: #fcfcfc;
+  min-height: 100px;
   &:hover {
-    background-color: #f5f7fa;
+     background-color: #f5f5f6
   }
 `;
 
@@ -98,15 +105,8 @@ const CardInfo = styled.div`
   height: 100%;
   flex-grow: 1;
   cursor: pointer;
-  overflow: hidden;
   padding-right: 12px;
 
-  &:hover {
-    .ant-typography {
-      color: #315efb;
-    }
-  }
-
   .ant-typography {
     padding: 2px 2px 8px 2px;
   }
@@ -124,6 +124,7 @@ const AppTimeOwnerInfoLabel = styled.div`
 const OperationWrapper = styled.div`
   display: flex;
   align-items: center;
+  padding-right: 10px;
   @media screen and (max-width: 500px) {
     > svg {
       display: none;
@@ -131,11 +132,90 @@ const OperationWrapper = styled.div`
   }
 `;
 
+export const StyledTypographyText = styled(AntdTypographyText)`
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+
+  &:hover {
+  color: #315efb;
+  }
+  }
+`;
+
 const MONTH_MILLIS = 30 * 24 * 60 * 60 * 1000;
 
+interface UpdateAppModalProps {
+  visible: boolean;
+  onCancel: () => void;
+  onOk: (values: any) => void;
+  res: HomeRes;
+  folderId?: string;
+}
+
+export function UpdateAppModal({ visible, onCancel, onOk, res, folderId }: UpdateAppModalProps) {
+  const [detailsForm] = Form.useForm();
+
+  // Reset form values when res changes
+  useEffect(() => {
+    if (res && visible) {
+      detailsForm.setFieldsValue({
+        appName: res.name,
+        title: res.title
+      });
+    }
+  }, [res, visible, detailsForm]);
+
+  return (
+    <CustomModal
+      title={trans("home.updateAppName")}
+      open={visible}
+      destroyOnHidden
+      onCancel={onCancel}
+      showCancelButton={false}
+      showOkButton
+      width="440px"
+      okText={trans("finish")}
+      onOk={() => {
+        detailsForm.validateFields().then((values) => {
+          onOk(values);
+        }).catch((errorInfo) => {
+          console.error('Validation failed:', errorInfo);
+        });
+      }}
+    >
+      <FormStyled
+        form={detailsForm}
+        name="general"
+        layout="vertical"
+        style={{ maxWidth: '100%' }}
+        autoComplete="off"
+      >
+        {res.title && 
+          <Alert label={trans("home.titleUpdateWarning")} type="warning" />}
+        <br/>
+
+        <Form.Item label={trans("home.name")} name="appName">
+          <Input/>
+        </Form.Item>
+
+        {res.title && (
+          <Form.Item label={trans("title")} name="title">
+            <Input disabled />
+          </Form.Item>
+        )}
+
+      </FormStyled>
+    </CustomModal>
+  );
+}
+
 export function HomeResCard(props: { res: HomeRes; onMove: (res: HomeRes) => void; setModify:any; modify: boolean }) {
   const { res, onMove, setModify, modify } = props;
-  const [appNameEditing, setAppNameEditing] = useState(false);
+  const [dialogVisible, setDialogVisible] = useState(false)
   const dispatch = useDispatch();
 
   const { folderId } = useParams<{ folderId: string }>();
@@ -161,96 +241,115 @@ export function HomeResCard(props: { res: HomeRes; onMove: (res: HomeRes) => voi
   else if (res.type === HomeResTypeEnum.NavLayout || res.type === HomeResTypeEnum.MobileTabLayout) {
     iconColor = "#af41ff";
   }
-
   const Icon = resInfo.icon;
 
+  const handleModalOk = (values: any) => {
+    res.type === HomeResTypeEnum.Folder &&
+      dispatch(updateFolder({ id: res.id, name: values.appName || res.name }))
+    dispatch(
+      updateAppMetaAction({ applicationId: res.id, name: values.appName || res.name, folderId: folderId })
+    );
+    
+    setDialogVisible(false);
+    setTimeout(() => {
+      setModify(!modify);
+    }, 200);
+  };
+
   return (
-    <Wrapper>
-      <Card>
-        {Icon && (
-          <BrandedIcon>
-            <Icon width={"42px"} height={"42px"} style={
-              { 
-                color: iconColor,
-                marginRight: "10px", 
-                flexShrink: 0 
-              }
-            } />
-          </BrandedIcon>
-        )}
-        <CardInfo
-          onClick={(e) => {
-            if (appNameEditing) {
-              return;
-            }
-            if (res.type === HomeResTypeEnum.Folder) {
-              handleFolderViewClick(res.id);
-            } else {
-              if (checkIsMobile(window.innerWidth)) {
-                history.push(APPLICATION_VIEW_URL(res.id, "view"));
-                return;
-              }
-              if(res.isMarketplace) {
-                handleMarketplaceAppViewClick(res.id);
-                return;
-              }
-              res.isEditable ? handleAppEditClick(e, res.id) : handleAppViewClick(res.id);
-            }
-          }}
-        >
-          <TypographyText
-            value={res.name}
-            editing={appNameEditing}
-            onChange={(value) => {
-              if (!value.trim()) {
-                messageInstance.warning(trans("home.nameCheckMessage"));
-                return;
-              }
+    <>
+      <UpdateAppModal
+        visible={dialogVisible}
+        onCancel={() => setDialogVisible(false)}
+        onOk={handleModalOk}
+        res={res}
+        folderId={folderId}
+      />
+
+      <Wrapper>
+        <Card>
+          {res.icon ? 
+            <MultiIconDisplay 
+            identifier={res.icon && typeof res.icon === 'string' ? res.icon : '/icon:antd/appstoreoutlined'} 
+            width="30px" 
+            height="30px" 
+            style={{ 
+              marginRight: "6px", 
+              flexShrink: 0, 
+              color: "#b766db" 
+              }} 
+            /> :
+            Icon && (
+              <BrandedIcon>
+                <Icon width={"42px"} height={"42px"} style={
+                  { 
+                    color: iconColor,
+                    marginRight: "10px", 
+                    flexShrink: 0 
+                  }
+                } />
+              </BrandedIcon>
+            )
+          }
+          <CardInfo
+            onClick={(e) => {
               if (res.type === HomeResTypeEnum.Folder) {
-                dispatch(updateFolder({ id: res.id, name: value }));
-                setTimeout(() => {
-                  setModify(!modify);
-                }, 200);
+                handleFolderViewClick(res.id);
               } else {
-                dispatch(
-                  updateAppMetaAction({ applicationId: res.id, name: value, folderId: folderId })
-                );
-                setTimeout(() => {
-                  setModify(!modify);
-                }, 200);
+                if (checkIsMobile(window.innerWidth)) {
+                  history.push(APPLICATION_VIEW_URL(res.id, "view"));
+                  return;
+                }
+                if(res.isMarketplace) {
+                  handleMarketplaceAppViewClick(res.id);
+                  return;
+                }
+                res.isEditable ? handleAppEditClick(e, res.id) : handleAppViewClick(res.id);
               }
-              setAppNameEditing(false);
             }}
-          />
-          <AppTimeOwnerInfoLabel title={subTitle}>{subTitle}</AppTimeOwnerInfoLabel>
-        </CardInfo>
-        <OperationWrapper>
-          {/* {res.isEditable && (
-            <EditButton onClick={(e) => handleAppEditClick(e, res.id)} buttonType="primary">
-              {trans("edit")}
-            </EditButton>
-          )} */}
-          <ExecButton
-            onClick={() =>
-              res.type === HomeResTypeEnum.Folder
-                ? handleFolderViewClick(res.id)
-                : res.isMarketplace
-                ? handleMarketplaceAppViewClick(res.id)
-                : handleAppViewClick(res.id)
-            }
           >
-            {trans("view")}
-          </ExecButton>
-          <HomeResOptions
-            res={res}
-            onRename={() => setAppNameEditing(true)}
-            onMove={(res) => onMove(res)}
-            setModify={setModify}
-            modify={modify}
-          />
-        </OperationWrapper>
-      </Card>
-    </Wrapper>
+            <StyledTypographyText> 
+              {res.title || res.name}
+            </StyledTypographyText>
+
+            {res?.description 
+              && <Typography.Text 
+                  type="secondary" 
+                  style={{ fontSize: 12, textWrap: "wrap"}}
+                  >
+                {res.description.length > 150 ? res.description.substring(0, 150) + '...' : res.description}
+            </Typography.Text>}
+
+            <AppTimeOwnerInfoLabel title={subTitle}>{subTitle}</AppTimeOwnerInfoLabel>
+          </CardInfo>
+          <OperationWrapper>
+            {/* {res.isEditable && (
+              <EditButton onClick={(e) => handleAppEditClick(e, res.id)} buttonType="primary">
+                {trans("edit")}
+              </EditButton>
+            )} */}
+            <ExecButton
+              onClick={() =>
+                res.type === HomeResTypeEnum.Folder
+                  ? handleFolderViewClick(res.id)
+                  : res.isMarketplace
+                  ? handleMarketplaceAppViewClick(res.id)
+                  : handleAppViewClick(res.id)
+              }
+            >
+              {trans("view")}
+            </ExecButton>
+            <HomeResOptions
+              res={res}
+              onRename={() => setDialogVisible(true)}
+              onMove={(res) => onMove(res)}
+              setModify={setModify}
+              modify={modify}
+            />
+          </OperationWrapper>
+        </Card>
+      </Wrapper>
+    </>
   );
 }
 
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/HomeResOptions.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/HomeResOptions.tsx
index 0049ff1b6e..99244d7fcd 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/HomeResOptions.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/HomeResOptions.tsx
@@ -53,7 +53,7 @@ export const HomeResOptions = (props: {
     if (res.isEditable) {
       options = [
         ...options,
-        { text: trans("rename"), onClick: () => onRename(res) },
+        { text: trans("home.renameApp"), onClick: () => onRename(res) },
         {
           text: trans("header.duplicate", { type: HomeResInfo[res.type].name.toLowerCase() }),
           onClick: () => {
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/HomeTableView.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/HomeTableView.tsx
index ff1ed815fe..ff9d725ab5 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/HomeTableView.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/HomeTableView.tsx
@@ -23,6 +23,8 @@ import { trans } from "../../i18n";
 import { useParams } from "react-router-dom";
 import { messageInstance } from "lowcoder-design/src/components/GlobalInstances";
 import { BrandedIcon } from "@lowcoder-ee/components/BrandedIcon";
+import { MultiIconDisplay } from "@lowcoder-ee/comps/comps/multiIconDisplay";
+import { StyledTypographyText, UpdateAppModal } from "./HomeResCard";
 
 const OperationWrapper = styled.div`
   display: flex;
@@ -47,21 +49,16 @@ const EditBtn = styled(TacoButton)`
   height: 24px;
 `;
 
-const TypographyText = styled(AntdTypographyText)`
-  margin: 0 !important;
-  left: 0 !important;
-  width: 100%;
-`;
-
 export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, modify?: boolean, mode?: string }) => {
   const {setModify, modify, resources, mode} = props
   const dispatch = useDispatch();
-
   const { folderId } = useParams<{ folderId: string }>();
 
   const [needRenameRes, setNeedRenameRes] = useState<HomeRes | undefined>(undefined);
   const [needDuplicateRes, setNeedDuplicateRes] = useState<HomeRes | undefined>(undefined);
   const [needMoveRes, setNeedMoveRes] = useState<HomeRes | undefined>(undefined);
+  const [updateModalVisible, setUpdateModalVisible] = useState(false);
+  const [currentRes, setCurrentRes] = useState<HomeRes | undefined>(undefined);
 
   const back: HomeRes = {
     key: "",
@@ -77,8 +74,37 @@ export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, mo
     resources.unshift(back)
   }
 
+  const handleModalOk = (values: any) => {
+    if (currentRes) {
+      currentRes.type === HomeResTypeEnum.Folder &&
+        dispatch(updateFolder({ id: currentRes.id, name: values.appName || currentRes.name }))
+      dispatch(
+        updateAppMetaAction({ applicationId: currentRes.id, name: values.appName || currentRes.name, folderId: folderId })
+      );
+      
+      setUpdateModalVisible(false);
+      setTimeout(() => {
+        setModify(!modify);
+      }, 200);
+    }
+  };
+
+  const handleRenameClick = (res: HomeRes) => {
+    setCurrentRes(res);
+    setUpdateModalVisible(true);
+  };
+
   return (
     <>
+      {currentRes && 
+        <UpdateAppModal
+        visible={updateModalVisible}
+        onCancel={() => setUpdateModalVisible(false)}
+        onOk={handleModalOk}
+        res={currentRes}
+        folderId={folderId}
+      />}
+
       <Table
         style={{ padding: "0 24px 60px", color: "#8B8FA3" }}
         tableLayout={"auto"}
@@ -119,7 +145,17 @@ export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, mo
               const Icon = HomeResInfo[item.type].icon;
               return (
                 <NameWrapper>
-                  {Icon && (
+                  {item?.icon ? 
+                    <MultiIconDisplay 
+                    identifier={item.icon && typeof item.icon === 'string' ? item.icon : '/icon:antd/appstoreoutlined'} 
+                    width="30px" 
+                    height="30px" 
+                    style={{ 
+                      marginRight: "6px", 
+                      flexShrink: 0, 
+                      color: "#b766db" 
+                      }} 
+                    /> : Icon && (
                     <BrandedIcon>
                       <Icon
                         width={"24px"}
@@ -128,43 +164,9 @@ export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, mo
                       />
                     </BrandedIcon>
                   )}
-                  <TypographyText
-                    ellipsis={true}
-                    title={item.name}
-                    editable={{
-                      enterIcon: null,
-                      tooltip: false,
-                      editing: item.id === needRenameRes?.id,
-                      icon: null,
-                      triggerType: ["text"],
-                      onChange: (value) => {
-                        if (!value.trim()) {
-                          messageInstance.warning(trans("home.nameCheckMessage"));
-                          return;
-                        }
-                        if (item.type === HomeResTypeEnum.Folder) {
-                          dispatch(updateFolder({ id: item.id, name: value }));
-                          setTimeout(() => {
-                            setModify(!modify);
-                          }, 200);
-                        } else {
-                          dispatch(
-                            updateAppMetaAction({
-                              applicationId: item.id,
-                              name: value,
-                              folderId: folderId,
-                            })
-                          );
-                          setTimeout(() => {
-                            setModify(!modify);
-                          }, 200);
-                        }
-                        setNeedRenameRes(undefined);
-                      },
-                    }}
-                  >
-                    {item.name}
-                  </TypographyText>
+                  <StyledTypographyText> 
+                    {item.title || item.name}
+                  </StyledTypographyText>
                 </NameWrapper>
               );
             },
@@ -198,6 +200,19 @@ export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, mo
             },
             render: (text) => <SubColumnCell>{text}</SubColumnCell>,
           },
+          {
+            title: trans("home.desc"),
+            dataIndex: "description",
+            ellipsis: true,
+            width: "250px",
+            sorter: (a: any, b: any) => {
+              if (a.creator === b.creator) {
+                return 0;
+              }
+              return a.type > b.type ? 1 : -1;
+            },
+            render: (text) => <SubColumnCell>{text}</SubColumnCell>,
+          },
           {
             title: trans("home.lastModified"),
             dataIndex: "lastModifyTime",
@@ -251,7 +266,7 @@ export const HomeTableView = (props: { resources: HomeRes[], setModify?: any, mo
                   <HomeResOptions
                     res={item}
                     onDuplicate={(res) => setNeedDuplicateRes(res)}
-                    onRename={(res) => setNeedRenameRes(res)}
+                    onRename={(res) => handleRenameClick(res)}
                     onMove={(res) => setNeedMoveRes(res)}
                     setModify={setModify}
                     modify={modify!}
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx
index 4faaf6a3fb..5987d097d0 100644
--- a/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx
+++ b/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx
@@ -32,7 +32,7 @@ import {
   UserIcon,
 } from "lowcoder-design";
 import React, { useCallback, useEffect, useState, useMemo } from "react";
-import { fetchAllApplications, fetchHomeData } from "redux/reduxActions/applicationActions";
+import { fetchHomeData } from "redux/reduxActions/applicationActions";
 import { fetchSubscriptionsAction } from "redux/reduxActions/subscriptionActions";
 import { getHomeOrg, normalAppListSelector } from "redux/selectors/applicationSelector";
 import { DatasourceHome } from "../datasource";
@@ -125,18 +125,13 @@ export default function ApplicationHome() {
   }, [org, orgHomeId]);
 
   useEffect(() => {
-    if (allAppCount !== 0) {
-      return;
-    }
-    user.currentOrgId && dispatch(fetchAllApplications({}));
-  }, [dispatch, allAppCount, user.currentOrgId]);
-
-  useEffect(() => {
-    if (allFoldersCount !== 0) {
+    // Check if we need to fetch data (either no folders or no applications)
+    if (allFoldersCount !== 0 && allAppCount !== 0) {
       return;
     }
+    
     user.currentOrgId && dispatch(fetchFolderElements({}));
-  }, [dispatch, allFoldersCount, user.currentOrgId]);
+  }, [dispatch, allFoldersCount, allAppCount, user.currentOrgId]);
 
   if (fetchingUser || !isPreloadCompleted) {
     return <ProductLoading />;
diff --git a/client/packages/lowcoder/src/pages/common/WorkspaceSection.tsx b/client/packages/lowcoder/src/pages/common/WorkspaceSection.tsx
new file mode 100644
index 0000000000..f1cb0709f2
--- /dev/null
+++ b/client/packages/lowcoder/src/pages/common/WorkspaceSection.tsx
@@ -0,0 +1,288 @@
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import styled from 'styled-components';
+import { Input, Pagination, Spin } from 'antd';
+import { User } from 'constants/userConstants';
+import { switchOrg, createOrgAction } from 'redux/reduxActions/orgActions';
+import { selectSystemConfig } from 'redux/selectors/configSelectors';
+import { showSwitchOrg } from '@lowcoder-ee/pages/common/customerService';
+import { useWorkspaceManager } from 'util/useWorkspaceManager';
+import { trans } from 'i18n';
+import {
+  AddIcon,
+  CheckoutIcon,
+  SearchIcon,
+} from 'lowcoder-design';
+import { ORGANIZATION_SETTING } from 'constants/routesURL';
+import history from 'util/history';
+import { Org } from 'constants/orgConstants';
+
+// Styled Components
+const WorkspaceSection = styled.div`
+  padding: 8px 0;
+`;
+
+const SectionHeader = styled.div`
+  padding: 8px 16px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #8b8fa3;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+`;
+
+const SearchContainer = styled.div`
+  padding: 8px 12px;
+  border-bottom: 1px solid #f0f0f0;
+`;
+
+const StyledSearchInput = styled(Input)`
+  .ant-input {
+    border: 1px solid #e1e3eb;
+    border-radius: 6px;
+    font-size: 13px;
+    
+    &:focus {
+      border-color: #4965f2;
+      box-shadow: 0 0 0 2px rgba(73, 101, 242, 0.1);
+    }
+  }
+`;
+
+const WorkspaceList = styled.div`
+  max-height: 200px;
+  overflow-y: auto;
+  
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: #f1f1f1;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 2px;
+  }
+  
+  &::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+  }
+`;
+
+const WorkspaceItem = styled.div<{ $isActive?: boolean }>`
+  display: flex;
+  align-items: center;
+  padding: 10px 16px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  background-color: ${props => props.$isActive ? '#f0f5ff' : 'transparent'};
+  
+  &:hover {
+    background-color: ${props => props.$isActive ? '#f0f5ff' : '#f8f9fa'};
+  }
+`;
+
+const WorkspaceName = styled.div`
+  flex: 1;
+  font-size: 13px;
+  color: #222222;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+
+const ActiveIcon = styled(CheckoutIcon)`
+  width: 16px;
+  height: 16px;
+  color: #4965f2;
+  margin-left: 8px;
+`;
+
+const CreateWorkspaceItem = styled.div`
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  font-size: 13px;
+  color: #4965f2;
+  font-weight: 500;
+  
+  &:hover {
+    background-color: #f0f5ff;
+    color: #3651d4;
+  }
+  
+  svg {
+    width: 16px;
+    height: 16px;
+    margin-right: 10px;
+    color: #4965f2;
+  }
+  
+  &:hover svg {
+    color: #3651d4;
+  }
+`;
+
+const EmptyState = styled.div`
+  padding: 20px 16px;
+  text-align: center;
+  color: #8b8fa3;
+  font-size: 13px;
+`;
+
+const PaginationContainer = styled.div`
+  padding: 12px 16px;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  justify-content: center;
+  
+  .ant-pagination {
+    margin: 0;
+    
+    .ant-pagination-item {
+      min-width: 24px;
+      height: 24px;
+      line-height: 22px;
+      font-size: 12px;
+      margin-right: 4px;
+    }
+    
+    .ant-pagination-prev,
+    .ant-pagination-next {
+      min-width: 24px;
+      height: 24px;
+      line-height: 22px;
+      margin-right: 4px;
+    }
+    
+    .ant-pagination-item-link {
+      font-size: 11px;
+    }
+  }
+`;
+
+const LoadingContainer = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px 16px;
+`;
+
+// Component Props
+interface WorkspaceSectionProps {
+  user: User;
+  isDropdownOpen: boolean;
+  onClose: () => void;
+}
+
+// Main Component
+export default function WorkspaceSectionComponent({ 
+  user, 
+  isDropdownOpen, 
+  onClose 
+}: WorkspaceSectionProps) {
+  const dispatch = useDispatch();
+  const sysConfig = useSelector(selectSystemConfig);
+  
+  // Use our custom hook
+  const {
+    searchTerm,
+    currentPage,
+    totalCount,
+    isLoading,
+    displayWorkspaces,
+    handleSearchChange,
+    handlePageChange,
+    pageSize,
+  } = useWorkspaceManager({});
+
+  // Early returns for better performance
+  if (!showSwitchOrg(user, sysConfig)) return null;
+
+  // Event handlers
+  const handleOrgSwitch = (orgId: string) => {
+    if (user.currentOrgId !== orgId) {
+      dispatch(switchOrg(orgId));
+    }
+    onClose();
+  };
+
+  const handleCreateOrg = () => {
+    dispatch(createOrgAction(user.orgs));
+    history.push(ORGANIZATION_SETTING);
+    onClose();
+  };
+
+  return (
+    <WorkspaceSection>
+      <SectionHeader>{trans("profile.switchOrg")}</SectionHeader>
+
+      {/* Search Input - Only show if more than 3 workspaces */}
+        <SearchContainer>
+          <StyledSearchInput
+            placeholder="Search workspaces..."
+            value={searchTerm}
+            onChange={(e) => handleSearchChange(e.target.value)}
+            prefix={<SearchIcon style={{ color: "#8b8fa3" }} />}
+            size="small"
+          />
+        </SearchContainer>
+
+      {/* Workspace List */}
+      <WorkspaceList>
+        {isLoading ? (
+          <LoadingContainer>
+            <Spin size="small" />
+          </LoadingContainer>
+        ) : displayWorkspaces.length > 0 ? (
+          displayWorkspaces.map((org: Org) => (
+            <WorkspaceItem
+              key={org.id}
+              $isActive={user.currentOrgId === org.id}
+              onClick={() => handleOrgSwitch(org.id)}
+            >
+              <WorkspaceName title={org.name}>{org.name}</WorkspaceName>
+              {user.currentOrgId === org.id && <ActiveIcon />}
+            </WorkspaceItem>
+          ))
+        ) : (
+          <EmptyState>
+            {searchTerm.trim() 
+              ? "No workspaces found" 
+              : "No workspaces available"
+            }
+          </EmptyState>
+        )}
+      </WorkspaceList>
+
+      {/* Pagination - Only show when needed */}
+      {totalCount > pageSize && !isLoading && (
+        <PaginationContainer>
+          <Pagination
+            current={currentPage}
+            total={totalCount}
+            pageSize={pageSize}
+            size="small"
+            showSizeChanger={false}
+            showQuickJumper={false}
+            showTotal={(total, range) => 
+              `${range[0]}-${range[1]} of ${total}`
+            }
+            onChange={handlePageChange}
+            simple={totalCount > 100} // Simple mode for large datasets
+          />
+        </PaginationContainer>
+      )}
+
+      {/* Create Workspace Button */}
+      <CreateWorkspaceItem onClick={handleCreateOrg}>
+        <AddIcon />
+        {trans("profile.createOrg")}
+      </CreateWorkspaceItem>
+    </WorkspaceSection>
+  );
+}
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/pages/common/copyModal.tsx b/client/packages/lowcoder/src/pages/common/copyModal.tsx
index 595fba67f4..2a4accac73 100644
--- a/client/packages/lowcoder/src/pages/common/copyModal.tsx
+++ b/client/packages/lowcoder/src/pages/common/copyModal.tsx
@@ -10,6 +10,7 @@ import { foldersSelector } from "redux/selectors/folderSelector";
 import { AppTypeEnum } from "constants/applicationConstants";
 import { TypeName } from "./headerStartDropdown";
 import { messageInstance } from "lowcoder-design/src/components/GlobalInstances";
+import history from "@lowcoder-ee/util/history";
 
 type CopyModalProps = {
   visible: boolean;
@@ -62,7 +63,7 @@ export function CopyModal(props: CopyModalProps) {
             .then(async (response) => {
               if (validateResponse(response) && response.data.data) {
                 window.open(
-                  APPLICATION_VIEW_URL(response.data.data.applicationInfoView.applicationId, "edit")
+                  history.createHref({pathname: APPLICATION_VIEW_URL(response.data.data.applicationInfoView.applicationId, "edit")})
                 );
                 window.location.reload();
                 return response.data.data;
diff --git a/client/packages/lowcoder/src/pages/common/previewHeader.tsx b/client/packages/lowcoder/src/pages/common/previewHeader.tsx
index bf73cd9803..1538785928 100644
--- a/client/packages/lowcoder/src/pages/common/previewHeader.tsx
+++ b/client/packages/lowcoder/src/pages/common/previewHeader.tsx
@@ -203,7 +203,7 @@ const PreviewHeaderComp = () => {
           onClick={() =>
             // redirection to app by JS will cause the problem that queries don't execute on initialization
             // so just open a new window.
-            window.open(APPLICATION_VIEW_URL(applicationId, "edit"))
+            window.open(history.createHref({pathname: APPLICATION_VIEW_URL(applicationId, "edit")}))
           }
         >
           <EditIcon />
@@ -215,7 +215,7 @@ const PreviewHeaderComp = () => {
           style={{ marginRight: !user.isAnonymous ? "24px" : "" }}
           buttonType="primary"
           onClick={() => {
-            window.open(trans("template.cloneUrl") + templateId);
+            window.open(history.createHref({pathname: trans("template.cloneUrl") + templateId}));
           }}
         >
           {trans("header.clone")}
diff --git a/client/packages/lowcoder/src/pages/common/profileDropdown.tsx b/client/packages/lowcoder/src/pages/common/profileDropdown.tsx
index 4f083cc186..4414acb8de 100644
--- a/client/packages/lowcoder/src/pages/common/profileDropdown.tsx
+++ b/client/packages/lowcoder/src/pages/common/profileDropdown.tsx
@@ -1,260 +1,200 @@
 import { default as Dropdown } from "antd/es/dropdown";
-import { default as Menu, MenuItemProps } from "antd/es/menu";
 import { Org, OrgRoleInfo } from "constants/orgConstants";
-import { ORGANIZATION_SETTING } from "constants/routesURL";
 import { User } from "constants/userConstants";
+import { getCurrentOrg } from "redux/selectors/orgSelectors";
 import {
-  AddIcon,
-  CheckoutIcon,
-  CommonGrayLabel,
   CommonTextLabel,
-  CommonTextLabel2,
-  DropdownMenu,
-  DropDownSubMenu,
   EditIcon,
-  PackUpIcon,
 } from "lowcoder-design";
 import ProfileSettingModal from "pages/setting/profile";
-import React, { useMemo } from "react";
+import React, { useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { createOrgAction, switchOrg } from "redux/reduxActions/orgActions";
 import styled from "styled-components";
-import history from "util/history";
 import ProfileImage from "pages/common/profileImage";
 import { isProfileSettingModalVisible } from "redux/selectors/usersSelectors";
 import { logoutAction, profileSettingModalVisible } from "redux/reduxActions/userActions";
 import { trans } from "i18n";
-import { showSwitchOrg } from "@lowcoder-ee/pages/common/customerService";
 import { checkIsMobile } from "util/commonUtils";
-import { selectSystemConfig } from "redux/selectors/configSelectors";
-import type { ItemType } from "antd/es/menu/interface";
+import WorkspaceSectionComponent from "./WorkspaceSection";
 
-const { Item } = Menu;
+// Keep existing styled components for profile and actions
+const ProfileDropdownContainer = styled.div`
+  width: 280px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
+  border: 1px solid #e1e3eb;
+  overflow: hidden;
+`;
 
-const ProfileWrapper = styled.div`
+const ProfileSection = styled.div`
   display: flex;
   align-items: center;
-  flex-direction: column;
-  gap: 10px;
-  padding: 4px 0 12px 0;
-
-  p {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: keep-all;
-  }
-
-  svg {
-    visibility: hidden;
-  }
-
-  :hover svg {
-    visibility: visible;
-
-    g g {
-      fill: #3377ff;
-    }
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  
+  &:hover {
+    background-color: #f8f9fa;
   }
 `;
 
-const StyledDropdown = styled(Dropdown)`
-  display: flex;
-  flex-direction: column;
+const ProfileInfo = styled.div`
+  margin-left: 12px;
+  flex: 1;
   min-width: 0;
-  align-items: end;
 `;
 
-const StyledPackUpIcon = styled(PackUpIcon)`
-  width: 20px;
-  height: 20px;
-  transform: rotate(90deg);
+const ProfileName = styled.div`
+  font-weight: 500;
+  font-size: 14px;
+  color: #222222;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
-const SelectDropMenuItem = styled((props: MenuItemProps) => <Item {...props} />)`
-  .ant-dropdown-menu-item-icon {
-    position: absolute;
-    right: 0;
-    width: 16px;
-    height: 16px;
-    margin-right: 8px;
-  }
-
-  .ant-dropdown-menu-title-content {
-    color: #4965f2;
-    padding-right: 22px;
-  }
+const ProfileOrg = styled.div`
+  font-size: 12px;
+  color: #8b8fa3;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
-const StyledDropdownSubMenu = styled(DropDownSubMenu)`
-  min-width: 192px;
-
-  .ant-dropdown-menu-item {
-    height: 29px;
-  }
+const ProfileRole = styled.div`
+  font-size: 11px;
+  color: #4965f2;
+  background: #f0f5ff;
+  border: 1px solid #d6e4ff;
+  border-radius: 4px;
+  padding: 2px 6px;
+  display: inline-block;
+  max-width: fit-content;
+`;
 
-  .ant-dropdown-menu-item-divider,
-  .ant-dropdown-menu-submenu-title-divider {
-    background-color: #e1e3eb;
-  }
+const ActionsSection = styled.div`
+  border-top: 1px solid #f0f0f0;
 `;
 
-const StyledNameLabel = styled.div`
-  width: 160px;
-  text-align: center;
-  position: relative;
-  margin-top: -3px;
+const ActionItem = styled.div`
   display: flex;
-  justify-content: center;
-
-  p {
-    font-weight: 500;
-    font-size: 14px;
-    line-height: 16px;
-    color: #222222;
-    padding-left: 16px;
+  align-items: center;
+  padding: 12px 16px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  font-size: 13px;
+  color: #222222;
+  
+  &:hover {
+    background-color: #f8f9fa;
+  }
+  
+  svg {
+    width: 16px;
+    height: 16px;
+    margin-right: 10px;
   }
 `;
 
-const OrgRoleLabel = styled.div`
-  font-size: 12px;
-  color: #4965f2;
-  line-height: 14px;
-  border: 1px solid #d6e4ff;
-  border-radius: 8px;
-  padding: 1px 5px;
+const StyledDropdown = styled(Dropdown)`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  align-items: end;
 `;
 
+// Component Props
 type DropDownProps = {
   onClick?: (text: string) => void;
   user: User;
   profileSide: number;
   fontSize?: number;
 };
+
+// Simplified Main Component
 export default function ProfileDropdown(props: DropDownProps) {
-  const { avatarUrl, username, orgs, currentOrgId } = props.user;
+  const { avatarUrl, username, currentOrgId } = props.user;
   const currentOrgRoleId = props.user.orgRoleMap.get(currentOrgId);
-  const currentOrg = useMemo(
-    () => props.user.orgs.find((o) => o.id === currentOrgId),
-    [props.user, currentOrgId]
-  );
+  const currentOrg = useSelector(getCurrentOrg);
   const settingModalVisible = useSelector(isProfileSettingModalVisible);
-  const sysConfig = useSelector(selectSystemConfig);
   const dispatch = useDispatch();
-  const handleClick = (e: any) => {
-    if (e.key === "profile") {
-      // click the profile, while not close the dropdown
-      if (checkIsMobile(window.innerWidth)) {
-        return;
-      }
-      dispatch(profileSettingModalVisible(true));
-    } else if (e.key === "logout") {
-      // logout
-      const organizationId = localStorage.getItem('lowcoder_login_orgId');
-      if (organizationId) {
-        localStorage.removeItem('lowcoder_login_orgId');
-      }
-      dispatch(logoutAction({
-        organizationId: organizationId || undefined,
-      }));
-    } else if (e.keyPath.includes("switchOrg")) {
-      if (e.key === "newOrganization") {
-        // create new organization
-        dispatch(createOrgAction(orgs));
-        history.push(ORGANIZATION_SETTING);
-      } else if (currentOrgId !== e.key) {
-        // switch org
-        dispatch(switchOrg(e.key));
-      }
+
+  // Simple state - only what we need
+  const [dropdownVisible, setDropdownVisible] = useState(false);
+
+  // Event handlers
+  const handleProfileClick = () => {
+    if (checkIsMobile(window.innerWidth)) {
+      setDropdownVisible(false);
+      return;
+    }
+    dispatch(profileSettingModalVisible(true));
+    setDropdownVisible(false);
+  };
+
+  const handleLogout = () => {
+    const organizationId = localStorage.getItem('lowcoder_login_orgId');
+    if (organizationId) {
+      localStorage.removeItem('lowcoder_login_orgId');
     }
+    dispatch(logoutAction({
+      organizationId: organizationId || undefined,
+    }));
+    setDropdownVisible(false);
   };
 
-  let profileDropdownMenuItems:ItemType[] = [
-    {
-      key: 'profile',
-      label: (
-        <ProfileWrapper>
-          <ProfileImage source={avatarUrl} userName={username} side={48} />
-          <StyledNameLabel>
-            <CommonTextLabel2 title={username}>{username}</CommonTextLabel2>
-            {!checkIsMobile(window.innerWidth) && <EditIcon />}
-          </StyledNameLabel>
+  const handleDropdownClose = () => {
+    setDropdownVisible(false);
+  };
+
+  // Dropdown content
+  const dropdownContent = (
+    <ProfileDropdownContainer onClick={(e) => e.stopPropagation()}>
+      {/* Profile Section */}
+      <ProfileSection onClick={handleProfileClick}>
+        <ProfileImage source={avatarUrl} userName={username} side={40} />
+        <ProfileInfo>
+          <ProfileName title={username}>{username}</ProfileName>
           {currentOrg && (
-            <CommonGrayLabel
-              style={{
-                width: "130px",
-                textAlign: "center",
-                lineHeight: "15px",
-              }}
-            >
-              {currentOrg.name}
-            </CommonGrayLabel>
+            <ProfileOrg title={currentOrg.name}>{currentOrg.name}</ProfileOrg>
           )}
           {currentOrgRoleId && OrgRoleInfo[currentOrgRoleId] && (
-            <OrgRoleLabel>{OrgRoleInfo[currentOrgRoleId].name}</OrgRoleLabel>
+            <ProfileRole>{OrgRoleInfo[currentOrgRoleId].name}</ProfileRole>
           )}
-        </ProfileWrapper>
-      ),
-    },
-    {
-      key: 'logout',
-      label: trans("profile.logout"),
-    }
-  ]
-
-  if(orgs && orgs.length > 0 && showSwitchOrg(props.user, sysConfig)) {
-    const switchOrgSubMenu = orgs.map((org: Org) => ({
-      key: org.id,
-      icon: currentOrgId === org.id && <CheckoutIcon />,
-      label: org.name
-    }))
-
-    let addWorkSpace:ItemType[] = [];
-    if(!checkIsMobile(window.innerWidth)) {
-      addWorkSpace = [
-        { type: 'divider'},
-        {
-          key: 'newOrganization',
-          icon: <AddIcon />,
-          label: trans("profile.createOrg")
-        }
-      ]
-    }
-
-    const switchOrgMenu = {
-      key: 'switchOrg',
-      label: trans("profile.switchOrg"),
-      popupOffset: checkIsMobile(window.innerWidth) ? [-200, 36] : [4, -12],
-      children: [
-        {
-          key: 'joinedOrg',
-          label: (
-            <CommonTextLabel style={{ margin: "8px", color: "#B8B9BF" }}>
-              {trans("profile.joinedOrg")}
-            </CommonTextLabel>
-          ),
-          disabled: true,
-        },
-        ...switchOrgSubMenu,
-        ...addWorkSpace,
-      ]
-    }
-    profileDropdownMenuItems.splice(1, 0, switchOrgMenu);
-  }
-
-  const menu = (
-    <DropdownMenu
-      style={{ width: "192px" }}
-      onClick={handleClick}
-      expandIcon={<StyledPackUpIcon />}
-      items={profileDropdownMenuItems}
-    />
+        </ProfileInfo>
+        {!checkIsMobile(window.innerWidth) && (
+          <EditIcon style={{ color: "#8b8fa3" }} />
+        )}
+      </ProfileSection>
+
+      {/* Workspaces Section - Now extracted and clean! */}
+      <WorkspaceSectionComponent 
+        user={props.user}
+        isDropdownOpen={dropdownVisible}
+        onClose={handleDropdownClose}
+      />
+
+      {/* Actions Section */}
+      <ActionsSection>
+        <ActionItem onClick={handleLogout}>
+          {trans("profile.logout")}
+        </ActionItem>
+      </ActionsSection>
+    </ProfileDropdownContainer>
   );
+
   return (
     <>
       <StyledDropdown
-        popupRender={() => menu}
+        open={dropdownVisible}
+        onOpenChange={setDropdownVisible}
+        popupRender={() => dropdownContent}
         trigger={["click"]}
+        placement="bottomRight"
       >
         <div>
           <ProfileImage
@@ -269,4 +209,4 @@ export default function ProfileDropdown(props: DropDownProps) {
       {settingModalVisible && <ProfileSettingModal />}
     </>
   );
-}
+}
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/pages/editor/AppEditor.tsx b/client/packages/lowcoder/src/pages/editor/AppEditor.tsx
index 0928438920..c69c40b368 100644
--- a/client/packages/lowcoder/src/pages/editor/AppEditor.tsx
+++ b/client/packages/lowcoder/src/pages/editor/AppEditor.tsx
@@ -37,6 +37,7 @@ import { AppState } from "@lowcoder-ee/redux/reducers";
 import { resetIconDictionary } from "@lowcoder-ee/constants/iconConstants";
 import {fetchJsDSPaginationByApp} from "@lowcoder-ee/util/pagination/axios";
 import PaginationComp from "@lowcoder-ee/util/pagination/Pagination";
+import history from "@lowcoder-ee/util/history";
 
 const AppSnapshot = lazy(() => {
   return import("pages/editor/appSnapshot")
@@ -67,12 +68,12 @@ const AppEditor = React.memo(() => {
   // Memoize selectors to prevent unnecessary re-renders
   const selectors = useMemo(() => ({
     isUserViewMode: params.viewMode ? isUserViewModeCheck : true,
-    applicationId: params.applicationId || window.location.pathname.split("/")[2],
-    paramViewMode: params.viewMode || window.location.pathname.split("/")[3],
+    applicationId: params.applicationId || history.location.pathname.split("/")[2],
+    paramViewMode: params.viewMode || history.location.pathname.split("/")[3],
     viewMode: (params.viewMode === "view" || params.viewMode === "admin")
       ? "published"
       : params.viewMode === "view_marketplace" ? "view_marketplace" : "editing",
-  }), [params.viewMode, params.applicationId, window.location.pathname, isUserViewModeCheck]);
+  }), [params.viewMode, params.applicationId, history.location.pathname, isUserViewModeCheck]);
 
   const firstRendered = useRef(false);
   const orgId = useMemo(() => currentUser.currentOrgId, [currentUser.currentOrgId]);
diff --git a/client/packages/lowcoder/src/pages/editor/AppEditorPublic.tsx b/client/packages/lowcoder/src/pages/editor/AppEditorPublic.tsx
index 2afc07e9b1..e63270b4ac 100644
--- a/client/packages/lowcoder/src/pages/editor/AppEditorPublic.tsx
+++ b/client/packages/lowcoder/src/pages/editor/AppEditorPublic.tsx
@@ -61,13 +61,13 @@ const AppEditorPublic = React.memo(() => {
   );
   const applicationId = useMemo(
     () => {
-      const appId = params.applicationId || window.location.pathname.split("/")[2];
+      const appId = params.applicationId || history.location.pathname.split("/")[2];
       return appId === 'public' ? PUBLIC_APP_ID : appId;
-    }, [params.applicationId, window.location.pathname]
+    }, [params.applicationId, history.location.pathname]
   );
   const paramViewMode = useMemo(
-    () => params.viewMode || window.location.pathname.split("/")[3],
-    [params.viewMode, window.location.pathname]
+    () => params.viewMode || history.location.pathname.split("/")[3],
+    [params.viewMode, history.location.pathname]
   );
   const viewMode = useMemo(
     () => (paramViewMode === "view" || paramViewMode === "admin")
diff --git a/client/packages/lowcoder/src/pages/editor/LeftContent.tsx b/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
index 126024d650..1b403d6823 100644
--- a/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
+++ b/client/packages/lowcoder/src/pages/editor/LeftContent.tsx
@@ -446,7 +446,14 @@ export const LeftContent = (props: LeftContentProps) => {
         </span>
         {info?.show && data && (
           <Modal
-            title={data.name}
+            title={
+              <div>
+                <div>{data.name}</div>
+                <div style={{ fontSize: '12px', color: '#666', fontWeight: 'normal', marginTop: '4px' }}>
+                  <strong>Type:</strong> {data.type}
+                </div>
+              </div>
+            }
             open={info.show}
             onOk={() => setShowData([])}
             cancelButtonProps={{ style: { display: 'none' } }}
diff --git a/client/packages/lowcoder/src/pages/editor/appEditorInternal.tsx b/client/packages/lowcoder/src/pages/editor/appEditorInternal.tsx
index 161fadf165..05909beed7 100644
--- a/client/packages/lowcoder/src/pages/editor/appEditorInternal.tsx
+++ b/client/packages/lowcoder/src/pages/editor/appEditorInternal.tsx
@@ -27,6 +27,7 @@ import { getCurrentUser } from "redux/selectors/usersSelectors";
 import React from "react";
 import { isEqual } from "lodash";
 import { isPublicApplication } from "@lowcoder-ee/redux/selectors/applicationSelector";
+import history from "@lowcoder-ee/util/history";
 
 /**
  * FIXME: optimize the logic of saving comps
@@ -187,7 +188,7 @@ export const AppEditorInternalView = React.memo((props: AppEditorInternalViewPro
       readOnly,
       appType: appInfo.appType,
       applicationId: appInfo.id,
-      hideHeader: window.location.pathname.split("/")[3] === "admin",
+      hideHeader: history.location.pathname.split("/")[3] === "admin",
       blockEditing,
       fetchApplication: fetchApplication,
       exportPublicAppToJson: isPublicApp ? exportPublicAppToJson : undefined,
@@ -232,7 +233,7 @@ export const AppEditorInternalView = React.memo((props: AppEditorInternalViewPro
   });
 
   return loading ? (
-    window.location.pathname.split("/")[3] === "admin" ? <div></div> : 
+    history.location.pathname.split("/")[3] === "admin" ? <div></div> : 
     <EditorSkeletonView />
   ) : (
     <ConfigProvider
diff --git a/client/packages/lowcoder/src/pages/editor/editorView.tsx b/client/packages/lowcoder/src/pages/editor/editorView.tsx
index 2c7f0de92e..c722f907f7 100644
--- a/client/packages/lowcoder/src/pages/editor/editorView.tsx
+++ b/client/packages/lowcoder/src/pages/editor/editorView.tsx
@@ -337,7 +337,11 @@ const aggregationSiderItems = [
   {
     key: SiderKey.Setting,
     icon: <LeftSettingIcon />,
-  }
+  },
+  {
+    key: SiderKey.JS,
+    icon: <LeftJSSettingIcon />,
+  },
 ];
 
 const DeviceWrapper = ({
@@ -706,9 +710,7 @@ function EditorView(props: EditorViewProps) {
                         <SettingsDiv>
                           <ScrollBar>
                             {application &&
-                              !isAggregationApp(
-                                AppUILayoutType[application.applicationType]
-                              ) && (
+                              (
                                 <>
                                   {appSettingsComp.getPropertyView()}
                                 </>
diff --git a/client/packages/lowcoder/src/pages/editor/right/ModulePanel.tsx b/client/packages/lowcoder/src/pages/editor/right/ModulePanel.tsx
index 5b216cd708..4054e17f08 100644
--- a/client/packages/lowcoder/src/pages/editor/right/ModulePanel.tsx
+++ b/client/packages/lowcoder/src/pages/editor/right/ModulePanel.tsx
@@ -31,6 +31,7 @@ import {DraggableTreeNode, DraggableTreeNodeItemRenderProps} from "@lowcoder-ee/
 import { EmptyContent } from "components/EmptyContent";
 import {deleteFolder, moveToFolder, updateFolder} from "@lowcoder-ee/redux/reduxActions/folderActions";
 import { isPublicApplication } from "@lowcoder-ee/redux/selectors/applicationSelector";
+import history from "@lowcoder-ee/util/history";
 const ItemWrapper = styled.div`
   display: flex;
   flex-direction: row;
@@ -736,7 +737,7 @@ export default function ModulePanel() {
                                     type={AppTypeEnum.Module}
                                     onSuccess={(app) => {
                                         const appId = app.applicationInfoView.applicationId;
-                                        const url = APPLICATION_VIEW_URL(appId, "edit");
+                                        const url = history.createHref({pathname: APPLICATION_VIEW_URL(appId, "edit")});
                                         window.open(url);
                                     }}
                                 />
diff --git a/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx b/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx
index cff8de9eb5..6d861f7356 100644
--- a/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx
+++ b/client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx
@@ -48,6 +48,7 @@ import { messageInstance } from "lowcoder-design/src/components/GlobalInstances"
 import { Helmet } from "react-helmet";
 import {fetchQLPaginationByOrg} from "@lowcoder-ee/util/pagination/axios";
 import { isEmpty } from "lodash";
+import { processCurlData } from "../../util/curlUtils";
 
 const Wrapper = styled.div`
   display: flex;
@@ -199,17 +200,39 @@ export const QueryLibraryEditor = () => {
   const newName = nameGenerator.genItemName(trans("queryLibrary.unnamed"));
 
   const handleAdd = (type: BottomResTypeEnum, extraInfo?: any) => {
+    // Build basic query DSL
+    let queryDSL: any = {
+      triggerType: "manual",
+      datasourceId: extraInfo?.dataSourceId,
+      compType: extraInfo?.compType,
+    };
+
+    // If it is a REST API created from cURL, pre-populate the HTTP query fields
+    if (extraInfo?.compType === "restApi" && extraInfo?.curlData) {
+      const curlConfig = processCurlData(extraInfo.curlData);
+      if (curlConfig) {
+        queryDSL = {
+          ...queryDSL,
+          comp: {
+            httpMethod: curlConfig.method,
+            path: curlConfig.url,
+            headers: curlConfig.headers,
+            params: curlConfig.params,
+            bodyType: curlConfig.bodyType,
+            body: curlConfig.body,
+            bodyFormData: curlConfig.bodyFormData,
+          },
+        };
+      }
+    }
+
     dispatch(
       createQueryLibrary(
         {
           name: newName,
           organizationId: orgId,
           libraryQueryDSL: {
-            query: {
-              triggerType: "manual",
-              datasourceId: extraInfo?.dataSourceId,
-              compType: extraInfo?.compType,
-            },
+            query: queryDSL,
           },
         },
         (resp) => {
@@ -218,7 +241,6 @@ export const QueryLibraryEditor = () => {
             setModify(!modify);
           }, 200);
           setCurrentPage(Math.ceil(elements.total / pageSize));
-
         },
         () => {}
       )
diff --git a/client/packages/lowcoder/src/pages/setting/branding/BrandingSetting.tsx b/client/packages/lowcoder/src/pages/setting/branding/BrandingSetting.tsx
index 12ce5e7a65..9a0b64296e 100644
--- a/client/packages/lowcoder/src/pages/setting/branding/BrandingSetting.tsx
+++ b/client/packages/lowcoder/src/pages/setting/branding/BrandingSetting.tsx
@@ -497,14 +497,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/24x24"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Logo.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
           </Card>
@@ -534,14 +534,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Main%20Branding%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -563,14 +563,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20App%20Header%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -592,14 +592,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Admin%20Sidebar%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -621,14 +621,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Admin%20Sidebar%20Font%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -650,14 +650,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Admin%20Sidebar%20Selected%20Item%20Backround%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -679,14 +679,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Admin%20Sidebar%20Selected%20Item%20Font%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -708,14 +708,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Editor%20Sidebar%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -737,14 +737,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Editor%20Sidebar%20Font%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -766,14 +766,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Editor%20Sidebar%20Selected%20Item%20Background%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -795,14 +795,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Editor%20Sidebar%20Selected%20Item%20Font%20Color.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -822,14 +822,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Font.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
           </Card>
@@ -850,36 +850,12 @@ export function BrandingSetting() {
                   onChange={(e) => updateSettings(SettingsEnum.ERROR_PAGE_TEXT, e.target.value)}
                 />
 
-                {/* {!Boolean(configOrgId) ? (
-                  <> */}
-                    <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.errorPageImageUrl")}</StyledSectionTitle>
-                    <StyledInput
-                      placeholder={trans("branding.errorPageImageUrlPlaceholder")}
-                      value={brandingConfig?.config_set?.[SettingsEnum.ERROR_PAGE_IMAGE] || ""}
-                      onChange={(e) => updateSettings(SettingsEnum.ERROR_PAGE_IMAGE, e.target.value)}
-                    />
-                  {/* </>
-                ) : (
-                  <>
-                    <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.errorPageImage")}</StyledSectionTitle>
-                    <StyledRectUploadContainer>
-                      <Upload
-                        name="errorPageImage"
-                        className="avatar-uploader"
-                        listType="picture-card"
-                        showUploadList={false}
-                        beforeUpload={beforeUpload}
-                        maxCount={1}
-                        customRequest={(options) => handleUpload(options, SettingsEnum.ERROR_PAGE_IMAGE)}
-                      >
-                        {Boolean(brandingConfig?.config_set?.[SettingsEnum.ERROR_PAGE_IMAGE])
-                          ? <img src={buildMaterialPreviewURL(brandingConfig?.config_set?.[SettingsEnum.ERROR_PAGE_IMAGE]!)} alt="error_page_image" />
-                          : uploadButton(loading[SettingsEnum.ERROR_PAGE_IMAGE])
-                        }
-                      </Upload>
-                    </StyledRectUploadContainer>
-                  </>
-                )} */}
+                <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.errorPageImageUrl")}</StyledSectionTitle>
+                <StyledInput
+                  placeholder={trans("branding.errorPageImageUrlPlaceholder")}
+                  value={brandingConfig?.config_set?.[SettingsEnum.ERROR_PAGE_IMAGE] || ""}
+                  onChange={(e) => updateSettings(SettingsEnum.ERROR_PAGE_IMAGE, e.target.value)}
+                />
               </Col>
               <Col xs={24} md={8}>
                 <Paragraph type="secondary">
@@ -887,14 +863,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Error%20Page.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
             <StyledDivider />
@@ -906,52 +882,27 @@ export function BrandingSetting() {
                   value={brandingConfig?.config_set?.signUpPageText || ""}
                   onChange={(e) => updateSettings(SettingsEnum.SIGNUP_PAGE_TEXT, e.target.value)}
                 />
-
-                {/* {!Boolean(configOrgId) ? (
-                  <> */}
-                    <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.signUpPageImageUrl")}</StyledSectionTitle>
-                    <StyledInput
-                      placeholder={trans("branding.signUpPageImageUrlPlaceholder")}
-                      value={brandingConfig?.config_set?.[SettingsEnum.SIGNUP_PAGE_IMAGE] || ""}
-                      onChange={(e) => updateSettings(SettingsEnum.SIGNUP_PAGE_IMAGE, e.target.value)}
-                    />
-                  {/* </>
-                ) : (
-                  <>
-                    <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.signUpPageImage")}</StyledSectionTitle>
-                    <StyledRectUploadContainer>
-                      <Upload
-                        name="signUpPageImage"
-                        className="avatar-uploader"
-                        listType="picture-card"
-                        showUploadList={false}
-                        beforeUpload={beforeUpload}
-                        maxCount={1}
-                        customRequest={(options) => handleUpload(options, SettingsEnum.SIGNUP_PAGE_IMAGE)}
-                      >
-                        {Boolean(brandingConfig?.config_set?.[SettingsEnum.SIGNUP_PAGE_IMAGE])
-                          ? <img src={buildMaterialPreviewURL(brandingConfig?.config_set?.[SettingsEnum.SIGNUP_PAGE_IMAGE]!)} alt="signup_page_image" />
-                          : uploadButton(loading[SettingsEnum.SIGNUP_PAGE_IMAGE])
-                        }
-                      </Upload>
-                    </StyledRectUploadContainer>
-                  </>
-                )} */}
+                  <StyledSectionTitle style={{marginTop : "20px"}}>{trans("branding.signUpPageImageUrl")}</StyledSectionTitle>
+                  <StyledInput
+                    placeholder={trans("branding.signUpPageImageUrlPlaceholder")}
+                    value={brandingConfig?.config_set?.[SettingsEnum.SIGNUP_PAGE_IMAGE] || ""}
+                    onChange={(e) => updateSettings(SettingsEnum.SIGNUP_PAGE_IMAGE, e.target.value)}
+                  />
               </Col>
               <Col xs={24} md={8}>
                 <Paragraph type="secondary">
-                  {settingDescription[SettingsEnum.ERROR_PAGE_TEXT]}
+                  {settingDescription[SettingsEnum.SIGNUP_PAGE_TEXT]}
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Enterprise%20Edition%20%7C%20Branding%20%7C%20Whitelabel.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
             <StyledDivider />
@@ -980,14 +931,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20SEO.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
           </Card>
@@ -1028,14 +979,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Documentation%20Link.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -1066,14 +1017,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Whats%20New.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
 
@@ -1093,14 +1044,14 @@ export function BrandingSetting() {
                 </Paragraph>
               </Col>
               <Col xs={24} md={8} style={{textAlign: 'right'}}>
-                {/* <StyledImage
+                <StyledImage
                   width={200}
                   height={100}
-                  src="https://placehold.co/200x100"
+                  src="https://raw.githubusercontent.com/lowcoder-org/lowcoder-media-assets/refs/heads/main/images/Branding%20%7C%20Allow%20Submit%20Issue.png"
                   alt="Color Preview"
                   preview
                   loading="lazy"
-                /> */}
+                />
               </Col>
             </StyledRow>
           </Card>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx
index 18cf2de9e6..751a72f7b8 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx
@@ -225,7 +225,7 @@ const AppsTab: React.FC<AppsTabProps> = ({ environment, workspaceId }) => {
               icon={<AuditOutlined />}
               onClick={(e) => {
                 e.stopPropagation();
-                const auditUrl = `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&appId=${app.applicationId}&pageSize=100&pageNum=1`;
+                const auditUrl = history.createHref({pathname: `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&appId=${app.applicationId}&pageSize=100&pageNum=1`});
                 window.open(auditUrl, '_blank');
               }}
             >
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx
index d5704c0e9a..d8379f0e6e 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx
@@ -215,7 +215,7 @@ const DataSourcesTab: React.FC<DataSourcesTabProps> = ({ environment, workspaceI
               icon={<AuditOutlined />}
               onClick={(e) => {
                 e.stopPropagation();
-                const auditUrl = `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&datasourceId=${dataSource.id}&pageSize=100&pageNum=1`;
+                const auditUrl = history.createHref({pathname: `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&datasourceId=${dataSource.id}&pageSize=100&pageNum=1`});
                 window.open(auditUrl, '_blank');
               }}
             >
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
index 4208afb08d..59dd2369ae 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
@@ -5,6 +5,7 @@ import { Environment } from '../types/environment.types';
 import { getEnvironmentTagColor, formatEnvironmentType } from '../utils/environmentUtils';
 import { getAPICallsStatusColor } from '../services/license.service';
 import { trans } from 'i18n';
+import history from '@lowcoder-ee/util/history';
 
 const { Text, Title } = Typography;
 
@@ -25,7 +26,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
   // Open audit page in new tab
   const openAuditPage = (environmentId: string, e: React.MouseEvent) => {
     e.stopPropagation(); // Prevent row click from triggering
-    const auditUrl = `/setting/audit?environmentId=${environmentId}`;
+    const auditUrl = history.createHref({pathname: `/setting/audit?environmentId=${environmentId}`});
     window.open(auditUrl, '_blank');
   };
 
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx
index 7f65057c45..7af632c498 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx
@@ -233,7 +233,7 @@ const QueriesTab: React.FC<QueriesTabProps> = ({ environment, workspaceId }) =>
               icon={<AuditOutlined />}
               onClick={(e) => {
                 e.stopPropagation();
-                const auditUrl = `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&queryId=${query.id}&pageSize=100&pageNum=1`;
+                const auditUrl = history.createHref({pathname: `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspaceId}&queryId=${query.id}&pageSize=100&pageNum=1`});
                 window.open(auditUrl, '_blank');
               }}
             >
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx
index 816a312dbe..9e0dd490f8 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx
@@ -197,7 +197,7 @@ const WorkspacesTab: React.FC<WorkspacesTabProps> = ({ environment }) => {
               size="small"
               onClick={(e) => {
                 e.stopPropagation();
-                const auditUrl = `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspace.id}&pageSize=100&pageNum=1`;
+                const auditUrl = history.createHref({pathname: `/setting/audit?environmentId=${environment.environmentId}&orgId=${workspace.id}&pageSize=100&pageNum=1`});
                 window.open(auditUrl, '_blank');
               }}
             >
diff --git a/client/packages/lowcoder/src/pages/setting/organization/orgList.tsx b/client/packages/lowcoder/src/pages/setting/organization/orgList.tsx
index ba99bc7df9..2f4dc160e3 100644
--- a/client/packages/lowcoder/src/pages/setting/organization/orgList.tsx
+++ b/client/packages/lowcoder/src/pages/setting/organization/orgList.tsx
@@ -1,7 +1,7 @@
 import { ADMIN_ROLE, SUPER_ADMIN_ROLE } from "constants/orgConstants";
-import { AddIcon, CustomModal, DangerIcon, EditPopover } from "lowcoder-design";
+import { AddIcon, CustomModal, DangerIcon, EditPopover, SearchIcon, CheckoutIcon } from "lowcoder-design";
 import { useDispatch, useSelector } from "react-redux";
-import { createOrgAction, deleteOrgAction } from "redux/reduxActions/orgActions";
+import { createOrgAction, deleteOrgAction, switchOrg } from "redux/reduxActions/orgActions";
 import styled from "styled-components";
 import { trans, transToNode } from "i18n";
 import { buildOrgId } from "constants/routesURL";
@@ -15,13 +15,17 @@ import { Table } from "components/Table";
 import history from "util/history";
 import { StyledOrgLogo } from "./styledComponents";
 import { Level1SettingPageContentWithList, Level1SettingPageTitleWithBtn } from "../styled";
-import { timestampToHumanReadable } from "util/dateTimeUtils";
 import { isSaasMode } from "util/envUtils";
 import { selectSystemConfig } from "redux/selectors/configSelectors";
 import { default as Form } from "antd/es/form";
 import { default as Input } from "antd/es/input";
+import { Pagination, Spin } from "antd";
 import { getUser } from "redux/selectors/usersSelectors";
 import { getOrgCreateStatus } from "redux/selectors/orgSelectors";
+import { useWorkspaceManager } from "util/useWorkspaceManager";
+import { Org } from "constants/orgConstants";
+import { useState } from "react";
+import { SwapOutlined } from "@ant-design/icons";
 
 const OrgName = styled.div`
   display: flex;
@@ -47,12 +51,56 @@ const OrgName = styled.div`
   }
 `;
 
+// Icon to indicate the currently active organization
+const ActiveOrgIcon = styled(CheckoutIcon)`
+  width: 16px;
+  height: 16px;
+  color: #4965f2;
+  margin-left: 6px;
+`;
+
+// Button to switch to this organization
+const SwitchBtn = styled(EditBtn)`
+  min-width: auto;
+  margin-right: 8px;
+`;
+
 const TableStyled = styled(Table)`
   .ant-table-tbody > tr > td {
     padding: 11px 12px;
   }
 `;
 
+const SearchContainer = styled.div`
+  margin-bottom: 16px;
+  max-width: 320px;
+`;
+
+const StyledSearchInput = styled(Input)`
+  .ant-input {
+    border: 1px solid #e1e3eb;
+    border-radius: 6px;
+    font-size: 13px;
+    
+    &:focus {
+      border-color: #4965f2;
+      box-shadow: 0 0 0 2px rgba(73, 101, 242, 0.1);
+    }
+  }
+`;
+
+const PaginationContainer = styled.div`
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+`;
+
+const LoadingContainer = styled.div`
+  display: flex;
+  justify-content: center;
+  padding: 40px 0;
+`;
+
 const Content = styled.div`
   &,
   .ant-form-item-label,
@@ -120,29 +168,43 @@ const Tip = styled.div`
 type DataItemInfo = {
   id: string;
   del: boolean;
-  createTime: string;
   orgName: string;
   logoUrl: string;
 };
 
 function OrganizationSetting() {
   const user = useSelector(getUser);
-  const orgs = user.orgs;
-  const adminOrgs = orgs.filter((org) => {
-    const role = user.orgRoleMap.get(org.id);
-    return role === ADMIN_ROLE || role === SUPER_ADMIN_ROLE;
-  });
   const orgCreateStatus = useSelector(getOrgCreateStatus);
   const dispatch = useDispatch();
   const sysConfig = useSelector(selectSystemConfig);
   const [form] = Form.useForm();
 
-  const dataSource = adminOrgs.map((org) => ({
+  // Use the workspace manager hook for search and pagination
+  const {
+    searchTerm,
+    currentPage,
+    totalCount,
+    isLoading,
+    displayWorkspaces,
+    handleSearchChange,
+    handlePageChange,
+    pageSize,
+  } = useWorkspaceManager({ 
+    pageSize: 10 
+  });
+
+
+  // Filter to only show orgs where user has admin permissions
+  const adminOrgs = displayWorkspaces.filter((org: Org) => {
+    const role = user.orgRoleMap.get(org.id);
+    return role === ADMIN_ROLE || role === SUPER_ADMIN_ROLE;
+  });
+
+  const dataSource = adminOrgs.map((org: Org) => ({
     id: org.id,
     del: adminOrgs.length > 1,
-    createTime: org.createTime,
     orgName: org.name,
-    logoUrl: org.logoUrl,
+    logoUrl: org.logoUrl || "",
   }));
 
   return (
@@ -154,131 +216,175 @@ function OrganizationSetting() {
             loading={orgCreateStatus === "requesting"}
             buttonType={"primary"}
             icon={<AddIcon />}
-            onClick={() => dispatch(createOrgAction(orgs))}
+            onClick={() => dispatch(createOrgAction(user.orgs))}
           >
             {trans("orgSettings.createOrg")}
           </CreateButton>
         )}
       </Level1SettingPageTitleWithBtn>
+      
+      {/* Search Input */}
+      <SearchContainer>
+        <StyledSearchInput
+          placeholder="Search organizations..."
+          value={searchTerm}
+          onChange={(e) => handleSearchChange(e.target.value)}
+          prefix={<SearchIcon style={{ color: "#8b8fa3" }} />}
+          size="middle"
+        />
+      </SearchContainer>
+
       <div>
-        <TableStyled
-          tableLayout={"auto"}
-          scroll={{ x: "100%" }}
-          pagination={false}
-          onRow={(record) => ({
-            onClick: () => history.push(buildOrgId((record as DataItemInfo).id)),
-          })}
-          columns={[
-            {
-              title: trans("orgSettings.orgName"),
-              dataIndex: "orgName",
-              ellipsis: true,
-              render: (_, record: any) => {
-                return (
-                  <OrgName>
-                    <StyledOrgLogo source={record.logoUrl} orgName={record.orgName} />
-                    <span>{record.orgName}</span>
-                  </OrgName>
-                );
-              },
-            },
-            {
-              title: trans("memberSettings.createTime"),
-              dataIndex: "createTime",
-              ellipsis: true,
-              render: (value) => (
-                <span style={{ color: "#8B8FA3" }}>{timestampToHumanReadable(value)}</span>
-              ),
-            },
-            { title: " ", dataIndex: "operation", width: "208px" },
-          ]}
-          dataSource={dataSource.map((item, i) => ({
-            ...item,
-            key: i,
-            operation: (
-              <OperationWrapper>
-                <EditBtn
-                  className={"home-datasource-edit-button"}
-                  buttonType={"primary"}
-                  onClick={() => history.push(buildOrgId(item.id))}
-                >
-                  {trans("edit")}
-                </EditBtn>
-                {item.del && (
-                  <EditPopover
-                    del={() => {
-                      CustomModal.confirm({
-                        width: "384px",
-                        title: trans("orgSettings.deleteModalTitle"),
-                        bodyStyle: { marginTop: 0 },
-                        content: (
-                          <Content>
-                            <Tip>
-                              <DangerIcon />
-                              <span>
-                                {transToNode("orgSettings.deleteModalContent", {
-                                  permanentlyDelete: (
-                                    <b>{trans("orgSettings.permanentlyDelete")}</b>
-                                  ),
-                                  notRestored: <b>{trans("orgSettings.notRestored")}</b>,
-                                })}
-                              </span>
-                            </Tip>
-                            <Form layout="vertical" form={form}>
-                              <Form.Item
-                                name="name"
-                                label={transToNode("orgSettings.deleteModalLabel", {
-                                  name: (
-                                    <span style={{ color: "#4965F2", margin: "0 5px" }}>
-                                      {item.orgName}
-                                    </span>
-                                  ),
-                                })}
-                                rules={[
-                                  {
-                                    required: true,
-                                    message: trans("orgSettings.deleteModalTip"),
-                                  },
-                                ]}
-                              >
-                                <Input placeholder={trans("orgSettings.orgName")} />
-                              </Form.Item>
-                            </Form>
-                          </Content>
-                        ),
-                        onConfirm: () => {
-                          form.submit();
-                          return form.validateFields().then(() => {
-                            const name = form.getFieldValue("name");
-                            if (name === item.orgName) {
-                              dispatch(deleteOrgAction(item.id));
+        {isLoading ? (
+          <LoadingContainer>
+            <Spin size="large" />
+          </LoadingContainer>
+        ) : (
+          <>
+            <TableStyled
+              tableLayout={"auto"}
+              scroll={{ x: "100%" }}
+              pagination={false}
+              onRow={(record) => ({
+                onClick: () => history.push(buildOrgId((record as DataItemInfo).id)),
+              })}
+              columns={[
+                {
+                  title: trans("orgSettings.orgName"),
+                  dataIndex: "orgName",
+                  ellipsis: true,
+                  render: (_, record: any) => {
+                    const isActiveOrg = record.id === user.currentOrgId;
+                    return (
+                      <OrgName>
+                        <StyledOrgLogo source={record.logoUrl} orgName={record.orgName} />
+                        <span>{record.orgName}</span>
+                        {isActiveOrg && <ActiveOrgIcon />}
+                      </OrgName>
+                    );
+                  },
+                },
+                { title: " ", dataIndex: "operation", width: "208px" },
+              ]}
+              dataSource={dataSource.map((item, i) => ({
+                ...item,
+                key: i,
+                operation: (
+                  <OperationWrapper>
+                    {item.id !== user.currentOrgId && (
+                      <SwitchBtn
+                        className={"home-datasource-edit-button"}
+                        buttonType={"blue"}
+                        icon={<SwapOutlined />}
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          dispatch(switchOrg(item.id));
+                        }}
+                      >
+                        {trans("profile.switchWorkspace")}
+                      </SwitchBtn>
+                    )}
+                    <EditBtn
+                      className={"home-datasource-edit-button"}
+                      buttonType={"primary"}
+                      onClick={() => history.push(buildOrgId(item.id))}
+                    >
+                      {trans("edit")}
+                    </EditBtn>
+                    {item.del && (
+                      <EditPopover
+                        del={() => {
+                          CustomModal.confirm({
+                            width: "384px",
+                            title: trans("orgSettings.deleteModalTitle"),
+                            bodyStyle: { marginTop: 0 },
+                            content: (
+                              <Content>
+                                <Tip>
+                                  <DangerIcon />
+                                  <span>
+                                    {transToNode("orgSettings.deleteModalContent", {
+                                      permanentlyDelete: (
+                                        <b>{trans("orgSettings.permanentlyDelete")}</b>
+                                      ),
+                                      notRestored: <b>{trans("orgSettings.notRestored")}</b>,
+                                    })}
+                                  </span>
+                                </Tip>
+                                <Form layout="vertical" form={form}>
+                                  <Form.Item
+                                    name="name"
+                                    label={transToNode("orgSettings.deleteModalLabel", {
+                                      name: (
+                                        <span style={{ color: "#4965F2", margin: "0 5px" }}>
+                                          {item.orgName}
+                                        </span>
+                                      ),
+                                    })}
+                                    rules={[
+                                      {
+                                        required: true,
+                                        message: trans("orgSettings.deleteModalTip"),
+                                      },
+                                    ]}
+                                  >
+                                    <Input placeholder={trans("orgSettings.orgName")} />
+                                  </Form.Item>
+                                </Form>
+                              </Content>
+                            ),
+                            onConfirm: () => {
+                              form.submit();
+                              return form.validateFields().then(() => {
+                                const name = form.getFieldValue("name");
+                                if (name === item.orgName) {
+                                  dispatch(deleteOrgAction(item.id));
+                                  form.resetFields();
+                                } else {
+                                  form.setFields([
+                                    {
+                                      name: "name",
+                                      errors: [trans("orgSettings.deleteModalErr")],
+                                    },
+                                  ]);
+                                  throw new Error();
+                                }
+                              });
+                            },
+                            onCancel: () => {
                               form.resetFields();
-                            } else {
-                              form.setFields([
-                                {
-                                  name: "name",
-                                  errors: [trans("orgSettings.deleteModalErr")],
-                                },
-                              ]);
-                              throw new Error();
-                            }
+                            },
+                            confirmBtnType: "delete",
+                            okText: trans("orgSettings.deleteModalBtn"),
                           });
-                        },
-                        onCancel: () => {
-                          form.resetFields();
-                        },
-                        confirmBtnType: "delete",
-                        okText: trans("orgSettings.deleteModalBtn"),
-                      });
-                    }}
-                  >
-                    <PopoverIcon tabIndex={-1} />
-                  </EditPopover>
-                )}
-              </OperationWrapper>
-            ),
-          }))}
-        />
+                        }}
+                      >
+                        <PopoverIcon tabIndex={-1} />
+                      </EditPopover>
+                    )}
+                  </OperationWrapper>
+                ),
+              }))}
+            />
+
+            {/* Pagination */}
+            {totalCount > pageSize && (
+              <PaginationContainer>
+                <Pagination
+                  current={currentPage}
+                  total={totalCount}
+                  pageSize={pageSize}
+                  showSizeChanger={false}
+                  showQuickJumper={false}
+                  showTotal={(total, range) => 
+                    `${range[0]}-${range[1]} of ${total} organizations`
+                  }
+                  onChange={handlePageChange}
+                />
+              </PaginationContainer>
+            )}
+          </>
+        )}
       </div>
     </Level1SettingPageContentWithList>
   );
diff --git a/client/packages/lowcoder/src/pages/setting/permission/addGroupUserDialog.tsx b/client/packages/lowcoder/src/pages/setting/permission/addGroupUserDialog.tsx
index 8af0e3cecc..46cad16b67 100644
--- a/client/packages/lowcoder/src/pages/setting/permission/addGroupUserDialog.tsx
+++ b/client/packages/lowcoder/src/pages/setting/permission/addGroupUserDialog.tsx
@@ -1,11 +1,14 @@
 import Column from "antd/es/table/Column";
 import OrgApi from "api/orgApi";
 import { GroupUser, MEMBER_ROLE, OrgUser } from "constants/orgConstants";
-import { CheckBox, CustomModal } from "lowcoder-design";
-import { CSSProperties, ReactNode, useEffect, useRef, useState } from "react";
+import { CheckBox, CustomModal, Search } from "lowcoder-design";
+import { CSSProperties, ReactNode, useEffect, useRef, useState, useCallback } from "react";
 import { connect, useDispatch } from "react-redux";
 import { AppState } from "redux/reducers";
-import { fetchGroupUsersAction, fetchOrgUsersAction } from "redux/reduxActions/orgActions";
+import { fetchGroupUsersAction, 
+  fetchOrgUsersAction, 
+  fetchGroupPotentialMembersAction 
+} from "redux/reduxActions/orgActions";
 import styled from "styled-components";
 import { StyledTable, UserTableCellWrapper } from "./styledComponents";
 import { formatTimestamp } from "util/dateTimeUtils";
@@ -14,6 +17,7 @@ import { isGroupAdmin } from "util/permissionUtils";
 import { SuperUserIcon } from "lowcoder-design";
 import { EmptyContent } from "pages/common/styledComponent";
 import { trans } from "i18n";
+import { debounce } from "lodash";
 
 const TableWrapper = styled.div`
   margin-right: -16px;
@@ -40,7 +44,25 @@ function AddGroupUserDialog(props: {
   const addableUsers = orgUsers.filter((user) => !groupUserIdMap.has(user.userId));
   const toAddUserIdRecord = useRef<Record<string, boolean>>({});
   const [confirmLoading, setConfirmLoading] = useState(false);
+  const [searchValue, setSearchValue] = useState("")
   const dispatch = useDispatch();
+
+  const debouncedFetchPotentialMembers = useCallback(
+    debounce((searchVal: string) => {
+      dispatch(fetchGroupPotentialMembersAction(searchVal, groupId));
+    }, 500),
+    [dispatch, groupId]
+  );
+
+  useEffect(() => {
+    if (searchValue.length > 2 || searchValue === "") {
+      debouncedFetchPotentialMembers(searchValue);
+    }
+    return () => {
+      debouncedFetchPotentialMembers.cancel();
+    };
+  }, [searchValue, debouncedFetchPotentialMembers]);
+
   useEffect(() => {
     if (dialogVisible) {
       dispatch(fetchOrgUsersAction(orgId));
@@ -92,7 +114,18 @@ function AddGroupUserDialog(props: {
           setDialogVisible(false);
         }}
       >
-        {!addableUsers || addableUsers.length === 0 ? (
+        <Search
+          placeholder={trans("memberSettings.searchMember")}
+          value={searchValue}
+          onChange={(e) => setSearchValue(e.target.value)}
+          style={{ 
+            width: "100%", 
+            height: "32px", 
+            paddingRight: "20px", 
+            marginBottom: "10px" 
+          }}
+        />
+        {(!addableUsers || addableUsers.length === 0) ? (
           <EmptyContent />
         ) : (
           <TableWrapper>
@@ -106,7 +139,7 @@ function AddGroupUserDialog(props: {
               scroll={{ y: 309 }}
             >
               <Column
-                width="170px"
+                width="200px"
                 title={trans("memberSettings.nameColumn")}
                 dataIndex="name"
                 key="name"
diff --git a/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionCancel.tsx b/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionCancel.tsx
index 1affb321c4..58cb9ba68a 100644
--- a/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionCancel.tsx
+++ b/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionCancel.tsx
@@ -43,7 +43,7 @@ export function SubscriptionCancel() {
   const session_id = query.get("session_id");
 
   useEffect(() => {
-    window.location.replace(SUBSCRIPTION_SETTING);
+    history.replace(SUBSCRIPTION_SETTING);
   }, []);
   
   return (
diff --git a/client/packages/lowcoder/src/pages/userAuth/authUtils.ts b/client/packages/lowcoder/src/pages/userAuth/authUtils.ts
index f5ae118931..ef1462f624 100644
--- a/client/packages/lowcoder/src/pages/userAuth/authUtils.ts
+++ b/client/packages/lowcoder/src/pages/userAuth/authUtils.ts
@@ -83,14 +83,14 @@ export function authRespValidate(
   if (doValidResponse(resp)) {
     onAuthSuccess?.();
     sessionStorage.setItem("_just_logged_in_", "true");
-    history.replace(replaceUrl.replace(baseUrl, ''));
+    window.location.replace(replaceUrl.replace(baseUrl, ''));
   } else if (
     resp.data.code === SERVER_ERROR_CODES.EXCEED_MAX_USER_ORG_COUNT ||
     resp.data.code === SERVER_ERROR_CODES.ALREADY_IN_ORGANIZATION
   ) {
     messageInstance.error(resp.data.message);
     // redirect after displaying the message for a second
-    setTimeout(() => window.location.replace(replaceUrl), 1500);
+    setTimeout(() => history.replace(replaceUrl), 1500);
   } else {
     throw Error(resp.data.message);
   }
diff --git a/client/packages/lowcoder/src/redux/reducers/uiReducers/usersReducer.ts b/client/packages/lowcoder/src/redux/reducers/uiReducers/usersReducer.ts
index be4b3a1dd0..4146dfd625 100644
--- a/client/packages/lowcoder/src/redux/reducers/uiReducers/usersReducer.ts
+++ b/client/packages/lowcoder/src/redux/reducers/uiReducers/usersReducer.ts
@@ -1,3 +1,4 @@
+import { Org } from "@lowcoder-ee/constants/orgConstants";
 import {
   ReduxAction,
   ReduxActionErrorTypes,
@@ -21,6 +22,10 @@ const initialState: UsersReduxState = {
   rawCurrentUser: defaultCurrentUser,
   profileSettingModalVisible: false,
   apiKeys: [],
+  workspaces: {
+    items: [],
+    totalCount: 0,
+  }
 };
 
 const usersReducer = createReducer(initialState, {
@@ -190,6 +195,21 @@ const usersReducer = createReducer(initialState, {
     ...state,
     apiKeys: action.payload,
   }),
+
+  
+  [ReduxActionTypes.FETCH_WORKSPACES_SUCCESS]: (
+    state: UsersReduxState,
+    action: ReduxAction<{ items: Org[], totalCount: number, isLoadMore?: boolean }>
+  ) => ({
+    ...state,
+    workspaces: {
+      items: action.payload.isLoadMore 
+        ? [...state.workspaces.items, ...action.payload.items] // Append for load more
+        : action.payload.items, // Replace for new search/initial load
+      totalCount: action.payload.totalCount
+    }
+  }),
+  
 });
 
 export interface UsersReduxState {
@@ -205,6 +225,13 @@ export interface UsersReduxState {
   error: string;
   profileSettingModalVisible: boolean;
   apiKeys: Array<ApiKey>;
+
+  // NEW state for workspaces
+  // NEW: Separate workspace state
+  workspaces: {
+    items: Org[];           // Current page of workspaces
+    totalCount: number;     // Total workspaces available
+  };
 }
 
 export default usersReducer;
diff --git a/client/packages/lowcoder/src/redux/reduxActions/orgActions.ts b/client/packages/lowcoder/src/redux/reduxActions/orgActions.ts
index 196d7c1554..2bb8374ca9 100644
--- a/client/packages/lowcoder/src/redux/reduxActions/orgActions.ts
+++ b/client/packages/lowcoder/src/redux/reduxActions/orgActions.ts
@@ -81,6 +81,14 @@ export const deleteGroupUserAction = (payload: RemoveGroupUserPayload) => ({
   payload: payload,
 });
 
+export const fetchGroupPotentialMembersAction = (searchName: string, groupId: string) => ({
+  type: ReduxActionTypes.FETCH_GROUP_POTENTIAL_MEMBERS,
+  payload: {
+    searchName,
+    groupId
+  },
+});
+
 export type AddGroupUserPayload = {
   role: string;
   groupId: string;
@@ -191,4 +199,14 @@ export const fetchLastMonthAPIUsageActionSuccess = (payload: OrgLastMonthAPIUsag
     type: ReduxActionTypes.FETCH_ORG_LAST_MONTH_API_USAGE_SUCCESS,
     payload: payload,
   };
-};
\ No newline at end of file
+};
+
+export const fetchWorkspacesAction = (page: number = 1,pageSize: number = 20, search?: string, isLoadMore?: boolean) => ({
+  type: ReduxActionTypes.FETCH_WORKSPACES_INIT,
+  payload: { page, pageSize, search, isLoadMore }
+});
+
+export const loadMoreWorkspacesAction = (page: number, search?: string) => ({
+  type: ReduxActionTypes.FETCH_WORKSPACES_INIT,
+  payload: { page, search, isLoadMore: true }
+});
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/redux/sagas/applicationSagas.ts b/client/packages/lowcoder/src/redux/sagas/applicationSagas.ts
index 062f38145f..52a67e72f6 100644
--- a/client/packages/lowcoder/src/redux/sagas/applicationSagas.ts
+++ b/client/packages/lowcoder/src/redux/sagas/applicationSagas.ts
@@ -190,7 +190,7 @@ export function* publishApplicationSaga(action: ReduxAction<PublishApplicationPa
         payload: action.payload,
       });
       messageInstance.success(trans("api.publishSuccess"));
-      window.open(APPLICATION_VIEW_URL(action.payload.applicationId, "view"));
+      window.open(history.createHref({pathname: APPLICATION_VIEW_URL(action.payload.applicationId, "view")}));
     }
   } catch (error: any) {
     messageInstance.error(error.message);
diff --git a/client/packages/lowcoder/src/redux/sagas/folderSagas.ts b/client/packages/lowcoder/src/redux/sagas/folderSagas.ts
index 62b74659e8..9db0a1eee6 100644
--- a/client/packages/lowcoder/src/redux/sagas/folderSagas.ts
+++ b/client/packages/lowcoder/src/redux/sagas/folderSagas.ts
@@ -118,7 +118,19 @@ export function* fetchFolderElementsSaga(action: ReduxAction<FetchFolderElements
           type: ReduxActionTypes.FETCH_ALL_FOLDERS_SUCCESS,
           payload: response.data.data.filter((m) => m.folder),
         });
+
+        // filter out applications with NORMAL status
+        
+        const applications = response.data.data.filter((item): item is ApplicationMeta => 
+          !item.folder && item.applicationStatus === "NORMAL"
+        );
+        
+        yield put({
+          type: ReduxActionTypes.FETCH_ALL_APPLICATIONS_SUCCESS,
+          payload: applications,
+        });
       }
+      
       yield put({
         type: ReduxActionTypes.FETCH_FOLDER_ELEMENTS_SUCCESS,
         payload: { parentFolderId: action.payload.folderId, elements: response.data.data },
diff --git a/client/packages/lowcoder/src/redux/sagas/orgSagas.ts b/client/packages/lowcoder/src/redux/sagas/orgSagas.ts
index f4b2d3d3f2..5efc06b0c8 100644
--- a/client/packages/lowcoder/src/redux/sagas/orgSagas.ts
+++ b/client/packages/lowcoder/src/redux/sagas/orgSagas.ts
@@ -25,11 +25,15 @@ import {
   fetchLastMonthAPIUsageActionSuccess,
   UpdateUserGroupRolePayload,
   UpdateUserOrgRolePayload,
+  fetchWorkspacesAction,
 } from "redux/reduxActions/orgActions";
 import { getUser } from "redux/selectors/usersSelectors";
 import { validateResponse } from "api/apiUtils";
 import { User } from "constants/userConstants";
 import { getUserSaga } from "redux/sagas/userSagas";
+import { GetMyOrgsResponse } from "@lowcoder-ee/api/userApi";
+import UserApi from "@lowcoder-ee/api/userApi";
+import history from "@lowcoder-ee/util/history";
 
 export function* updateGroupSaga(action: ReduxAction<UpdateGroupActionPayload>) {
   try {
@@ -104,11 +108,30 @@ export function* updateUserGroupRoleSaga(action: ReduxAction<UpdateUserGroupRole
   }
 }
 
+export function* fetchGroupPotentialMembersSaga(action: ReduxAction<{ searchName: string, groupId: string }>) {
+  try {
+    const response: AxiosResponse<OrgUsersResponse> = yield call(
+      OrgApi.fetchGroupPotentialMembers,
+      action.payload.searchName,
+      action.payload.groupId
+    );
+    const isValidResponse: boolean = validateResponse(response);
+    if (isValidResponse) {
+      yield put({
+        type: ReduxActionTypes.FETCH_ORG_ALL_USERS_SUCCESS,
+        payload: response.data.data,
+      });
+    }
+  } catch (error) {
+    log.error(error);
+  }
+}
+
 export function* fetchOrgUsersSaga(action: ReduxAction<{ orgId: string }>) {
   try {
     const response: AxiosResponse<OrgUsersResponse> = yield call(
       OrgApi.fetchOrgUsers,
-      action.payload.orgId
+      action.payload.orgId,
     );
     const isValidResponse: boolean = validateResponse(response);
     if (isValidResponse) {
@@ -226,7 +249,7 @@ export function* switchOrgSaga(action: ReduxAction<{ orgId: string }>) {
     const response: AxiosResponse<ApiResponse> = yield call(OrgApi.switchOrg, action.payload.orgId);
     const isValidResponse: boolean = validateResponse(response);
     if (isValidResponse) {
-      window.location.replace(BASE_URL);
+      history.replace(BASE_URL);
     }
   } catch (error: any) {
     messageInstance.error(error.message);
@@ -268,6 +291,8 @@ export function* deleteOrgSaga(action: ReduxAction<{ orgId: string }>) {
           orgId: action.payload.orgId,
         },
       });
+      // Refetch workspaces to update the profile dropdown
+      yield put(fetchWorkspacesAction(1, 10));
     }
   } catch (error: any) {
     messageInstance.error(error.message);
@@ -281,6 +306,8 @@ export function* updateOrgSaga(action: ReduxAction<UpdateOrgPayload>) {
     const isValidResponse: boolean = validateResponse(response);
     if (isValidResponse) {
       yield put(updateOrgSuccess(action.payload));
+      // Refetch workspaces to update the profile dropdown
+      yield put(fetchWorkspacesAction(1, 10));
     }
   } catch (error: any) {
     messageInstance.error(error.message);
@@ -324,6 +351,42 @@ export function* fetchLastMonthAPIUsageSaga(action: ReduxAction<{
   }
 }
 
+// fetch my orgs
+// In userSagas.ts
+export function* fetchWorkspacesSaga(action: ReduxAction<{page: number, pageSize: number, search?: string, isLoadMore?: boolean}>) {
+  try {
+    const { page, pageSize, search, isLoadMore } = action.payload;
+    
+    const response: AxiosResponse<GetMyOrgsResponse> = yield call(
+      UserApi.getMyOrgs, 
+      page,        // pageNum
+      pageSize,           // pageSize (changed to 5 for testing)
+      search       // orgName
+    );
+    
+    if (validateResponse(response)) {
+      const apiData = response.data.data;
+      
+      // Transform orgId/orgName to match Org interface
+      const transformedItems = apiData.data.map(item => ({
+        id: item.orgId,
+        name: item.orgName,
+      }));
+        
+      yield put({
+        type: ReduxActionTypes.FETCH_WORKSPACES_SUCCESS,
+        payload: {
+          items: transformedItems,
+          totalCount: apiData.total,
+          isLoadMore: isLoadMore || false
+        }
+      });
+    }
+  } catch (error: any) {
+    console.error('Error fetching workspaces:', error);
+  }
+}
+
 export default function* orgSagas() {
   yield all([
     takeLatest(ReduxActionTypes.UPDATE_GROUP_INFO, updateGroupSaga),
@@ -334,6 +397,7 @@ export default function* orgSagas() {
     takeLatest(ReduxActionTypes.UPDATE_USER_ORG_ROLE, updateUserOrgRoleSaga),
     takeLatest(ReduxActionTypes.UPDATE_USER_GROUP_ROLE, updateUserGroupRoleSaga),
     takeLatest(ReduxActionTypes.FETCH_ORG_ALL_USERS, fetchOrgUsersSaga),
+    takeLatest(ReduxActionTypes.FETCH_GROUP_POTENTIAL_MEMBERS, fetchGroupPotentialMembersSaga),
     takeLatest(ReduxActionTypes.DELETE_ORG_USER, deleteOrgUserSaga),
     takeLatest(ReduxActionTypes.QUIT_GROUP, quitGroupSaga),
     takeLatest(ReduxActionTypes.QUIT_ORG, quitOrgSaga),
@@ -343,5 +407,8 @@ export default function* orgSagas() {
     takeLatest(ReduxActionTypes.UPDATE_ORG, updateOrgSaga),
     takeLatest(ReduxActionTypes.FETCH_ORG_API_USAGE, fetchAPIUsageSaga),
     takeLatest(ReduxActionTypes.FETCH_ORG_LAST_MONTH_API_USAGE, fetchLastMonthAPIUsageSaga),
+    takeLatest(ReduxActionTypes.FETCH_WORKSPACES_INIT, fetchWorkspacesSaga),
+
+
   ]);
 }
diff --git a/client/packages/lowcoder/src/redux/sagas/userSagas.ts b/client/packages/lowcoder/src/redux/sagas/userSagas.ts
index 5b980953fd..9585d1f819 100644
--- a/client/packages/lowcoder/src/redux/sagas/userSagas.ts
+++ b/client/packages/lowcoder/src/redux/sagas/userSagas.ts
@@ -25,6 +25,8 @@ import { messageInstance } from "lowcoder-design/src/components/GlobalInstances"
 import { AuthSearchParams } from "constants/authConstants";
 import { saveAuthSearchParams } from "pages/userAuth/authUtils";
 import { initTranslator } from "i18n";
+import { fetchWorkspacesAction } from "../reduxActions/orgActions";
+import history from "@lowcoder-ee/util/history";
 
 function validResponseData(response: AxiosResponse<ApiResponse>) {
   return response && response.data && response.data.data;
@@ -44,7 +46,7 @@ export function* getUserSaga() {
       const redirectUrl = new URL(redirectUri);
       redirectUrl.pathname = currentUrl.pathname;
       redirectUrl.search = currentUrl.search;
-      window.location.replace(redirectUrl);
+      history.replace(redirectUrl);
       return;
     }
     if (validateResponse(response)) {
@@ -71,10 +73,13 @@ export function* getUserSaga() {
         orgs: orgs,
         orgRoleMap: orgRoleMap,
       };
+
       yield put({
         type: ReduxActionTypes.FETCH_USER_DETAILS_SUCCESS,
         payload: user,
       });
+      // fetch all workspaces and store in redux
+      yield put(fetchWorkspacesAction(1, 10));     
     }
   } catch (error: any) {
     yield put({
@@ -159,7 +164,7 @@ export function* logoutSaga(action: LogoutActionType) {
     if (isValidResponse) {
       yield put(logoutSuccess());
       localStorage.clear();
-      window.location.replace(redirectURL);
+      history.replace(redirectURL);
     }
   } catch (error) {
     log.error(error);
diff --git a/client/packages/lowcoder/src/redux/selectors/orgSelectors.ts b/client/packages/lowcoder/src/redux/selectors/orgSelectors.ts
index 2115f1499b..322f414f7b 100644
--- a/client/packages/lowcoder/src/redux/selectors/orgSelectors.ts
+++ b/client/packages/lowcoder/src/redux/selectors/orgSelectors.ts
@@ -1,4 +1,7 @@
+import { Org } from "@lowcoder-ee/constants/orgConstants";
+import { getUser } from "./usersSelectors";
 import { AppState } from "redux/reducers";
+import { getHomeOrg } from "./applicationSelector";
 
 export const getOrgUsers = (state: AppState) => {
   return state.ui.org.orgUsers;
@@ -27,3 +30,18 @@ export const getOrgApiUsage = (state: AppState) => {
 export const getOrgLastMonthApiUsage = (state: AppState) => {
   return state.ui.org.lastMonthApiUsage;
 }
+
+// Add to usersSelectors.ts
+export const getWorkspaces = (state: AppState) => state.ui.users.workspaces;
+
+export const getCurrentOrg = (state: AppState): Pick<Org, 'id' | 'name'> | undefined => {
+  const homeOrg = getHomeOrg(state);
+  if (!homeOrg) {
+    return undefined;
+  }
+  
+  return {
+    id: homeOrg.id,
+    name: homeOrg.name,
+  };
+};
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/util/appUtils.tsx b/client/packages/lowcoder/src/util/appUtils.tsx
index be38dfc226..84789989e7 100644
--- a/client/packages/lowcoder/src/util/appUtils.tsx
+++ b/client/packages/lowcoder/src/util/appUtils.tsx
@@ -37,7 +37,7 @@ export function openApp(props: {
   if (!m || !props.applicationId) {
     return;
   }
-  let targetURL = APPLICATION_VIEW_URL(props.applicationId, m.params.viewMode);
+  let targetURL = history.createHref({pathname: APPLICATION_VIEW_URL(props.applicationId, m.params.viewMode)});
   // query
   if (props.queryParams && !isEmpty(props.queryParams)) {
     targetURL += `?${props.queryParams}`;
diff --git a/client/packages/lowcoder/src/util/context/EnterpriseContext.tsx b/client/packages/lowcoder/src/util/context/EnterpriseContext.tsx
index d377810687..ba8e911c97 100644
--- a/client/packages/lowcoder/src/util/context/EnterpriseContext.tsx
+++ b/client/packages/lowcoder/src/util/context/EnterpriseContext.tsx
@@ -1,8 +1,9 @@
 import React, { createContext, useContext, useState, useEffect } from 'react';
-import { fetchEnterpriseLicense, fetchEnvironments } from 'redux/reduxActions/enterpriseActions';
+import { fetchBrandingSetting, fetchEnterpriseLicense, fetchEnvironments } from 'redux/reduxActions/enterpriseActions';
 import { selectEnterpriseEditionStatus } from '@lowcoder-ee/redux/selectors/enterpriseSelectors';
 import { useDispatch, useSelector } from 'react-redux';
 import { isEEEnvironment } from "util/envUtils";
+import { getUser } from '@lowcoder-ee/redux/selectors/usersSelectors';
 
 interface EnterpriseContextValue {
     isEnterpriseActive: boolean;
@@ -18,18 +19,20 @@ export const EnterpriseProvider: React.FC<ProviderProps> = ({ children }) => {
     const dispatch = useDispatch();
     const isEnterpriseActiveRedux = useSelector(selectEnterpriseEditionStatus); // From Redux store
     const [isEnterpriseActive, setIsEnterpriseActive] = useState(false);
+    const user = useSelector(getUser);
   
     useEffect(() => {
       if (isEEEnvironment()) {
         // Fetch the enterprise license only if we're in an EE environment
         dispatch(fetchEnterpriseLicense());
         dispatch(fetchEnvironments());
+        dispatch(fetchBrandingSetting({ orgId: user.currentOrgId, fallbackToGlobal: true }))
       } else {
         // Set the state to false for non-EE environments
         // setEEActiveState(false);
         setIsEnterpriseActive(false);
       }
-    }, [dispatch]);
+    }, [dispatch, user.currentOrgId]);
   
     useEffect(() => {
       if (isEEEnvironment()) {
diff --git a/client/packages/lowcoder/src/util/curlUtils.ts b/client/packages/lowcoder/src/util/curlUtils.ts
new file mode 100644
index 0000000000..8e2fd24b71
--- /dev/null
+++ b/client/packages/lowcoder/src/util/curlUtils.ts
@@ -0,0 +1,114 @@
+/**
+ * Utility to convert parsed cURL data from @bany/curl-to-json library
+ * to the format expected by REST API query components
+ */
+
+// Body type mapping to match the dropdown values in httpQuery.tsx
+const CONTENT_TYPE_TO_BODY_TYPE: Record<string, string> = {
+  "application/json": "application/json",
+  "text/plain": "text/plain", 
+  "text/html": "text/plain",
+  "text/xml": "text/plain",
+  "application/xml": "text/plain",
+  "application/x-www-form-urlencoded": "application/x-www-form-urlencoded",
+  "multipart/form-data": "multipart/form-data",
+};
+
+/**
+ * Parse URL-encoded form data - handles both string and object input
+ */
+function parseUrlEncodedData(data: string | object): Array<{ key: string; value: string; type: string }> {
+  if (!data) {
+    return [{ key: "", value: "", type: "text" }];
+  }
+
+  try {
+    let result: Array<{ key: string; value: string; type: string }> = [];
+
+    if (typeof data === 'object') {
+      // @bany/curl-to-json already parsed it into an object
+      Object.entries(data).forEach(([key, value]) => {
+        result.push({
+          key: key,
+          value: decodeURIComponent(String(value).replace(/\+/g, ' ')), // Handle URL encoding
+          type: "text"
+        });
+      });
+    } else if (typeof data === 'string') {
+      // Raw URL-encoded string - use URLSearchParams
+      const params = new URLSearchParams(data);
+      params.forEach((value, key) => {
+        result.push({
+          key: key,
+          value: value,
+          type: "text"
+        });
+      });
+    }
+
+    return result.length > 0 ? result : [{ key: "", value: "", type: "text" }];
+  } catch (error) {
+    console.warn('Failed to parse URL-encoded data:', error);
+    return [{ key: "", value: "", type: "text" }];
+  }
+}
+
+export function processCurlData(curlData: any) {
+  if (!curlData) return null;
+
+
+  // Convert headers object to key-value array format expected by UI
+  const headers = curlData.header 
+    ? Object.entries(curlData.header).map(([key, value]) => ({ key, value }))
+    : [{ key: "", value: "" }];
+
+  // Convert query params object to key-value array format expected by UI
+  const params = curlData.params
+    ? Object.entries(curlData.params).map(([key, value]) => ({ key, value }))
+    : [{ key: "", value: "" }];
+
+  // Get request body - @bany/curl-to-json may use 'body' or 'data'
+  const bodyContent = curlData.body !== undefined ? curlData.body : curlData.data;
+
+  // Determine body type based on Content-Type header or content structure
+  let bodyType = "none";
+  let bodyFormData = [{ key: "", value: "", type: "text" }];
+  let processedBody = "";
+
+  if (bodyContent !== undefined && bodyContent !== "") {
+    const contentTypeHeader = curlData.header?.["Content-Type"] || curlData.header?.["content-type"];
+    
+    if (contentTypeHeader) {
+      // Extract base content type (remove charset, boundary, etc.)
+      const baseContentType = contentTypeHeader.split(';')[0].trim().toLowerCase();
+      bodyType = CONTENT_TYPE_TO_BODY_TYPE[baseContentType] || "text/plain";
+    } else {
+      // Fallback: infer from content structure
+      if (typeof bodyContent === "object") {
+        bodyType = "application/json";
+      } else {
+        bodyType = "text/plain";
+      }
+    }
+
+    // Handle different body types
+    if (bodyType === "application/x-www-form-urlencoded") {
+      bodyFormData = parseUrlEncodedData(bodyContent);
+      processedBody = ""; // Form data goes in bodyFormData, not body
+    } else if (typeof bodyContent === "object") {
+      processedBody = JSON.stringify(bodyContent, null, 2);
+    } else {
+      processedBody = bodyContent;
+    }
+  }
+
+  return {
+    method: curlData.method || "GET",
+    url: curlData.url || "",
+    headers,
+    params,
+    bodyType,
+    body: processedBody,
+    bodyFormData,
+  };
+} 
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/util/history.ts b/client/packages/lowcoder/src/util/history.ts
index 2724b5bce1..b64f040999 100644
--- a/client/packages/lowcoder/src/util/history.ts
+++ b/client/packages/lowcoder/src/util/history.ts
@@ -1,2 +1,6 @@
 import { createBrowserHistory } from "history";
-export default createBrowserHistory();
+const nodeEnv = process.env.NODE_ENV ?? "development";
+const isDev = nodeEnv === "development";
+const basename = isDev ? "/" : "/__LOWCODER_BASEPATH_PLACEHOLDER__";
+
+export default createBrowserHistory({basename});
diff --git a/client/packages/lowcoder/src/util/homeResUtils.tsx b/client/packages/lowcoder/src/util/homeResUtils.tsx
index 89c6726347..db5655fb3c 100644
--- a/client/packages/lowcoder/src/util/homeResUtils.tsx
+++ b/client/packages/lowcoder/src/util/homeResUtils.tsx
@@ -59,12 +59,12 @@ export const handleAppEditClick = (e: any, id: string): void => {
   } else {
     history.push(APPLICATION_VIEW_URL(id, "edit"), '_blank');
   } */
-  window.open(APPLICATION_VIEW_URL(id, "edit"), '_blank');
+  window.open(history.createHref({pathname: APPLICATION_VIEW_URL(id, "edit")}), '_blank');
 };
 
-export const handleAppViewClick = (id: string) => window.open(APPLICATION_VIEW_URL(id, "view"), '_blank');
+export const handleAppViewClick = (id: string) => window.open(history.createHref({pathname: APPLICATION_VIEW_URL(id, "view")}), '_blank');
 
-export const handleMarketplaceAppViewClick = (id: string, isLocalMarketplace?: boolean) => isLocalMarketplace == true ? window.open(APPLICATION_VIEW_URL(id, "view_marketplace"), '_blank') : window.open(APPLICATION_MARKETPLACE_VIEW_URL(id, "view_marketplace"), '_blank');
+export const handleMarketplaceAppViewClick = (id: string, isLocalMarketplace?: boolean) => isLocalMarketplace == true ? window.open(history.createHref({pathname: APPLICATION_VIEW_URL(id, "view_marketplace")}), '_blank') : window.open(history.createHref({pathname: APPLICATION_MARKETPLACE_VIEW_URL(id, "view_marketplace")}), '_blank');
 
 export const handleFolderViewClick = (id: string) => history.push(buildFolderUrl(id));
 
diff --git a/client/packages/lowcoder/src/util/urlUtils.ts b/client/packages/lowcoder/src/util/urlUtils.ts
index e24b50368f..c17ccced3d 100644
--- a/client/packages/lowcoder/src/util/urlUtils.ts
+++ b/client/packages/lowcoder/src/util/urlUtils.ts
@@ -1,5 +1,6 @@
 import { PHONE_NUMBER_PATTERN } from "./stringUtils";
 import { SERVER_HOST } from "constants/apiConstants";
+import history from "./history";
 
 export const isSafeRedirectURL = (redirectURL: string) => {
   try {
@@ -32,7 +33,8 @@ export const genInviteLink = (inviteCode?: string) => {
   if (!inviteCode) {
     return "";
   }
-  return `${window.location.origin}/invite/${inviteCode}`;
+  const inviteUrl = history.createHref({pathname: `/invite/${inviteCode}`});
+  return `${window.location.origin}${inviteUrl}`;
 };
 
 export const hasQueryParam = (name: string) => {
diff --git a/client/packages/lowcoder/src/util/useWorkspaceManager.ts b/client/packages/lowcoder/src/util/useWorkspaceManager.ts
new file mode 100644
index 0000000000..501fe77586
--- /dev/null
+++ b/client/packages/lowcoder/src/util/useWorkspaceManager.ts
@@ -0,0 +1,188 @@
+import { useReducer, useEffect, useCallback, useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { debounce } from 'lodash';
+import { Org } from 'constants/orgConstants';
+import { getWorkspaces } from 'redux/selectors/orgSelectors';
+import UserApi from 'api/userApi';
+
+// State interface for the workspace manager
+interface WorkspaceState {
+  searchTerm: string;
+  currentPage: number;
+  currentPageWorkspaces: Org[];
+  totalCount: number;
+  isLoading: boolean;
+}
+
+// Action types for the reducer
+type WorkspaceAction =
+  | { type: 'SET_SEARCH_TERM'; payload: string }
+  | { type: 'SET_PAGE'; payload: number }
+  | { type: 'SET_LOADING'; payload: boolean }
+  | { type: 'SET_WORKSPACES'; payload: { workspaces: Org[]; total: number } }
+  | { type: 'RESET'; payload: { totalCount: number } };
+
+// Initial state
+const initialState: WorkspaceState = {
+  searchTerm: '',
+  currentPage: 1,
+  currentPageWorkspaces: [],
+  totalCount: 0,
+  isLoading: false,
+};
+
+// Reducer function - handles state transitions
+function workspaceReducer(state: WorkspaceState, action: WorkspaceAction): WorkspaceState {
+  switch (action.type) {
+    case 'SET_SEARCH_TERM':
+      return { 
+        ...state, 
+        searchTerm: action.payload,
+        currentPage: 1 , 
+        isLoading: Boolean(action.payload.trim())
+      };
+    case 'SET_PAGE':
+      return { ...state, currentPage: action.payload };
+    case 'SET_LOADING':
+      return { ...state, isLoading: action.payload };
+    case 'SET_WORKSPACES':
+      return {
+        ...state,
+        currentPageWorkspaces: action.payload.workspaces,
+        totalCount: action.payload.total,
+        isLoading: false,
+      };
+    case 'RESET':
+      return {
+        ...initialState,
+        totalCount: action.payload.totalCount,
+      };
+    default:
+      return state;
+  }
+}
+
+// Hook interface
+interface UseWorkspaceManagerOptions {
+  pageSize?: number;
+}
+
+// Main hook
+export function useWorkspaceManager({ 
+  pageSize = 10 
+}: UseWorkspaceManagerOptions) {
+  // Get workspaces from Redux
+  const workspaces = useSelector(getWorkspaces);
+  
+  // Initialize reducer with Redux total count
+  const [state, dispatch] = useReducer(workspaceReducer, {
+    ...initialState,
+    totalCount: workspaces.totalCount,
+  });
+
+
+  // API call to fetch workspaces (memoized for stable reference)
+  const fetchWorkspacesPage = useCallback(
+    async (page: number, search?: string) => {
+      dispatch({ type: 'SET_LOADING', payload: true });
+
+      try {
+        const response = await UserApi.getMyOrgs(page, pageSize, search);
+        if (response.data.success) {
+          const apiData = response.data.data;
+          const transformedItems = apiData.data.map(item => ({
+            id: item.orgId,
+            name: item.orgName,
+          }));
+
+          dispatch({
+            type: 'SET_WORKSPACES',
+            payload: {
+              workspaces: transformedItems as Org[],
+              total: apiData.total,
+            },
+          });
+        }
+      } catch (error) {
+        console.error('Error fetching workspaces:', error);
+        dispatch({ type: 'SET_WORKSPACES', payload: { workspaces: [], total: 0 } });
+      }
+    },
+    [dispatch, pageSize]
+  );
+
+  // Debounced search function (memoized to keep a single instance across renders)
+  const debouncedSearch = useMemo(() =>
+    debounce(async (term: string) => {
+      if (!term.trim()) {
+        // Clear search - reset to Redux data
+        dispatch({
+          type: 'SET_WORKSPACES',
+          payload: { workspaces: [], total: workspaces.totalCount },
+        });
+        return;
+      }
+
+      // Perform search
+      await fetchWorkspacesPage(1, term);
+    }, 500)
+  , [dispatch, fetchWorkspacesPage, workspaces.totalCount]);
+
+  // Cleanup debounce on unmount
+  useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+
+  // Handle search input change
+  const handleSearchChange = (value: string) => {
+    dispatch({ type: 'SET_SEARCH_TERM', payload: value });
+    debouncedSearch(value);
+  };
+
+  // Handle page change
+  const handlePageChange = (page: number) => {
+    dispatch({ type: 'SET_PAGE', payload: page });
+    
+    if (page === 1 && !state.searchTerm.trim()) {
+      // Page 1 + no search = use Redux data
+      dispatch({ 
+        type: 'SET_WORKSPACES', 
+        payload: { workspaces: [], total: workspaces.totalCount } 
+      });
+    } else {
+      // Other pages or search = fetch from API
+      fetchWorkspacesPage(page, state.searchTerm.trim() || undefined);
+    }
+  };
+
+  // Determine which workspaces to display
+  const displayWorkspaces = (() => {
+    if (state.searchTerm.trim() || state.currentPage > 1) {
+      return state.currentPageWorkspaces; // API results
+    }
+    return workspaces.items; // Redux data for page 1
+  })();
+
+  // Determine current total count
+  const currentTotalCount = state.searchTerm.trim() 
+    ? state.totalCount 
+    : workspaces.totalCount;
+
+  return {
+    // State
+    searchTerm: state.searchTerm,
+    currentPage: state.currentPage,
+    isLoading: state.isLoading,
+    displayWorkspaces,
+    totalCount: currentTotalCount,
+    
+    // Actions
+    handleSearchChange,
+    handlePageChange,
+    
+    // Config
+    pageSize,
+  };
+}
\ No newline at end of file
diff --git a/client/packages/lowcoder/vite.config.mts b/client/packages/lowcoder/vite.config.mts
index e8c9351b9c..b02cbb4b53 100644
--- a/client/packages/lowcoder/vite.config.mts
+++ b/client/packages/lowcoder/vite.config.mts
@@ -25,7 +25,8 @@ const isVisualizerEnabled = !!process.env.ENABLE_VISUALIZER;
 // the file was never created
 // const browserCheckFileName = `browser-check-${process.env.REACT_APP_COMMIT_ID}.js`;
 const browserCheckFileName = `browser-check.js`;
-const base = ensureLastSlash(process.env.PUBLIC_URL);
+const base = isDev ? ensureLastSlash(process.env.PUBLIC_URL) : ensureLastSlash("__LOWCODER_BASEPATH_PLACEHOLDER__");
+// const base = ensureLastSlash(process.env.PUBLIC_URL);
 
 if (!apiServiceUrl && isDev) {
   console.log();
diff --git a/client/scripts/build.js b/client/scripts/build.js
index 8e72898de7..30d780fb73 100644
--- a/client/scripts/build.js
+++ b/client/scripts/build.js
@@ -91,8 +91,12 @@ buildVars.forEach(({ name, defaultValue }) => {
   shell.env[name] = shell.env[name] ?? defaultValue;
 });
 
-shell.exec(`BUILD_TARGET=browserCheck yarn workspace lowcoder build`, { fatal: true });
-shell.exec(`yarn workspace lowcoder build`, { fatal: true });
+try {
+  shell.exec(`BUILD_TARGET=browserCheck yarn workspace lowcoder build`, { fatal: true });
+  shell.exec(`yarn workspace lowcoder build`, { fatal: true });
+} catch(e) {
+  console.error("Command failed: ", e.message);
+}
 
 if (process.env.REACT_APP_BUNDLE_BUILTIN_PLUGIN) {
   for (const pluginName of builtinPlugins) {
diff --git a/client/yarn.lock b/client/yarn.lock
index d15e8a065b..b3885ff806 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -1682,6 +1682,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@bany/curl-to-json@npm:^1.2.8":
+  version: 1.2.8
+  resolution: "@bany/curl-to-json@npm:1.2.8"
+  dependencies:
+    minimist: ^1.2.8
+  checksum: 4f2c095c3e3194e9e3e717cf766a66c8ca320c2f10b118d52a8d8d2b842b6760af656a966ec3ce9e9cf774909b2507a2d1417c7f3d98b6773f5ae935be9191b6
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -14095,6 +14104,7 @@ coolshapes-react@lowcoder-org/coolshapes-react:
   resolution: "lowcoder@workspace:packages/lowcoder"
   dependencies:
     "@ant-design/icons": ^5.3.0
+    "@bany/curl-to-json": ^1.2.8
     "@codemirror/autocomplete": ^6.11.1
     "@codemirror/commands": ^6.3.2
     "@codemirror/lang-css": ^6.2.1
@@ -15476,7 +15486,7 @@ coolshapes-react@lowcoder-org/coolshapes-react:
   languageName: node
   linkType: hard
 
-"minimist@npm:^1.2.0, minimist@npm:^1.2.6":
+"minimist@npm:^1.2.0, minimist@npm:^1.2.6, minimist@npm:^1.2.8":
   version: 1.2.8
   resolution: "minimist@npm:1.2.8"
   checksum: 75a6d645fb122dad29c06a7597bddea977258957ed88d7a6df59b5cd3fe4a527e253e9bbf2e783e4b73657f9098b96a5fe96ab8a113655d4109108577ecf85b0
diff --git a/deploy/docker/Dockerfile b/deploy/docker/Dockerfile
index 5ecbbd579d..2554da7536 100644
--- a/deploy/docker/Dockerfile
+++ b/deploy/docker/Dockerfile
@@ -68,7 +68,7 @@ RUN apt-get update \
 # Copy and build the node-service app
 COPY server/node-service/ /lowcoder/node-service/app/
 WORKDIR /lowcoder/node-service/app/
-RUN yarn --immutable
+RUN yarn --immutable --inline-builds
 RUN yarn build
 
 # Copy startup script
@@ -118,7 +118,7 @@ RUN apt-get update && apt-get install -y --no-install-recommends curl ca-certifi
 # Build client
 COPY ./client /lowcoder-client
 WORKDIR /lowcoder-client
-RUN yarn --immutable
+RUN yarn --immutable --inline-builds
 
 ARG REACT_APP_COMMIT_ID=test
 ARG REACT_APP_ENV=production
@@ -263,7 +263,10 @@ COPY --chown=lowcoder:lowcoder --from=lowcoder-ce-node-service /lowcoder/node-se
 COPY --chown=lowcoder:lowcoder deploy/docker/all-in-one/etc /lowcoder/etc
 
 # Add startup script
-COPY --chown=lowcoder:lowcoder deploy/docker/all-in-one/entrypoint.sh /lowcoder/entrypoint.sh
+COPY --chown=lowcoder:lowcoder --chmod=0755 deploy/docker/all-in-one/entrypoint.sh /lowcoder/entrypoint.sh
+
+# Copy default environment properties
+COPY --chown=lowcoder:lowcoder deploy/docker/default.env /lowcoder/etc/default.env
 
 # Fixes for OpenShift compatibility (after all files are copied)
 RUN echo  \
diff --git a/deploy/docker/all-in-one/entrypoint.sh b/deploy/docker/all-in-one/entrypoint.sh
index 74403a08d1..c6e8802a7a 100644
--- a/deploy/docker/all-in-one/entrypoint.sh
+++ b/deploy/docker/all-in-one/entrypoint.sh
@@ -5,6 +5,18 @@ set -e
 export USER_ID=${LOWCODER_PUID:=9001}
 export GROUP_ID=${LOWCODER_PGID:=9001}
 
+# Set default variable values
+echo "Overriding default environment variables:"
+for line in `grep '^[ \t]*LOWCODER_.*$' /lowcoder/etc/default.env`; do
+    VARNAME=`echo ${line} | sed -e 's/^\([A-Z0-9_]\+\)\([ \t]*=[ \t]*\)\(.*\)$/\1/'`
+    if [ -z "$(eval echo \"\$$VARNAME\")" ]; then
+        export $(eval echo "${line}")
+    else
+        echo "    ${line}"
+    fi;
+done;
+echo "Done."
+
 # Update ID of lowcoder user if required
 if [ ! "$(id --user lowcoder)" -eq ${USER_ID} ]; then
     usermod --uid ${USER_ID} lowcoder
diff --git a/deploy/docker/default.env b/deploy/docker/default.env
index 8b4445a3d4..43a2a3f0f5 100644
--- a/deploy/docker/default.env
+++ b/deploy/docker/default.env
@@ -41,6 +41,12 @@ LOWCODER_MONGODB_EXPOSED="false"
 # URL of the public User Interface 
 LOWCODER_PUBLIC_URL="http://localhost:3000/"
 
+# Basepath on which to run lowcoder
+#
+# ! Make sure to start it with '/' !
+#
+LOWCODER_BASE_PATH="/"
+
 # ID of user running services. It will own all created logs and data.
 LOWCODER_PUID="1000"
 # ID of group of the user running services
diff --git a/deploy/docker/frontend/01-update-nginx-conf.sh b/deploy/docker/frontend/01-update-nginx-conf.sh
index 3499286b28..4ab2a0b9cb 100644
--- a/deploy/docker/frontend/01-update-nginx-conf.sh
+++ b/deploy/docker/frontend/01-update-nginx-conf.sh
@@ -18,10 +18,17 @@ else
    ln -s /etc/nginx/nginx-http.conf /etc/nginx/nginx.conf
 fi;
 
+LOWCODER_BASE_PATH_ROOT="${LOWCODER_BASE_PATH%/}"
+if [ -z "${LOWCODER_BASE_PATH_ROOT}" ]; then
+   LOWCODER_BASE_PATH_ROOT="/"
+fi;
+
 sed -i "s@__LOWCODER_MAX_REQUEST_SIZE__@${LOWCODER_MAX_REQUEST_SIZE:=20m}@" /etc/nginx/nginx.conf
 sed -i "s@__LOWCODER_MAX_QUERY_TIMEOUT__@${LOWCODER_MAX_QUERY_TIMEOUT:=120}@" /etc/nginx/server.conf
 sed -i "s@__LOWCODER_API_SERVICE_URL__@${LOWCODER_API_SERVICE_URL:=http://localhost:8080}@" /etc/nginx/server.conf
 sed -i "s@__LOWCODER_NODE_SERVICE_URL__@${LOWCODER_NODE_SERVICE_URL:=http://localhost:6060}@" /etc/nginx/server.conf
+sed -i "s@__LOWCODER_BASE_PATH_ROOT__@${LOWCODER_BASE_PATH_ROOT}@" /etc/nginx/server.conf
+sed -i "s@__LOWCODER_BASE_PATH__@${LOWCODER_BASE_PATH}@" /etc/nginx/server.conf
 
 echo "nginx config updated with:"
 echo "    Lowcoder max upload size: ${LOWCODER_MAX_REQUEST_SIZE:=20m}"
diff --git a/deploy/docker/frontend/server.conf b/deploy/docker/frontend/server.conf
index b068162982..eb288928b9 100644
--- a/deploy/docker/frontend/server.conf
+++ b/deploy/docker/frontend/server.conf
@@ -1,46 +1,58 @@
+	error_log /dev/stdout debug;
+
         root /lowcoder/client;
 
 	proxy_connect_timeout __LOWCODER_MAX_QUERY_TIMEOUT__;
 	proxy_send_timeout __LOWCODER_MAX_QUERY_TIMEOUT__;
 	proxy_read_timeout __LOWCODER_MAX_QUERY_TIMEOUT__;
 
-        location / {
+        sub_filter "/__LOWCODER_BASEPATH_PLACEHOLDER__" "__LOWCODER_BASE_PATH__";
+        sub_filter_once off;
+        sub_filter_types *;
+
+        location __LOWCODER_BASE_PATH_ROOT__ {
+
+            rewrite ^__LOWCODER_BASE_PATH_ROOT__/?(.*)$ /$1 break;
+
             try_files $uri /index.html;
 
             if ($request_filename ~* .*.(html|htm)$) {
                 add_header Cache-Control no-cache;
             }
+
         }
 
-        location /sdk {
+        location __LOWCODER_BASE_PATH__/sdk {
             try_files $uri =404;
 
 	    alias /lowcoder/client-sdk;
 	    expires 1M;
 	}
 
-       	location /comps {
+       	location __LOWCODER_BASE_PATH__/comps {
             try_files $uri =404;
 
 	    alias /lowcoder/client-comps;
 	    expires 1M;
 	}
 
-       	location /embed {
+       	location __LOWCODER_BASE_PATH__/embed {
             try_files $uri =404;
 
 	    alias /lowcoder/client-embed;
 	    expires 1M;
 	}
 
-	location /assets {
+	location __LOWCODER_BASE_PATH__/assets {
             try_files $uri =404;
 
 	    alias /lowcoder/assets;
 	    expires 1M;
 	}
 
-        location /api {
+        location __LOWCODER_BASE_PATH__/api {
+            rewrite ^__LOWCODER_BASE_PATH__/?(.*)$ /$1 break;
+
             proxy_set_header X-Forwarded-Proto $scheme;
             proxy_set_header X-Forwarded-Host $host;
 	    proxy_set_header X-Forwarded-For $remote_addr;
@@ -48,7 +60,9 @@
             proxy_pass __LOWCODER_API_SERVICE_URL__;
         }
 
-        location /node-service/plugin-icons {
+        location __LOWCODER_BASE_PATH__/node-service/plugin-icons {
+            rewrite ^__LOWCODER_BASE_PATH__/?(.*)$ /$1 break;
+
             proxy_set_header X-Forwarded-Proto $scheme;
             proxy_set_header X-Forwarded-Host $host;
 	    proxy_set_header X-Forwarded-For $remote_addr;
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberService.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberService.java
index 813628d064..9f95a4d676 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberService.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberService.java
@@ -41,4 +41,6 @@ public interface GroupMemberService {
 
     Mono<Boolean> bulkRemoveMember(String groupId, Collection<String> userIds);
 
+    Mono<List<GroupMember>> getGroupMembersByIdAndRole(String groupId, String role);
+
 }
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberServiceImpl.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberServiceImpl.java
index 82de01adf4..a5c8f21b1b 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberServiceImpl.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/group/service/GroupMemberServiceImpl.java
@@ -35,6 +35,13 @@ public Mono<List<GroupMember>> getGroupMembers(String groupId) {
                 .collectList();
     }
 
+    @Override
+    public Mono<List<GroupMember>> getGroupMembersByIdAndRole(String groupId, String role) {
+        return biRelationService.getBySourceIdAndRelation(GROUP_MEMBER, groupId, role)
+                .map(GroupMember::from)
+                .collectList();
+    }
+
     @Override
     public Mono<Boolean> addMember(String orgId, String groupId, String userId, MemberRole memberRole) {
         return biRelationService.addBiRelation(GROUP_MEMBER, groupId,
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/model/Organization.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/model/Organization.java
index a0a28662b5..ee91be3a23 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/model/Organization.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/model/Organization.java
@@ -21,6 +21,7 @@
 import static java.util.Optional.ofNullable;
 import static org.apache.commons.lang3.ObjectUtils.firstNonNull;
 import static org.lowcoder.infra.util.AssetUtils.toAssetPath;
+import java.time.Instant;
 
 
 @Getter
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/repository/OrganizationRepository.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/repository/OrganizationRepository.java
index d6606fde20..9b8741ebe0 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/repository/OrganizationRepository.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/repository/OrganizationRepository.java
@@ -33,7 +33,6 @@ public interface OrganizationRepository extends ReactiveMongoRepository<Organiza
 
     Flux<Organization> findByOrganizationDomainIsNotNull();
     Mono<Boolean> existsBySlug(String slug);
-
-    Flux<Organization> findByIdInAndNameContainingIgnoreCase(List<String> ids, String name, Pageable pageable);
-    Mono<Long> countByIdInAndNameContainingIgnoreCase(List<String> ids, String name);
+    Flux<Organization> findByIdInAndNameContainingIgnoreCaseAndState(List<String> ids, String name, OrganizationState state, Pageable pageable);
+    Mono<Long> countByIdInAndNameContainingIgnoreCaseAndState(List<String> ids, String name, OrganizationState state);
 }
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/service/OrganizationServiceImpl.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/service/OrganizationServiceImpl.java
index 39c26d9906..aa34543e79 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/service/OrganizationServiceImpl.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/organization/service/OrganizationServiceImpl.java
@@ -330,7 +330,7 @@ public Flux<Organization> findUserOrgs(String userId, String orgName, Pageable p
                     if (orgIds.isEmpty()) {
                         return Flux.empty();
                     }
-                    return repository.findByIdInAndNameContainingIgnoreCase(orgIds, orgName, pageable);
+                    return repository.findByIdInAndNameContainingIgnoreCaseAndState(orgIds, orgName, ACTIVE, pageable);
                 });
     }
 
@@ -344,7 +344,7 @@ public Mono<Long> countUserOrgs(String userId, String orgName) {
                     if (orgIds.isEmpty()) {
                         return Mono.just(0L);
                     }
-                    return repository.countByIdInAndNameContainingIgnoreCase(orgIds, filter);
+                    return repository.countByIdInAndNameContainingIgnoreCaseAndState(orgIds, filter, ACTIVE);
                 });
     }
 }
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/repository/UserRepository.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/repository/UserRepository.java
index 9536f52e78..896c278cd7 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/repository/UserRepository.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/repository/UserRepository.java
@@ -1,13 +1,16 @@
 package org.lowcoder.domain.user.repository;
 
 import java.util.Collection;
+import java.util.List;
 
 import org.lowcoder.domain.user.model.User;
+import org.springframework.data.domain.Pageable;
 import org.springframework.data.mongodb.repository.ReactiveMongoRepository;
 import org.springframework.stereotype.Repository;
 
 import reactor.core.publisher.Flux;
 import reactor.core.publisher.Mono;
+import org.springframework.data.mongodb.repository.Query;
 
 @Repository
 public interface UserRepository extends ReactiveMongoRepository<User, String> {
@@ -23,4 +26,10 @@ public interface UserRepository extends ReactiveMongoRepository<User, String> {
 
     //email1 and email2 should be equal
     Flux<User> findByEmailOrConnections_Email(String email1, String email2);
+
+    @Query("{ '_id': { $in: ?0 }, 'state': ?1, 'isEnabled': ?2, $or: [ { 'name': { $regex: ?3, $options: 'i' } }, { '_id': { $regex: ?3, $options: 'i' } } ] }")
+    Flux<User> findUsersByIdsAndSearchNameForPagination(Collection<String> ids, String state, boolean isEnabled, String searchRegex, Pageable pageable);
+
+    @Query(value = "{ '_id': { $in: ?0 }, 'state': ?1, 'isEnabled': ?2, $or: [ { 'name': { $regex: ?3, $options: 'i' } }, { '_id': { $regex: ?3, $options: 'i' } } ] }", count = true)
+    Mono<Long> countUsersByIdsAndSearchName(Collection<String> ids, String state, boolean isEnabled, String searchRegex);
 }
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserService.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserService.java
index 52a1ba05c5..e5057ab51a 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserService.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserService.java
@@ -3,12 +3,10 @@
 import java.util.Collection;
 import java.util.Map;
 
-import org.lowcoder.domain.user.model.AuthUser;
-import org.lowcoder.domain.user.model.Connection;
-import org.lowcoder.domain.user.model.User;
-import org.lowcoder.domain.user.model.UserDetail;
+import org.lowcoder.domain.user.model.*;
 import org.lowcoder.infra.annotation.NonEmptyMono;
 import org.lowcoder.infra.mongo.MongoUpsertHelper.PartialResourceWithId;
+import org.springframework.data.domain.Pageable;
 import org.springframework.http.codec.multipart.Part;
 import org.springframework.web.server.ServerWebExchange;
 
@@ -68,5 +66,7 @@ public interface UserService {
 
     Flux<User> findBySourceAndIds(String connectionSource, Collection<String> connectionSourceUuids);
 
-}
+    Flux<User> findUsersByIdsAndSearchNameForPagination(Collection<String> ids, String state, boolean isEnabled, String searchRegex, Pageable pageable);
 
+    Mono<Long> countUsersByIdsAndSearchName(Collection<String> ids, String state, boolean isEnabled, String searchRegex);
+}
\ No newline at end of file
diff --git a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserServiceImpl.java b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserServiceImpl.java
index 1a8dcf566e..1df76dfccf 100644
--- a/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserServiceImpl.java
+++ b/server/api-service/lowcoder-domain/src/main/java/org/lowcoder/domain/user/service/UserServiceImpl.java
@@ -36,6 +36,7 @@
 import org.lowcoder.sdk.util.HashUtils;
 import org.lowcoder.sdk.util.LocaleUtils;
 import org.springframework.dao.DuplicateKeyException;
+import org.springframework.data.domain.Pageable;
 import org.springframework.http.codec.multipart.Part;
 import org.springframework.stereotype.Service;
 import org.springframework.web.server.ServerWebExchange;
@@ -473,4 +474,13 @@ public Flux<User> findBySourceAndIds(String connectionSource, Collection<String>
         return repository.findByConnections_SourceAndConnections_RawIdIn(connectionSource, connectionSourceUuids);
     }
 
+    @Override
+    public Flux<User> findUsersByIdsAndSearchNameForPagination(Collection<String> ids, String state, boolean isEnabled, String searchRegex, Pageable pageable) {
+        return repository.findUsersByIdsAndSearchNameForPagination(ids, state, isEnabled, searchRegex, pageable);
+    }
+
+    @Override
+    public Mono<Long> countUsersByIdsAndSearchName(Collection<String> ids, String state, boolean isEnabled, String searchRegex) {
+        return repository.countUsersByIdsAndSearchName(ids, state, isEnabled, searchRegex);
+    }
 }
diff --git a/server/api-service/lowcoder-infra/src/main/java/org/lowcoder/infra/birelation/BiRelationServiceImpl.java b/server/api-service/lowcoder-infra/src/main/java/org/lowcoder/infra/birelation/BiRelationServiceImpl.java
index ad98de0f95..56592e1d29 100644
--- a/server/api-service/lowcoder-infra/src/main/java/org/lowcoder/infra/birelation/BiRelationServiceImpl.java
+++ b/server/api-service/lowcoder-infra/src/main/java/org/lowcoder/infra/birelation/BiRelationServiceImpl.java
@@ -185,6 +185,9 @@ public Mono<Boolean> updateState(BiRelationBizType bizType, String sourceId, Str
 
     @Override
     public Flux<BiRelation> getBySourceIdAndRelation(BiRelationBizType bizType, String sourceId, String relation) {
+        if (relation == null || relation.isBlank()) {
+            return biRelationRepository.findByBizTypeAndSourceId(bizType, sourceId);
+        }
         Query query = new Query();
         query.addCriteria(where(BIZ_TYPE).is(bizType));
         query.addCriteria(where(SOURCE_ID).is(sourceId));
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiService.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiService.java
index 549d2105e7..7319309842 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiService.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiService.java
@@ -1,6 +1,7 @@
 package org.lowcoder.api.usermanagement;
 
 import org.lowcoder.api.usermanagement.view.*;
+import org.lowcoder.api.usermanagement.view.OrgMemberListView;
 import org.lowcoder.domain.group.model.Group;
 import reactor.core.publisher.Mono;
 
@@ -9,6 +10,8 @@
 public interface GroupApiService {
     Mono<GroupMemberAggregateView> getGroupMembers(String groupId, int page, int count);
 
+    Mono<GroupMemberAggregateView> getGroupMembersForSearch(String groupId, String search, String role, String sort, String order, Integer pageNum, Integer pageSize);
+
     Mono<Boolean> addGroupMember(String groupId, String newUserId, String roleName);
 
     Mono<Boolean> updateRoleForMember(String groupId, UpdateRoleRequest updateRoleRequest);
@@ -24,4 +27,6 @@ public interface GroupApiService {
     Mono<Boolean> update(String groupId, UpdateGroupRequest updateGroupRequest);
 
     Mono<Boolean> removeUser(String groupId, String userId);
+
+    Mono<OrgMemberListView> getPotentialGroupMembers(String groupId, String searchName, Integer pageNum, Integer pageSize);
 }
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiServiceImpl.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiServiceImpl.java
index 55b5f2adb1..8b7fc20c94 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiServiceImpl.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupApiServiceImpl.java
@@ -9,9 +9,8 @@
 import static org.lowcoder.sdk.util.StreamUtils.collectList;
 import static org.lowcoder.sdk.util.StreamUtils.collectMap;
 
-import java.util.List;
-import java.util.Map;
-import java.util.Objects;
+import java.util.*;
+import java.util.regex.Pattern;
 import java.util.stream.Collectors;
 
 import com.github.f4b6a3.uuid.UuidCreator;
@@ -19,24 +18,22 @@
 import org.apache.commons.lang3.tuple.Pair;
 import org.lowcoder.api.bizthreshold.AbstractBizThresholdChecker;
 import org.lowcoder.api.home.SessionUserService;
-import org.lowcoder.api.usermanagement.view.CreateGroupRequest;
-import org.lowcoder.api.usermanagement.view.GroupMemberAggregateView;
-import org.lowcoder.api.usermanagement.view.GroupMemberView;
-import org.lowcoder.api.usermanagement.view.GroupView;
-import org.lowcoder.api.usermanagement.view.UpdateGroupRequest;
-import org.lowcoder.api.usermanagement.view.UpdateRoleRequest;
+import org.lowcoder.api.usermanagement.view.*;
 import org.lowcoder.domain.group.model.Group;
 import org.lowcoder.domain.group.model.GroupMember;
+import org.lowcoder.domain.user.model.UserState;
+import org.lowcoder.api.usermanagement.view.OrgMemberListView;
 import org.lowcoder.domain.group.service.GroupMemberService;
 import org.lowcoder.domain.group.service.GroupService;
 import org.lowcoder.domain.organization.model.MemberRole;
 import org.lowcoder.domain.organization.model.OrgMember;
 import org.lowcoder.domain.organization.service.OrgMemberService;
-import org.lowcoder.domain.organization.service.OrganizationService;
 import org.lowcoder.domain.user.model.User;
 import org.lowcoder.domain.user.service.UserService;
 import org.lowcoder.infra.util.TupleUtils;
 import org.lowcoder.sdk.exception.BizError;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.domain.PageRequest;
 import org.springframework.stereotype.Service;
 
 import reactor.core.publisher.Flux;
@@ -53,7 +50,6 @@ public class GroupApiServiceImpl implements GroupApiService {
     private final UserService userService;
     private final GroupService groupService;
     private final AbstractBizThresholdChecker bizThresholdChecker;
-    private final OrganizationService organizationService;
     private final OrgMemberService orgMemberService;
 
     @Override
@@ -115,6 +111,91 @@ public Mono<GroupMemberAggregateView> getGroupMembers(String groupId, int page,
                 });
     }
 
+    @Override
+    public Mono<GroupMemberAggregateView> getGroupMembersForSearch(String groupId, String search, String role, String sort, String order, Integer pageNum, Integer pageSize) {
+        Mono<Tuple2<GroupMember, OrgMember>> groupAndOrgMemberInfo = getGroupAndOrgMemberInfo(groupId).cache();
+
+        Mono<MemberRole> visitorRoleMono = groupAndOrgMemberInfo.flatMap(tuple -> {
+            GroupMember groupMember = tuple.getT1();
+            OrgMember orgMember = tuple.getT2();
+            if (groupMember.isSuperAdmin() || orgMember.isSuperAdmin()) {
+                return Mono.just(MemberRole.SUPER_ADMIN);
+            }
+            if (groupMember.isAdmin() || orgMember.isAdmin()) {
+                return Mono.just(MemberRole.ADMIN);
+            }
+            if (groupMember.isValid()) {
+                return Mono.just(MemberRole.MEMBER);
+            }
+            return ofError(BizError.NOT_AUTHORIZED, NOT_AUTHORIZED);
+        });
+
+        return groupAndOrgMemberInfo
+                .filter(this::hasReadPermission)
+                .switchIfEmpty(deferredError(BizError.NOT_AUTHORIZED, NOT_AUTHORIZED))
+                .flatMap(groupMember -> groupMemberService.getGroupMembersByIdAndRole(groupId, role))
+                .<Pair<List<GroupMemberView>, Integer>> flatMap(members -> {
+                    if (members.isEmpty()) {
+                        return Mono.just(Pair.of(emptyList(), 0));
+                    }
+
+                    List<String> userIds = collectList(members, GroupMember::getUserId);
+                    Mono<Map<String, User>> userMapMono = userService.getByIds(userIds);
+                    return userMapMono.map(map -> {
+                        var list = members.stream()
+                                .map(orgMember -> {
+                                    User user = map.get(orgMember.getUserId());
+                                    if (user == null) {
+                                        return null;
+                                    }
+                                    return new GroupMemberView(orgMember, user);
+                                })
+                                .filter(Objects::nonNull)
+                                .filter(view -> {
+                                    if (search == null || search.isBlank()) return true;
+                                    return view.getUserName() != null &&
+                                            view.getUserName().toLowerCase().contains(search.toLowerCase());
+                                })
+                                .toList();
+                        List<GroupMemberView> mutableList = new ArrayList<>(list);
+                        if (sort != null && !sort.isBlank()) {
+                            Comparator<GroupMemberView> comparator = null;
+                            if ("userName".equalsIgnoreCase(sort)) {
+                                comparator = Comparator.comparing(GroupMemberView::getUserName, Comparator.nullsLast(String::compareToIgnoreCase));
+                            } else if ("role".equalsIgnoreCase(sort)) {
+                                comparator = Comparator.comparing(GroupMemberView::getRole, Comparator.nullsLast(String::compareToIgnoreCase));
+                            } else if ("joinTime".equalsIgnoreCase(sort)) {
+                                comparator = Comparator.comparing(GroupMemberView::getJoinTime, Comparator.nullsLast(Long::compareTo));
+                            }
+                            if (comparator != null && "desc".equalsIgnoreCase(order)) {
+                                comparator = comparator.reversed();
+                            }
+                            if (comparator != null) {
+                                mutableList.sort(comparator);
+                            }
+                        }
+
+                        int pageTotal = mutableList.size();
+                        int fromIndex = Math.max(0, (pageNum - 1) * pageSize);
+                        int toIndex = pageSize == 0 ? pageTotal : Math.min(pageNum * pageSize, pageTotal);
+                        List<GroupMemberView> pagedList = fromIndex < toIndex ? mutableList.subList(fromIndex, toIndex) : emptyList();
+
+                        return Pair.of(pagedList, pageTotal);
+                    });
+                })
+                .zipWith(visitorRoleMono)
+                .map(tuple -> {
+                    Pair<List<GroupMemberView>, Integer> t1 = tuple.getT1();
+                    return GroupMemberAggregateView.builder()
+                            .members(t1.getLeft())
+                            .total(t1.getRight())
+                            .pageNum(pageNum)
+                            .pageSize(pageSize)
+                            .visitorRole(tuple.getT2().getValue())
+                            .build();
+                });
+    }
+
     private boolean hasReadPermission(Tuple2<GroupMember, OrgMember> tuple) {
         GroupMember groupMember = tuple.getT1();
         OrgMember orgMember = tuple.getT2();
@@ -311,4 +392,64 @@ public Mono<Boolean> removeUser(String groupId, String userId) {
                     return groupMemberService.removeMember(groupId, userId);
                 });
     }
+
+    @Override
+    public Mono<OrgMemberListView> getPotentialGroupMembers(String groupId, String searchName, Integer pageNum, Integer pageSize) {
+        return groupService.getById(groupId)
+                .flatMap(group -> {
+                    String orgId = group.getOrganizationId();
+                    Mono<List<OrgMember>> orgMemberUserIdsMono = orgMemberService.getOrganizationMembers(orgId).collectList();
+                    Mono<List<GroupMember>> groupMemberUserIdsMono = groupMemberService.getGroupMembers(groupId);
+
+                    return Mono.zip(orgMemberUserIdsMono, groupMemberUserIdsMono)
+                            .flatMap(tuple -> {
+                                List<OrgMember> orgMembers = tuple.getT1();
+                                List<GroupMember> groupMembers = tuple.getT2();
+
+                                Set<String> groupMemberUserIds = groupMembers.stream()
+                                        .map(GroupMember::getUserId)
+                                        .collect(Collectors.toSet());
+
+                                Collection<String> potentialUserIds = orgMembers.stream()
+                                        .map(OrgMember::getUserId)
+                                        .filter(uid -> !groupMemberUserIds.contains(uid))
+                                        .collect(Collectors.toList());
+
+                                if (potentialUserIds.isEmpty()) {
+                                    return Mono.just(OrgMemberListView.builder()
+                                            .members(List.of())
+                                            .total(0)
+                                            .pageNum(pageNum)
+                                            .pageSize(pageSize)
+                                            .build());
+                                }
+
+                                Pageable pageable = PageRequest.of(pageNum - 1, pageSize);
+                                String searchRegex = searchName != null && !searchName.isBlank() ? ".*" + Pattern.quote(searchName) + ".*" : ".*";
+
+                                return userService.findUsersByIdsAndSearchNameForPagination(
+                                                potentialUserIds, String.valueOf(UserState.ACTIVATED), true, searchRegex, pageable)
+                                        .collectList()
+                                        .zipWith(userService.countUsersByIdsAndSearchName(
+                                                potentialUserIds, String.valueOf(UserState.ACTIVATED), true, searchRegex))
+                                        .map(tupleUser -> {
+                                            List<User> users = tupleUser.getT1();
+                                            long total = tupleUser.getT2();
+                                            List<OrgMemberListView.OrgMemberView> memberViews = users.stream()
+                                                    .map(u -> OrgMemberListView.OrgMemberView.builder()
+                                                            .userId(u.getId())
+                                                            .name(u.getName())
+                                                            .build())
+                                                    .collect(Collectors.toList());
+                                            return OrgMemberListView.builder()
+                                                    .members(memberViews)
+                                                    .total((int) total)
+                                                    .pageNum(pageNum)
+                                                    .pageSize(pageSize)
+                                                    .build();
+                                        });
+                            });
+                });
+    }
+
 }
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupController.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupController.java
index 110a838378..0252bd4707 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupController.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupController.java
@@ -20,10 +20,8 @@
 import org.lowcoder.domain.organization.service.OrgMemberService;
 import org.lowcoder.sdk.exception.BizError;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.web.bind.annotation.PathVariable;
-import org.springframework.web.bind.annotation.RequestBody;
-import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.bind.annotation.*;
+import org.lowcoder.api.usermanagement.view.OrgMemberListView;
 
 import reactor.core.publisher.Mono;
 import reactor.util.function.Tuple2;
@@ -118,11 +116,16 @@ public Mono<GroupListResponseView<List<GroupView>>> getOrgGroups(@RequestParam(r
 
 
     @Override
-    public Mono<ResponseView<GroupMemberAggregateView>> getGroupMembers(@PathVariable String groupId,
-            @RequestParam(required = false, defaultValue = "1") int pageNum,
-            @RequestParam(required = false, defaultValue = "100") int pageSize) {
+    public Mono<ResponseView<GroupMemberAggregateView>> getGroupMembers(
+            @PathVariable String groupId,
+            @RequestParam(required = false) String search,
+            @RequestParam(required = false) String role,
+            @RequestParam(required = false) String sort,
+            @RequestParam(required = false) String order,
+            @RequestParam(required = false, defaultValue = "1") Integer pageNum,
+            @RequestParam(required = false, defaultValue = "100") Integer pageSize) {
         return gidService.convertGroupIdToObjectId(groupId).flatMap(objectId ->
-            groupApiService.getGroupMembers(objectId, pageNum, pageSize)
+            groupApiService.getGroupMembersForSearch(objectId, search, role, sort, order, pageNum, pageSize)
                 .map(ResponseView::success));
     }
 
@@ -180,4 +183,15 @@ public Mono<ResponseView<Boolean>> removeUser(@PathVariable String groupId,
                 .map(Tuple2::getT2)
                 .map(ResponseView::success));
     }
+
+    @Override
+    public Mono<ResponseView<OrgMemberListView>> searchPotentialGroupMembers(
+            @PathVariable String groupId,
+            @RequestParam(required = false) String searchName,
+            @RequestParam(required = false, defaultValue = "1") Integer pageNum,
+            @RequestParam(required = false, defaultValue = "1000") Integer pageSize) {
+        return gidService.convertGroupIdToObjectId(groupId).flatMap(id ->
+                groupApiService.getPotentialGroupMembers(id, searchName, pageNum, pageSize)
+                .map(ResponseView::success));
+    }
 }
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupEndpoints.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupEndpoints.java
index 89e294628d..b4530c1f61 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupEndpoints.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/GroupEndpoints.java
@@ -68,14 +68,20 @@ public Mono<GroupListResponseView<List<GroupView>>> getOrgGroups(@RequestParam(r
 
 	@Operation(
 			tags = TAG_GROUP_MEMBERS,
-		    operationId = "listGroupMembers",
-		    summary = "List User Group Members",
-		    description = "Retrieve a list of Users / Members within a specific User Group in Lowcoder, showing the group's composition."
+			operationId = "listGroupMembersWithSearchAndSort",
+			summary = "List User Group Members with Search and Sort",
+			description = "Retrieve a paginated, searchable, and sortable list of Users / Members within a specific User Group in Lowcoder."
 	)
-    @GetMapping("/{groupId}/members")
-    public Mono<ResponseView<GroupMemberAggregateView>> getGroupMembers(@PathVariable String groupId,
-            @RequestParam(required = false, defaultValue = "1") int pageNum,
-            @RequestParam(required = false, defaultValue = "100") int pageSize);
+	@GetMapping("/{groupId}/members")
+	public Mono<ResponseView<GroupMemberAggregateView>> getGroupMembers(
+			@PathVariable String groupId,
+			@RequestParam(required = false) String search,
+			@RequestParam(required = false) String role,
+			@RequestParam(required = false) String sort,
+			@RequestParam(required = false) String order,
+			@RequestParam(required = false, defaultValue = "1") Integer pageNum,
+			@RequestParam(required = false, defaultValue = "100") Integer pageSize
+	);
 
 	@Operation(
 			tags = TAG_GROUP_MEMBERS,
@@ -115,4 +121,19 @@ public Mono<ResponseView<Boolean>> updateRoleForMember(@RequestBody UpdateRoleRe
     @DeleteMapping("/{groupId}/remove")
     public Mono<ResponseView<Boolean>> removeUser(@PathVariable String groupId,
             @RequestParam String userId);
+
+	@Operation(
+			tags = TAG_GROUP_MEMBERS,
+			operationId = "searchPotentialGroupMembers",
+			summary = "Search Potential Group Members",
+			description = "Retrieve a list of users who are not currently members of the specified group within an organization."
+	)
+
+	@GetMapping("/{groupId}/potential-members")
+	public Mono<ResponseView<OrgMemberListView>> searchPotentialGroupMembers(
+			@PathVariable String groupId,
+			@RequestParam(required = false) String searchName,
+			@RequestParam(required = false, defaultValue = "1") Integer pageNum,
+			@RequestParam(required = false, defaultValue = "1000") Integer pageSize
+	);
 }
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiService.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiService.java
index c87732d35c..2901aeb0dc 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiService.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiService.java
@@ -53,7 +53,5 @@ public interface OrgApiService {
     Mono<ConfigView> getOrganizationConfigs(String orgId);
 
     Mono<Long> getApiUsageCount(String orgId, Boolean lastMonthOnly);
-
-    Mono<OrgMemberListView> getOrganizationMembersForSearch(String orgId, String searchMemberName, String searchGroupId, Integer pageNum, Integer pageSize);
 }
 
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiServiceImpl.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiServiceImpl.java
index 2a5b0d0c30..2d2b6cd2d5 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiServiceImpl.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrgApiServiceImpl.java
@@ -90,78 +90,6 @@ public Mono<OrgMemberListView> getOrganizationMembers(String orgId, int page, in
                 .then(getOrgMemberListView(orgId, page, count));
     }
 
-// Update getOrgMemberListViewForSearch to filter by group membership
-private Mono<OrgMemberListView> getOrgMemberListViewForSearch(String orgId, String searchMemberName, String searchGroupId, Integer page, Integer pageSize) {
-    return orgMemberService.getOrganizationMembers(orgId)
-            .collectList()
-            .flatMap(orgMembers -> {
-                List<String> userIds = orgMembers.stream()
-                        .map(OrgMember::getUserId)
-                        .collect(Collectors.toList());
-                Mono<Map<String, User>> users = userService.getByIds(userIds);
-
-                // If searchGroupId is provided, fetch group members
-                Mono<Set<String>> groupUserIdsMono = StringUtils.isBlank(searchGroupId)
-                        ? Mono.just(Collections.emptySet())
-                        : groupMemberService.getGroupMembers(searchGroupId)
-                        .map(list -> list.stream()
-                        .map(GroupMember::getUserId)
-                        .collect(Collectors.toSet()));
-
-                return Mono.zip(users, groupUserIdsMono)
-                        .map(tuple -> {
-                            Map<String, User> userMap = tuple.getT1();
-                            Set<String> groupUserIds = tuple.getT2();
-
-                            var list = orgMembers.stream()
-                                    .map(orgMember -> {
-                                        User user = userMap.get(orgMember.getUserId());
-                                        if (user == null) {
-                                            log.warn("user {} not exist and will be removed from the result.", orgMember.getUserId());
-                                            return null;
-                                        }
-                                        return buildOrgMemberView(user, orgMember);
-                                    })
-                                    .filter(Objects::nonNull)
-                                    .filter(orgMemberView -> {
-                                        // Filter by name
-                                        boolean matchesName = StringUtils.isBlank(searchMemberName) ||
-                                                StringUtils.containsIgnoreCase(orgMemberView.getName(), searchMemberName);
-
-                                        // Filter by group
-                                        boolean matchesGroup = StringUtils.isBlank(searchGroupId) ||
-                                                groupUserIds.contains(orgMemberView.getUserId());
-
-                                        return matchesName && matchesGroup;
-                                    })
-                                    .collect(Collectors.toList());
-                            var pageTotal = list.size();
-                            list = list.subList((page - 1) * pageSize, pageSize == 0 ? pageTotal : Math.min(page * pageSize, pageTotal));
-                            return Pair.of(list, pageTotal);
-                        });
-            })
-            .zipWith(sessionUserService.getVisitorOrgMemberCache())
-            .map(tuple -> {
-                List<OrgMemberView> memberViews = tuple.getT1().getLeft();
-                var pageTotal = tuple.getT1().getRight();
-                OrgMember orgMember = tuple.getT2();
-                return OrgMemberListView.builder()
-                        .members(memberViews)
-                        .total(pageTotal)
-                        .pageNum(page)
-                        .pageSize(pageSize)
-                        .visitorRole(orgMember.getRole().getValue())
-                        .build();
-            });
-    }
-    @Override
-    public  Mono<OrgMemberListView> getOrganizationMembersForSearch(String orgId, String searchMemberName, String searchGroupId, Integer page, Integer pageSize) {
-        return sessionUserService.getVisitorId()
-                .flatMap(visitorId -> orgMemberService.getOrgMember(orgId, visitorId))
-                .switchIfEmpty(deferredError(BizError.NOT_AUTHORIZED, "NOT_AUTHORIZED"))
-                .then(getOrgMemberListViewForSearch(orgId, searchMemberName, searchGroupId, page, pageSize));
-    }
-
     private Mono<OrgMemberListView> getOrgMemberListView(String orgId, int page, int count) {
         return orgMemberService.getOrganizationMembers(orgId)
                 .collectList()
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationController.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationController.java
index f73758127d..15637f364b 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationController.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationController.java
@@ -118,16 +118,6 @@ public Mono<ResponseView<OrgMemberListView>> getOrgMembers(@PathVariable String
             orgApiService.getOrganizationMembers(id, pageNum, pageSize)
                 .map(ResponseView::success));
     }
-    @Override
-    public Mono<ResponseView<OrgMemberListView>> getOrgMembersForSearch(@PathVariable String orgId,
-            @PathVariable String searchMemberName,
-            @PathVariable String searchGroupId,
-            @RequestParam(required = false, defaultValue = "1") int pageNum,
-            @RequestParam(required = false, defaultValue = "1000") int pageSize) {
-        return gidService.convertOrganizationIdToObjectId(orgId).flatMap(id ->
-            orgApiService.getOrganizationMembersForSearch(id, searchMemberName, searchGroupId, pageNum, pageSize)
-                .map(ResponseView::success));
-    }
 
     @Override
     public Mono<ResponseView<Boolean>> updateRoleForMember(@RequestBody UpdateRoleRequest updateRoleRequest,
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationEndpoints.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationEndpoints.java
index 6fee2a511f..86ed6888b2 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationEndpoints.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/OrganizationEndpoints.java
@@ -98,13 +98,6 @@ public Mono<ResponseView<OrgMemberListView>> getOrgMembers(@PathVariable String
             @RequestParam(required = false, defaultValue = "1") int pageNum,
             @RequestParam(required = false, defaultValue = "1000") int pageSize);
 
-	@GetMapping("/{orgId}/{searchMemberName}/{searchGroupId}/members")
-	public Mono<ResponseView<OrgMemberListView>> getOrgMembersForSearch(@PathVariable String orgId,
-		   @PathVariable String searchMemberName,
-		   @PathVariable String searchGroupId,
-		   @RequestParam(required = false, defaultValue = "1") int pageNum,
-		   @RequestParam(required = false, defaultValue = "1000") int pageSize);
-
 	@Operation(
 			tags = TAG_ORGANIZATION_MEMBERS,
 		    operationId = "updateOrganizationMemberRole",
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/UserController.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/UserController.java
index f3485477e3..6fc6fecb12 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/UserController.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/UserController.java
@@ -23,6 +23,7 @@
 import org.lowcoder.sdk.config.CommonConfig;
 import org.lowcoder.sdk.constants.AuthSourceConstants;
 import org.lowcoder.sdk.exception.BizError;
+import org.springframework.data.domain.Sort;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.codec.multipart.Part;
 import org.springframework.web.bind.annotation.*;
@@ -80,7 +81,7 @@ public Mono<ResponseView<?>> getUserOrgs(ServerWebExchange exchange,
                                              @RequestParam(required = false, defaultValue = "10") Integer pageSize) {
         return sessionUserService.getVisitor()
                 .flatMap(user -> {
-                    Pageable pageable = PageRequest.of(pageNum - 1, pageSize);
+                    Pageable pageable = PageRequest.of(pageNum - 1, pageSize, Sort.by(Sort.Direction.DESC, "updatedAt"));
                     String filter = orgName == null ? "" : orgName;
                     return organizationService.findUserOrgs(user.getId(), filter, pageable)
                             .map(OrgView::new)
diff --git a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/view/OrgView.java b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/view/OrgView.java
index 965c9a9121..e2f2c24593 100644
--- a/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/view/OrgView.java
+++ b/server/api-service/lowcoder-server/src/main/java/org/lowcoder/api/usermanagement/view/OrgView.java
@@ -2,6 +2,7 @@
 
 import jakarta.annotation.Nonnull;
 import org.lowcoder.domain.organization.model.Organization;
+import java.time.Instant;
 
 public class OrgView {
 
@@ -19,5 +20,7 @@ public String getOrgName() {
         return organization.getName();
     }
 
+    public Instant getCreatedAt() { return organization.getCreatedAt(); }
 
+    public Instant getUpdatedAt() { return organization.getUpdatedAt(); }
 }