diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 59c8281d..b6651f4b 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -58,6 +58,7 @@
     "DirectoryService": "Directory Service",
     "Resource": "Resource",
     "Database": "Database",
+    "Web": "Web",
     "OfflinePlayer": "Offline Player",
     "Favorite": "Favorite"
   },
@@ -94,6 +95,7 @@
     "ModifyConnectionInfo": "Connect",
     "Description": "Next connections will use these settings by default, right-click to edit",
     "OptionalProtocol": "Protocol",
+    "ConnectMethod": "Connect Method",
     "OptionalAccount": "Account"
   },
   "Layout": {
diff --git a/i18n/locales/zh.json b/i18n/locales/zh.json
index 21cb2a08..c15c300e 100644
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@@ -56,6 +56,7 @@
     "DirectoryService": "目录服务",
     "Database": "数据库",
     "Device": "设备",
+    "Web": "Web",
     "Other": "其他",
     "Favorite": "收藏",
     "OfflinePlayer": "离线播放器",
@@ -94,6 +95,7 @@
     "ModifyConnectionInfo": "连接",
     "Description": "保存后，下次连接将默认使用这些设置，右击重新设置",
     "OptionalProtocol": "协议",
+    "ConnectMethod": "连接方法",
     "OptionalAccount": "账号"
   },
   "SettingModal": {
diff --git a/public/icons/browser.png b/public/icons/browser.png
new file mode 100644
index 00000000..98fcf3ec
Binary files /dev/null and b/public/icons/browser.png differ
diff --git a/src-tauri/src/commands/get_connect_methods.rs b/src-tauri/src/commands/get_connect_methods.rs
new file mode 100644
index 00000000..237f4607
--- /dev/null
+++ b/src-tauri/src/commands/get_connect_methods.rs
@@ -0,0 +1,38 @@
+use crate::commands::auth_login::ensure_fresh_token;
+use crate::service::connect_methods::ConnectMethodsService;
+use log::{error, info};
+use serde_json::json;
+use tauri::{AppHandle, Emitter};
+
+#[tauri::command]
+pub async fn get_connect_methods(app: AppHandle, site: String, bearer_token: String) {
+    let bearer = match ensure_fresh_token(&app, &site, Some(&bearer_token)).await {
+        Ok(b) => b,
+        Err(e) => {
+            let _ = app.emit(
+                "get-connect-methods-failure",
+                json!({ "status": 401, "error": e.to_string() }),
+            );
+            return;
+        }
+    };
+    let connect_methods_service = ConnectMethodsService::new(site, bearer);
+    let connect_methods_data = connect_methods_service.get_connect_methods().await;
+
+    if !connect_methods_data.success {
+        error!("获取 ConnectMethods 数据失败");
+
+        let _ = app.emit(
+            "get-connect-methods-failure",
+            json!({ "status": connect_methods_data.status }),
+        );
+        return;
+    }
+
+    info!("获取 ConnectMethods 数据成功");
+
+    let _ = app.emit(
+        "get-connect-methods-success",
+        json!({ "status": connect_methods_data.status, "data": connect_methods_data.data }),
+    );
+}
\ No newline at end of file
diff --git a/src-tauri/src/commands/mod.rs b/src-tauri/src/commands/mod.rs
index 17d18f77..bb7c126d 100644
--- a/src-tauri/src/commands/mod.rs
+++ b/src-tauri/src/commands/mod.rs
@@ -2,9 +2,11 @@ pub mod auth_login;
 pub mod get_asset_detail;
 pub mod get_assets;
 pub mod get_config;
+pub mod get_connect_methods;
 pub mod get_setting;
 pub mod get_token;
 pub mod get_version_message;
+pub mod http_callback;
 pub mod list_system_fonts;
 pub mod logout;
 pub mod pull_up;
@@ -14,4 +16,3 @@ pub mod set_favorite;
 pub mod unfavorite;
 pub mod update_config;
 pub mod window_controls;
-pub mod http_callback;
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index e49fdb36..5987d0d0 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -11,6 +11,7 @@ use crate::commands::auth_login::{auth_cancel, auth_login, handle_auth_callback,
 use crate::commands::get_asset_detail::get_asset_detail;
 use crate::commands::get_assets::get_assets;
 use crate::commands::get_config::get_config;
+use crate::commands::get_connect_methods::get_connect_methods;
 use crate::commands::get_setting::get_setting;
 use crate::commands::get_token::get_connect_token;
 use crate::commands::get_version_message::get_version_message;
@@ -195,6 +196,7 @@ pub fn run() {
             toggle_maximize_window,
             update_config_selection,
             init_http_callback_server,
+            get_connect_methods,
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
diff --git a/src-tauri/src/service/asset.rs b/src-tauri/src/service/asset.rs
index 1b8bed3a..ecc17d4f 100644
--- a/src-tauri/src/service/asset.rs
+++ b/src-tauri/src/service/asset.rs
@@ -13,6 +13,7 @@ pub enum Category {
     WindowsAd,
     Database,
     Device,
+    Web,
 }
 
 #[derive(Serialize, Deserialize, Default, Debug, Clone)]
@@ -43,7 +44,9 @@ impl AssetQuery {
     pub fn new(asset_type: Category, org: String) -> Self {
         let (r#type, category) = match asset_type {
             Category::Database | Category::Device => (None, Some(asset_type)),
-            Category::Linux | Category::Windows | Category::WindowsAd => (Some(asset_type), None),
+            Category::Linux | Category::Windows | Category::WindowsAd | Category::Web => {
+                (Some(asset_type), None)
+            }
         };
 
         Self {
@@ -115,6 +118,7 @@ impl AssetService {
                 Category::WindowsAd => (Some(Category::WindowsAd), None),
                 Category::Database => (None, Some(Category::Database)),
                 Category::Device => (None, Some(Category::Device)),
+                Category::Web => (None, Some(Category::Web)),
             }
         };
 
diff --git a/src-tauri/src/service/connect_methods.rs b/src-tauri/src/service/connect_methods.rs
new file mode 100644
index 00000000..cd2b9dbe
--- /dev/null
+++ b/src-tauri/src/service/connect_methods.rs
@@ -0,0 +1,20 @@
+use crate::commands::requests::{get_with_response, ApiResponse};
+
+pub struct ConnectMethodsService {
+    origin: String,
+    bearer_token: String,
+}
+
+impl ConnectMethodsService {
+    pub fn new(origin: String, bearer_token: String) -> Self {
+        Self {
+            origin,
+            bearer_token,
+        }
+    }
+
+    pub async fn get_connect_methods(&self) -> ApiResponse {
+        let url = format!("{}/api/v1/terminal/components/connect-methods/", self.origin);
+        get_with_response(&url, &self.bearer_token).await
+    }
+}
\ No newline at end of file
diff --git a/src-tauri/src/service/mod.rs b/src-tauri/src/service/mod.rs
index 61d23ac5..dfc002bf 100644
--- a/src-tauri/src/service/mod.rs
+++ b/src-tauri/src/service/mod.rs
@@ -9,3 +9,4 @@ pub(crate) mod token_oauth;
 pub(crate) mod user;
 pub(crate) mod http_callback;
 pub(crate) mod version;
+pub(crate) mod connect_methods;
diff --git a/ui/components/BasePage/basePage.vue b/ui/components/BasePage/basePage.vue
index 5cd3375b..9f2a728d 100644
--- a/ui/components/BasePage/basePage.vue
+++ b/ui/components/BasePage/basePage.vue
@@ -163,6 +163,7 @@ const handleConnectAsset = async (asset: AssetItem) => {
       manualPassword: saved!.manualPassword || "",
       dynamicPassword: saved!.dynamicPassword || "",
       rememberSecret: !!saved!.rememberSecret,
+      connectMethod: saved!.connectMethod || "",
       availableProtocols: saved!.availableProtocols || []
     });
   }
diff --git a/ui/components/Card/AssetIcon/assetIcon.vue b/ui/components/Card/AssetIcon/assetIcon.vue
index c52d8d1d..acd2526d 100644
--- a/ui/components/Card/AssetIcon/assetIcon.vue
+++ b/ui/components/Card/AssetIcon/assetIcon.vue
@@ -25,7 +25,8 @@ const imageProps = computed(() => {
     mongodb: "/icons/mongodb.png",
     dameng: "/icons/dameng.png",
     clickhouse: "/icons/clickhouse.png",
-    windows_ad: "/icons/windows.png"
+    windows_ad: "/icons/windows.png",
+    website: "/icons/browser.png"
   };
 
   const src = iconMap[props.type] || "";
diff --git a/ui/components/ConnectionEditor/connectionEditor.vue b/ui/components/ConnectionEditor/connectionEditor.vue
index 175e44e2..4f607237 100644
--- a/ui/components/ConnectionEditor/connectionEditor.vue
+++ b/ui/components/ConnectionEditor/connectionEditor.vue
@@ -14,6 +14,7 @@ const draftManualUsername = ref<string>("");
 const draftManualPassword = ref<string>("");
 const draftDynamicPassword = ref<string>("");
 const draftRememberSecret = ref<boolean>(false);
+const draftConnectMethod = ref<string>("");
 
 let pendingResolve: ((info: any) => void) | null = null;
 let pendingReject: ((reason?: any) => void) | null = null;
@@ -63,6 +64,7 @@ const initDraft = (asset: AssetItem) => {
   draftManualPassword.value = saved?.manualPassword || "";
   draftDynamicPassword.value = saved?.dynamicPassword || "";
   draftRememberSecret.value = saved?.rememberSecret || false;
+  draftConnectMethod.value = saved?.connectMethod || "";
 };
 
 /**
@@ -109,6 +111,7 @@ const buildConnectionInfo = () => {
     manualPassword: draftManualPassword.value || "",
     dynamicPassword: draftDynamicPassword.value || "",
     rememberSecret: !!draftRememberSecret.value,
+    connectMethod: draftConnectMethod.value || "",
     availableProtocols: normalizeProtocols()
   };
 };
@@ -208,6 +211,7 @@ defineExpose({ open: openModal, close });
       v-model:manual-password="draftManualPassword"
       v-model:dynamic-password="draftDynamicPassword"
       v-model:remember-secret="draftRememberSecret"
+      v-model:connect-method="draftConnectMethod"
       :accounts="currentAsset.permedAccounts || []"
       :protocols="currentAsset.permedProtocols || []"
     />
diff --git a/ui/components/EditForm/editForm.vue b/ui/components/EditForm/editForm.vue
index 23e61d56..9c619dfb 100644
--- a/ui/components/EditForm/editForm.vue
+++ b/ui/components/EditForm/editForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { SelectMenuItem } from "@nuxt/ui";
 import type { PermedAccount, PermedProtocol } from "~/types/index";
+import { useConnectMethods } from "~/composables/useConnectMethods";
 
 const props = defineProps<{
   account: string
@@ -11,6 +12,7 @@ const props = defineProps<{
   manualPassword?: string
   dynamicPassword?: string
   rememberSecret?: boolean
+  connectMethod?: string
 }>();
 
 const emits = defineEmits<{
@@ -20,14 +22,23 @@ const emits = defineEmits<{
   (e: "update:manualPassword", v: string): void
   (e: "update:dynamicPassword", v: string): void
   (e: "update:rememberSecret", v: boolean): void
+  (e: "update:connectMethod", v: string): void
 }>();
 
 const { t } = useI18n();
+const { getMethodsForProtocol, getDefaultMethodForProtocol, getMethodDisplayName } = useConnectMethods();
 // prettier-ignore
 const trailingIcon = "group-data-[state=open]:rotate-180 transition-transform duration-200";
 
 const showManualInputArea = ref(false);
 const showDynamicUserArea = ref(false);
+const availableConnectMethods = ref<any[]>([]);
+const connectMethodItems = computed<SelectMenuItem[]>(() => {
+  return availableConnectMethods.value.map((method) => ({
+    label: method.label || method.value,
+    value: method.value
+  }));
+});
 
 const localManualUsername = computed<string>({
   get: () => props.manualUsername || "",
@@ -49,6 +60,11 @@ const localRememberSecret = computed<boolean>({
   set: (v: boolean) => emits("update:rememberSecret", !!v)
 });
 
+const localConnectMethod = computed<string>({
+  get: () => props.connectMethod || "",
+  set: (v: string) => emits("update:connectMethod", v ?? "")
+});
+
 watch(
   () => props.account,
   (newVal) => {
@@ -57,6 +73,24 @@ watch(
   { immediate: true }
 );
 
+watch(
+  () => props.protocol,
+  async (newProtocol) => {
+    if (!newProtocol) return;
+
+    const methods = await getMethodsForProtocol(newProtocol);
+    availableConnectMethods.value = methods;
+
+    if (!props.connectMethod || !methods.find((m) => m.value === props.connectMethod)) {
+      const defaultMethod = await getDefaultMethodForProtocol(newProtocol);
+      if (defaultMethod) {
+        emits("update:connectMethod", defaultMethod);
+      }
+    }
+  },
+  { immediate: true }
+);
+
 const protocolItems = computed(() => props.protocols.map((p: PermedProtocol) => p.name));
 
 const accountItems = computed(() => {
@@ -133,6 +167,19 @@ function handleSpecialAccount(v: string) {
       />
     </UFormField>
 
+    <UFormField :label="t('EditModal.ConnectMethod')" size="md">
+      <USelect
+        v-model="localConnectMethod"
+        :items="connectMethodItems"
+        :ui="{
+          trailingIcon
+        }"
+        icon="lucide:zap"
+        class="w-full"
+        :disabled="connectMethodItems.length === 0"
+      />
+    </UFormField>
+
     <UFormField :label="t('EditModal.OptionalAccount')" size="md">
       <USelectMenu
         v-model="selectedAccount"
diff --git a/ui/components/SideBar/sideBar.vue b/ui/components/SideBar/sideBar.vue
index 05b5e361..f1827c71 100644
--- a/ui/components/SideBar/sideBar.vue
+++ b/ui/components/SideBar/sideBar.vue
@@ -50,6 +50,12 @@ const sideBarItems = computed<NavigationMenuItem[]>(() => {
       icon: "mingcute:device-line",
       to: localePath("device"),
       disabled: isLoading.value
+      },
+    {
+      label: t("Menu.Web"),
+      icon: "mingcute:web-line",
+      to: localePath("web"),
+      disabled: isLoading.value
     },
     {
       label: t("Menu.Favorite"),
diff --git a/ui/composables/useAssetAction.ts b/ui/composables/useAssetAction.ts
index fdf48be7..beba86d4 100644
--- a/ui/composables/useAssetAction.ts
+++ b/ui/composables/useAssetAction.ts
@@ -212,6 +212,9 @@ export const useAssetAction = () => {
       case "vnc":
         method = "vnc_client";
         break;
+      case "http":
+        method = "chrome";
+        break;
       default:
         method = "db_client";
     }
@@ -219,18 +222,28 @@ export const useAssetAction = () => {
     return method;
   };
 
-  const generateConnectOptions = () => {
+  const generateConnectOptions = (protocol: string) => {
     const prefs = resolveGraphicsPreferences();
 
-    return {
+    const options = {
       charset: prefs.resolvedCharset,
-      is_backspace_as_ctrl_h: prefs.resolvedBackspace,
+      backspaceAsCtrlH: prefs.resolvedBackspace,
       resolution: prefs.resolvedResolution,
       rdp_resolution: prefs.resolvedResolution,
       keyboard_layout: prefs.resolvedKeyboardLayout,
       rdp_client_option: prefs.resolvedClientOptions,
       rdp_color_quality: prefs.resolvedColorQuality,
-      rdp_smart_size: prefs.resolvedSmartSize
+      rdp_smart_size: prefs.resolvedSmartSize,
+      token_reusable: false,
+      disableautohash: false,
+    };
+    const specificOptions = protocol === "http" ? {
+      appletConnectMethod: "client",
+      reusable: false,
+    } : {};
+    return {
+      ...options,
+      ...specificOptions
     };
   };
 
@@ -253,6 +266,7 @@ export const useAssetAction = () => {
       manualUsername?: string;
       manualPassword?: string;
       dynamicPassword?: string;
+      connectMethod?: string;
     }
   ) => {
     const saved = currentConnectionInfoMap.value[assetId];
@@ -297,6 +311,9 @@ export const useAssetAction = () => {
       return getUserId(accounts!, assetId, user);
     })();
 
+    // 优先使用保存的连接方法，其次使用临时连接方法，最后使用 dispatchConnectMethod 作为后备
+    const connectMethod = saved?.connectMethod ?? ephemeral?.connectMethod ?? dispatchConnectMethod(protocol);
+
     nextTick(() => {
       getConnectToken({
         asset: assetId,
@@ -304,8 +321,8 @@ export const useAssetAction = () => {
         input_username,
         input_secret,
         account: accountForToken,
-        connect_method: dispatchConnectMethod(protocol),
-        connect_options: generateConnectOptions()
+        connect_method: connectMethod,
+        connect_options: generateConnectOptions(protocol)
       });
     });
   };
diff --git a/ui/composables/useAssetConnection.ts b/ui/composables/useAssetConnection.ts
index da9e3f03..8a453e2d 100644
--- a/ui/composables/useAssetConnection.ts
+++ b/ui/composables/useAssetConnection.ts
@@ -8,6 +8,7 @@ interface ConnectionFormInfo {
   manualPassword: string
   dynamicPassword: string
   rememberSecret: boolean
+  connectMethod: string
 
   accountId?: string
   availableProtocols?: string[]
@@ -80,6 +81,7 @@ export function useAssetConnection() {
       manualPassword: connectionInfo.rememberSecret ? connectionInfo.manualPassword : "",
       dynamicPassword: connectionInfo.rememberSecret ? connectionInfo.dynamicPassword : "",
       rememberSecret: connectionInfo.rememberSecret,
+      connectMethod: connectionInfo.connectMethod,
       availableProtocols
     };
 
@@ -96,7 +98,8 @@ export function useAssetConnection() {
       accountMode: connectionInfo.accountMode,
       manualUsername: connectionInfo.manualUsername,
       manualPassword: connectionInfo.manualPassword,
-      dynamicPassword: connectionInfo.dynamicPassword
+      dynamicPassword: connectionInfo.dynamicPassword,
+      connectMethod: connectionInfo.connectMethod
     });
   };
 
diff --git a/ui/composables/useAssetFetcher.ts b/ui/composables/useAssetFetcher.ts
index ce8b140b..61de06ab 100644
--- a/ui/composables/useAssetFetcher.ts
+++ b/ui/composables/useAssetFetcher.ts
@@ -186,6 +186,8 @@ export const useAssetFetcher = (assetType: AssetPageType, scrollRef?: Ref<HTMLEl
         return /\/database(?:\/|$)/.test(pathLower);
       case "device":
         return /\/device(?:\/|$)/.test(pathLower);
+      case "web":
+        return /\/web(?:\/|$)/.test(pathLower);
       default:
         return true;
     }
diff --git a/ui/composables/useConnectMethods.ts b/ui/composables/useConnectMethods.ts
new file mode 100644
index 00000000..96d58d5a
--- /dev/null
+++ b/ui/composables/useConnectMethods.ts
@@ -0,0 +1,111 @@
+import { useUserInfoStore } from "~/store/modules/userInfo";
+
+interface ConnectMethod {
+  value: string;
+  label: string;
+  type: string;
+  icon: string;
+  disabled: boolean;
+  listen: string;
+  component: string;
+}
+
+interface ConnectMethodsResponse {
+  [protocol: string]: ConnectMethod[];
+  originals: ConnectMethod[];
+}
+
+let connectMethodsCache: ConnectMethodsResponse | null = null;
+let fetchPromise: Promise<ConnectMethodsResponse> | null = null;
+
+export const useConnectMethods = () => {
+  const { currentSite, currentUser } = storeToRefs(useUserInfoStore());
+
+  const fetchConnectMethods = async (): Promise<ConnectMethodsResponse> => {
+    if (connectMethodsCache) {
+      return connectMethodsCache;
+    }
+
+    if (fetchPromise) {
+      return fetchPromise;
+    }
+
+    fetchPromise = new Promise(async (resolve, reject) => {
+      const unlistenSuccess = await useTauriEventListen("get-connect-methods-success", (event) => {
+        interface eventPayload {
+          status: number;
+          data: string;
+        }
+
+        const payload = event.payload as eventPayload;
+        if (payload.status === 200) {
+          try {
+            const methods = JSON.parse(payload.data) as ConnectMethodsResponse;
+            connectMethodsCache = methods;
+            resolve(methods);
+          } catch (error) {
+            reject(error);
+          }
+        }
+        unlistenSuccess?.();
+        unlistenFailure?.();
+      });
+
+      const unlistenFailure = await useTauriEventListen("get-connect-methods-failure", () => {
+        reject(new Error("Failed to fetch connect methods"));
+        unlistenSuccess?.();
+        unlistenFailure?.();
+      });
+
+      useTauriCoreInvoke("get_connect_methods", {
+        site: currentSite.value,
+        bearerToken: currentUser.value?.bearerToken
+      });
+    });
+
+    try {
+      const result = await fetchPromise;
+      return result;
+    } finally {
+      fetchPromise = null;
+    }
+  };
+
+  const getMethodsForProtocol = async (protocol: string): Promise<ConnectMethod[]> => {
+    const allMethods = await fetchConnectMethods();
+    const protocolMethods = allMethods[protocol] || [];
+    if (protocol === "http") {
+        return protocolMethods.filter((method) => !method.disabled && method.type === "applet")
+    }else {
+        return protocolMethods.filter((method) => {
+            return !method.disabled && (method.type === "native" && !method.value.endsWith("_guide"));
+        });
+    }
+  };
+
+  const getDefaultMethodForProtocol = async (protocol: string): Promise<string> => {
+    const methods = await getMethodsForProtocol(protocol);
+    if (methods.length === 0) {
+      return "";
+    }
+    return methods[0]?.value || "";
+  };
+
+  const getMethodDisplayName = async (protocol: string, methodValue: string): Promise<string> => {
+    const methods = await getMethodsForProtocol(protocol);
+    const method = methods.find((m) => m.value === methodValue);
+    return method?.label ?? methodValue;
+  };
+
+  const clearCache = () => {
+    connectMethodsCache = null;
+  };
+
+  return {
+    fetchConnectMethods,
+    getMethodsForProtocol,
+    getDefaultMethodForProtocol,
+    getMethodDisplayName,
+    clearCache
+  };
+};
diff --git a/ui/pages/web.vue b/ui/pages/web.vue
new file mode 100644
index 00000000..79c14289
--- /dev/null
+++ b/ui/pages/web.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <BasePage type="web" icon-name="lucide:panel-top" />
+</template>
diff --git a/ui/store/modules/userInfo.ts b/ui/store/modules/userInfo.ts
index e04ef2a5..6116d841 100644
--- a/ui/store/modules/userInfo.ts
+++ b/ui/store/modules/userInfo.ts
@@ -1,4 +1,5 @@
 import type { ConnectionInfo, PermOrgItem, RdpGraphics, UserData } from "~/types/index";
+import { useConnectMethods } from "~/composables/useConnectMethods";
 
 export type SiteUserData = UserData & {
   language?: string
@@ -62,6 +63,16 @@ export const useUserInfoStore = defineStore(
       // 初始化当前站点连接信息映射以及 RDP 客户端选项
       currentConnectionInfoMap.value = next.connectionInfoMap || {};
       currentRdpClientOption.value = next.rdpClientOption || {};
+
+      // 登录后获取连接方法
+      const { fetchConnectMethods } = useConnectMethods();
+      nextTick(async () => {
+        try {
+          await fetchConnectMethods();
+        } catch (error) {
+          console.debug("Failed to fetch connect methods on login:", error);
+        }
+      });
     };
 
     /**
diff --git a/ui/types/index.ts b/ui/types/index.ts
index 03fd990f..9df791e9 100644
--- a/ui/types/index.ts
+++ b/ui/types/index.ts
@@ -8,7 +8,7 @@ export type LangType = "zh" | "en";
 export type LanguagePreference = LangType | "system";
 export type CharsetType = "default" | "utf8" | "gbk" | "gb2312" | "ios-8859-1";
 export type ResolutionType = "auto" | "1024x768" | "1366x768" | "1600x900" | "1920x1080";
-export type AssetPageType = "linux" | "windows" | "windows_ad" | "database" | "device" | "favorite";
+export type AssetPageType = "linux" | "windows" | "windows_ad" | "database" | "device" | "web" | "favorite";
 
 export interface ActionItem {
   key: string
@@ -224,6 +224,16 @@ export interface ConnectionInfo {
   rememberSecret?: boolean
   dynamicPassword?: string
   availableProtocols?: string[]
+  connectMethod?: string
+}
+
+export interface ConnectMethod {
+  name: string
+  display_name: string
+  protocols: string[]
+  type: string
+  is_default: boolean
+  is_internal: boolean
 }
 
 export interface RdpGraphics {