@termix-ssh/plugin-sdk 1.0.13 → 1.0.17

package/dist/host/ui.js

@@ -32,7 +32,6 @@ import {
   challengeSecondFactor,
   changeAppLanguage,
   clearLocalAdaptivePreferences,
-  completeLink,
   createPluginApp,
   createQuickConnectHost,
   defaultConnectAction,
@@ -45,16 +44,14 @@ import {
   getAdaptiveResourceBudget,
   getDefaultConnectionTab,
   getHostEditorSection,
-  getLinkPreview,
   getLiveHostStatus,
   getLoginMethods,
   getPanel,
   getPollingEnvironmentMultiplier,
   getPreferredHostAction,
   getRegisteredDashboardCard,
+  getRememberDeviceAllowed,
   getStatusClasses,
-  getSyncConflicts,
-  getSyncErrors,
   getUserSecondFactors,
   globalShortcutHandler,
   groupRailItems,
@@ -92,18 +89,15 @@ import {
   paneNavHotkeyLabel,
   pluginWsUrl,
   preloadTabSurface,
-  probeServer,
   promotableIds,
   protocolEnabled,
   protocolPort,
   quickConnectTargets,
   railItemLabel,
   recordHostActionPreference,
-  refreshSyncStatus,
   registerHostEditorSection,
   registerLayout,
   registerTabCloseGuard,
-  reloginLink,
   rem,
   remScale,
   rememberLoginLanguage,
@@ -112,7 +106,6 @@ import {
   requestManage,
   resetUserSecondFactors,
   resolveHostTabType,
-  retrySyncErrors,
   rightDockableIds,
   runAdaptiveBackgroundTask,
   runAdaptivePolling,
@@ -121,20 +114,15 @@ import {
   setPluginLocaleResolver,
   setPluginThemes,
   setSplitDropHitTest,
-  setSyncStatus,
-  settleSyncConflict,
   shownPanes,
   sshHostToHost,
   startLoginRedirect,
   submitLoginMethod,
-  syncNow,
   tabIcon,
   tabJumpHotkeyKeys,
   takePendingManageRequest,
   themeLabel,
-  unlinkServer,
   unregisterHostEditorSection,
-  updateSyncSettings,
   useActionSlot,
   useBranding,
   useHostActions,
@@ -166,17 +154,16 @@ import {
   useSshAuthEditors,
   useSshAuthProviders,
   useStatusColorScheme,
-  useSyncStatus,
   useTabHandlesVersion,
   useTabStageStore,
   useTheme,
   useThemes,
   verifySecondFactor,
   withProtocolSettings
-} from "./chunk-CALNJCHN.js";
+} from "./chunk-J2AILBXM.js";
 import {
   usePermissions
-} from "./chunk-T2PZWXFJ.js";
+} from "./chunk-2MU6WNSX.js";
 import {
   AddButton,
   Card,
@@ -197,7 +184,7 @@ import {
   isPrerelease,
   reportBetaFeedbackUrl,
   reportCoreIssueUrl
-} from "./chunk-54KCK6IZ.js";
+} from "./chunk-446UEDSK.js";
 import {
   Action,
   Activity,
@@ -387,7 +374,7 @@ import {
   useSurfaceKind,
   useUiPreference,
   useUiPreferencesContext
-} from "./chunk-ERGN4YW6.js";
+} from "./chunk-LQKK2JJA.js";
 import {
   CREDENTIAL_ROW_FIELD_KEYS,
   PRESETS,
@@ -450,7 +437,9 @@ import {
   getHostAccess,
   getHostAuthOverride,
   getHostPassword,
+  getHostPolicy,
   getHostSidebarPreferences,
+  getHttpsSettings,
   getLogLevel,
   getPasswordLoginAllowed,
   getPasswordResetAllowed,
@@ -531,6 +520,7 @@ import {
   updateExternalAutoProvision,
   updateFolderMetadata,
   updateHostAccess,
+  updateHttpsSettings,
   updateLogLevel,
   updatePasswordLoginAllowed,
   updatePasswordResetAllowed,
@@ -540,11 +530,12 @@ import {
   updateSecondFactorAfterExternalLogin,
   updateSessionTimeout,
   updateStatusCheckSettings,
+  useDesktopLinked,
   usePluginStore,
   useTabs,
   useTabsSafe,
   verifyPasswordResetCode
-} from "./chunk-CN5UBTBP.js";
+} from "./chunk-7LEJ3HYF.js";
 import {
   define_import_meta_env_default,
   init_define_import_meta_env
@@ -3324,10 +3315,11 @@ init_define_import_meta_env();
 function isInMobileWebView() {
   return /Termix-Mobile\/(Android|iOS)/.test(navigator.userAgent) || !!window.ReactNativeWebView;
 }
+var DESKTOP_USER_AGENT = /Termix-Desktop\/|\btermix\/[\w.-]+ .*\bElectron\//i;
 function isInElectronWebView() {
   if (isInMobileWebView()) return false;
   if (window.IS_ELECTRON_WEBVIEW) return true;
-  if (!/Termix-Desktop\//.test(navigator.userAgent)) return false;
+  if (!DESKTOP_USER_AGENT.test(navigator.userAgent)) return false;
   try {
     if (window.self !== window.top) return true;
   } catch {
@@ -4343,6 +4335,7 @@ function Auth({ onLogin }) {
   const [username, setUsername] = useState7("");
   const [password, setPassword] = useState7("");
   const [confirmPassword, setConfirmPassword] = useState7("");
+  const [rememberAllowed, setRememberAllowed] = useState7(true);
   const [rememberMe, setRememberMe] = useState7(() => {
     try {
       return localStorage.getItem("rememberMe") === "true";
@@ -4463,6 +4456,11 @@ function Auth({ onLogin }) {
     getPasswordResetAllowed().then((allowed) => setPasswordResetAllowed(allowed)).catch(() => setPasswordResetAllowed(false));
     void startPreLoginPlugins().catch(() => {
     }).finally(() => setAuthPluginsLoading(false));
+    getRememberDeviceAllowed().then((allowed) => {
+      setRememberAllowed(allowed);
+      if (!allowed) setRememberMe(false);
+    }).catch(() => {
+    });
     getLoginMethods().then((methods) => setAuthMethods(methods)).catch(() => setAuthMethods([])).finally(() => setAuthMethodsLoaded(true));
   }, [localDesktopAuth]);
   useEffect6(() => {
@@ -5358,7 +5356,7 @@ function Auth({ onLogin }) {
           /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: view === "login" ? t3("auth.loginSubtitle", "") : view === "register" ? t3("auth.registerSubtitle", "") : t3("auth.loginWithExternalDesc") })
         ] }),
         view === "external" && /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+          rememberAllowed && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx28(
               Checkbox,
               {
@@ -5409,7 +5407,7 @@ function Auth({ onLogin }) {
             }
           ) }),
           /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+            rememberAllowed ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx28(
                 Checkbox,
                 {
@@ -5427,7 +5425,7 @@ function Auth({ onLogin }) {
                   children: t3("auth.rememberMe")
                 }
               )
-            ] }),
+            ] }) : /* @__PURE__ */ jsx28("span", {}),
             passwordResetAllowed && /* @__PURE__ */ jsx28(
               "button",
               {
@@ -31706,7 +31704,7 @@ function Gate({
   const [dropped, setDropped] = useState18(false);
   const maxAttempts = retry?.maxAttempts ?? 8;
   const gateRef = useRef10(null);
-  const write2 = useCallback8(
+  const write = useCallback8(
     (type) => (text, stage = "connection") => addLog({ type, stage, message: text }),
     [addLog]
   );
@@ -31735,12 +31733,12 @@ function Gate({
   } = retryState;
   const log = useMemo7(
     () => ({
-      info: write2("info"),
-      success: write2("success"),
-      warning: write2("warning"),
-      error: write2("error")
+      info: write("info"),
+      success: write("success"),
+      warning: write("warning"),
+      error: write("error")
     }),
-    [write2]
+    [write]
   );
   const markFailed = useCallback8(
     (err) => {
@@ -33030,776 +33028,132 @@ var LIGHT_SWATCH = BUILTIN_THEMES.find(
 ).swatch;
 var DARK_SWATCH = BUILTIN_THEMES.find((theme2) => theme2.id === "dark").swatch;
 
-// src/ui/settings/sync/LinkServerDialog.tsx
-init_define_import_meta_env();
-import { useEffect as useEffect17, useState as useState24 } from "react";
-import { useTranslation as useTranslation26 } from "react-i18next";
-import { toast as toast5 } from "sonner";
-
-// src/ui/auth/ElectronLoginForm.tsx
+// src/ui/plugin-host/NativeView.tsx
 init_define_import_meta_env();
-import { useState as useState23, useEffect as useEffect16, useRef as useRef14, useCallback as useCallback10 } from "react";
-import { useTranslation as useTranslation24 } from "react-i18next";
-import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
-var AUTH_MESSAGE_SOURCES = /* @__PURE__ */ new Set([
-  "auth_component",
-  "second_factor_auth_component",
-  "method_auth_component",
-  "oidc_callback"
-]);
-function ElectronLoginForm({
-  serverUrl,
-  onAuthSuccess,
-  onChangeServer,
-  targetPurpose = "local"
+import { useEffect as useEffect16, useRef as useRef14 } from "react";
+import { Fragment as Fragment8, jsx as jsx53 } from "react/jsx-runtime";
+function embeddedViewApi() {
+  if (typeof window === "undefined") return null;
+  const api = window.electronAPI?.embeddedView;
+  return api ?? null;
+}
+var OVERLAY = [
+  '[role="dialog"]',
+  '[role="alertdialog"]',
+  '[role="menu"]',
+  '[role="listbox"]',
+  "[data-radix-popper-content-wrapper]"
+].join(",");
+function overlayOpen(host) {
+  return Array.from(document.querySelectorAll(OVERLAY)).some(
+    (node) => !host.contains(node)
+  );
+}
+function NativeView({
+  url,
+  ignoreCert,
+  hidden,
+  fallback,
+  className,
+  style
 }) {
-  const { t: t3 } = useTranslation24();
-  const [loading, setLoading] = useState23(true);
-  const [error, setError] = useState23(null);
-  const [isAuthenticating, setIsAuthenticating] = useState23(false);
-  const isAuthenticatingRef = useRef14(false);
-  const iframeRef = useRef14(null);
-  const hasAuthenticatedRef = useRef14(false);
-  const [currentUrl, setCurrentUrl] = useState23(serverUrl);
-  const hasLoadedOnce = useRef14(false);
-  const onAuthSuccessRef = useRef14(onAuthSuccess);
+  const host = useRef14(null);
+  const api = embeddedViewApi();
+  const hiddenRef = useRef14(!!hidden);
+  hiddenRef.current = !!hidden;
+  const sync = useRef14(() => {
+  });
   useEffect16(() => {
-    onAuthSuccessRef.current = onAuthSuccess;
-  }, [onAuthSuccess]);
-  const handleAuthSuccess = useCallback10(
-    async (token) => {
-      if (hasAuthenticatedRef.current || isAuthenticatingRef.current) return;
-      hasAuthenticatedRef.current = true;
-      isAuthenticatingRef.current = true;
-      setIsAuthenticating(true);
-      try {
-        if (targetPurpose === "link") {
-          if (!token) {
-            throw new Error(t3("errors.authTokenMissing"));
-          }
-        } else if (token) {
-          localStorage.setItem("jwt", token);
-        }
-        await onAuthSuccessRef.current(token);
-      } catch (err) {
-        setError(
-          err instanceof Error && err.message ? err.message : t3("errors.authTokenSaveFailed")
-        );
-        isAuthenticatingRef.current = false;
-        setIsAuthenticating(false);
-        hasAuthenticatedRef.current = false;
+    const element = host.current;
+    const view = embeddedViewApi();
+    if (!element || !view) return;
+    const id = crypto.randomUUID();
+    let opened = false;
+    let lastBounds = "";
+    let lastVisible = null;
+    let frame = 0;
+    const update = () => {
+      frame = 0;
+      const rect = element.getBoundingClientRect();
+      const bounds = {
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      };
+      const visible = !hiddenRef.current && rect.width > 0 && rect.height > 0 && element.offsetParent !== null && !overlayOpen(element);
+      if (!opened) {
+        opened = true;
+        lastBounds = JSON.stringify(bounds);
+        lastVisible = visible;
+        void view.open({ id, url, ignoreCert, bounds, visible });
+        return;
       }
-    },
-    [t3, targetPurpose]
-  );
-  useEffect16(() => {
-    let serverOrigin;
-    try {
-      serverOrigin = new URL(serverUrl).origin;
-    } catch {
-      return;
-    }
-    const handleMessage = async (event) => {
-      try {
-        if (event.source !== iframeRef.current?.contentWindow) return;
-        if (event.origin !== serverOrigin) return;
-        if (!event.data || typeof event.data !== "object") return;
-        const {
-          type,
-          platform,
-          source,
-          token,
-          authUrl,
-          callbackPort,
-          providerId
-        } = event.data;
-        if (type === "AUTH_SUCCESS" && platform === "desktop" && AUTH_MESSAGE_SOURCES.has(source)) {
-          await handleAuthSuccess(token ?? null);
-          return;
-        }
-        if (type === "OIDC_SYSTEM_BROWSER_AUTH" && authUrl && callbackPort) {
-          const sendResultToIframe = (result2) => {
-            iframeRef.current?.contentWindow?.postMessage(
-              {
-                type: "OIDC_SYSTEM_BROWSER_AUTH_RESULT",
-                source: "oidc_system_browser_auth",
-                providerId,
-                ...result2
-              },
-              serverOrigin
-            );
-          };
-          const electronAPI = window.electronAPI;
-          if (!electronAPI?.externalBrowserLogin) {
-            sendResultToIframe({
-              success: false,
-              error: t3("errors.failedExternalLogin")
-            });
-            return;
-          }
-          const result = await electronAPI.externalBrowserLogin(
-            authUrl,
-            callbackPort
-          );
-          if (result.success && result.token) {
-            await handleAuthSuccess(result.token);
-            return;
-          }
-          if (result.secondFactor) {
-            sendResultToIframe({
-              success: false,
-              secondFactor: true,
-              tempToken: result.tempToken,
-              factors: result.factors
-            });
-            return;
-          }
-          sendResultToIframe({
-            success: false,
-            error: result.error || t3("errors.failedExternalLogin")
-          });
-        }
-      } catch (err) {
-        const providerId = event.data && typeof event.data === "object" && typeof event.data.providerId === "number" ? event.data.providerId : void 0;
-        const error2 = getErrorMessage(err, t3("errors.failedExternalLogin"));
-        iframeRef.current?.contentWindow?.postMessage(
-          {
-            type: "OIDC_SYSTEM_BROWSER_AUTH_RESULT",
-            source: "oidc_system_browser_auth",
-            providerId,
-            success: false,
-            error: error2
-          },
-          serverOrigin
-        );
+      const key = JSON.stringify(bounds);
+      if (key !== lastBounds) {
+        lastBounds = key;
+        void view.setBounds(id, bounds);
       }
-    };
-    window.addEventListener("message", handleMessage);
-    return () => window.removeEventListener("message", handleMessage);
-  }, [handleAuthSuccess, serverUrl, t3]);
-  useEffect16(() => {
-    const iframe = iframeRef.current;
-    if (!iframe) return;
-    const handleLoad = () => {
-      setLoading(false);
-      hasLoadedOnce.current = true;
-      setError(null);
-      try {
-        if (iframe.contentWindow) {
-          setCurrentUrl(iframe.contentWindow.location.href);
-        }
-      } catch {
-        setCurrentUrl(serverUrl);
+      if (visible !== lastVisible) {
+        lastVisible = visible;
+        void view.setVisible(id, visible);
       }
     };
-    const handleError = () => {
-      setLoading(false);
-      if (hasLoadedOnce.current) {
-        setError(t3("errors.failedToLoadServer"));
-      }
+    const schedule = () => {
+      if (!frame) frame = requestAnimationFrame(update);
     };
-    iframe.addEventListener("load", handleLoad);
-    iframe.addEventListener("error", handleError);
+    sync.current = schedule;
+    const resize = new ResizeObserver(schedule);
+    resize.observe(element);
+    const mutations = new MutationObserver(schedule);
+    mutations.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["class", "style", "hidden", "data-state"]
+    });
+    window.addEventListener("resize", schedule);
+    window.addEventListener("scroll", schedule, true);
+    const timer = window.setInterval(schedule, 500);
+    schedule();
     return () => {
-      iframe.removeEventListener("load", handleLoad);
-      iframe.removeEventListener("error", handleError);
+      sync.current = () => {
+      };
+      resize.disconnect();
+      mutations.disconnect();
+      window.removeEventListener("resize", schedule);
+      window.removeEventListener("scroll", schedule, true);
+      window.clearInterval(timer);
+      if (frame) cancelAnimationFrame(frame);
+      void view.close(id);
     };
-  }, [serverUrl, t3]);
-  const handleRefresh = () => {
-    if (iframeRef.current) {
-      iframeRef.current.src = serverUrl;
-      setLoading(true);
-      setError(null);
-    }
-  };
-  const displayUrl = currentUrl.replace(/^https?:\/\//, "");
-  return /* @__PURE__ */ jsxs40("div", { className: "relative w-full h-full bg-background flex flex-col", children: [
-    isAuthenticating && /* @__PURE__ */ jsx53("div", { className: "absolute inset-0 flex items-center justify-center bg-background z-50", children: /* @__PURE__ */ jsx53(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" }) }),
-    !isAuthenticating && /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between p-4 pr-12 bg-background border-b border-border", children: [
-      /* @__PURE__ */ jsxs40(
-        "button",
-        {
-          onClick: onChangeServer,
-          className: "flex items-center gap-2 text-foreground hover:text-primary transition-colors",
-          children: [
-            /* @__PURE__ */ jsx53(ArrowLeft, { className: "h-5 w-5" }),
-            /* @__PURE__ */ jsx53("span", { className: "text-base font-medium", children: t3("sync.wizard.back") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx53("div", { className: "flex-1 mx-4 text-center", children: /* @__PURE__ */ jsx53("span", { className: "text-muted-foreground text-sm truncate block", children: displayUrl }) }),
-      /* @__PURE__ */ jsx53(
-        "button",
-        {
-          onClick: handleRefresh,
-          className: "p-2 text-foreground hover:text-primary transition-colors",
-          disabled: loading,
-          children: /* @__PURE__ */ jsx53(RefreshCw, { className: `h-5 w-5 ${loading ? "animate-spin" : ""}` })
-        }
-      )
-    ] }),
-    error && !isAuthenticating && /* @__PURE__ */ jsx53("div", { className: "absolute top-20 left-1/2 transform -translate-x-1/2 z-50 w-full max-w-md px-4", children: /* @__PURE__ */ jsxs40(Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ jsx53(CircleAlert, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx53(AlertTitle, { children: t3("common.error") }),
-      /* @__PURE__ */ jsx53(AlertDescription, { children: error })
-    ] }) }),
-    loading && !isAuthenticating && /* @__PURE__ */ jsx53(
-      "div",
-      {
-        className: "absolute inset-0 flex items-center justify-center bg-background z-40",
-        style: { marginTop: "60px" },
-        children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsx53(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" }),
-          /* @__PURE__ */ jsx53("span", { className: "ml-3 text-muted-foreground", children: t3("auth.loadingServer") })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx53(
-      "div",
-      {
-        className: "flex-1 overflow-hidden",
-        style: { visibility: isAuthenticating ? "hidden" : "visible" },
-        children: /* @__PURE__ */ jsx53(
-          "iframe",
-          {
-            ref: iframeRef,
-            src: serverUrl,
-            className: "w-full h-full border-0",
-            title: t3("auth.serverAuthentication"),
-            sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation allow-top-navigation allow-top-navigation-by-user-activation allow-modals allow-downloads",
-            allow: "clipboard-read; clipboard-write; publickey-credentials-get; publickey-credentials-create"
-          }
-        )
-      }
-    )
-  ] });
-}
-
-// src/ui/settings/sync/ProxySettingsFields.tsx
-init_define_import_meta_env();
-import { useTranslation as useTranslation25 } from "react-i18next";
-import { jsx as jsx54, jsxs as jsxs41 } from "react/jsx-runtime";
-function ProxySettingsFields({
-  customHeaders,
-  basicAuth,
-  onChange
-}) {
-  const { t: t3 } = useTranslation25();
-  const setHeader = (index, patch) => {
-    onChange({
-      customHeaders: customHeaders.map(
-        (header, i2) => i2 === index ? { ...header, ...patch } : header
-      )
-    });
-  };
-  return /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-4 border border-border p-3", children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx54("span", { className: "text-xs font-semibold", children: t3("sync.proxy.headersTitle") }),
-        /* @__PURE__ */ jsx54("span", { className: "text-[10px] text-muted-foreground", children: t3("sync.proxy.headersHint") })
-      ] }),
-      customHeaders.map((header, index) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx54(
-          Input,
-          {
-            className: "rounded-none h-8 text-xs",
-            placeholder: t3("sync.proxy.headerName"),
-            value: header.name,
-            onChange: (event) => setHeader(index, { name: event.target.value })
-          }
-        ),
-        /* @__PURE__ */ jsx54(
-          PasswordInput,
-          {
-            className: "rounded-none h-8 text-xs",
-            placeholder: header.set ? t3("sync.proxy.savedValue") : t3("sync.proxy.headerValue"),
-            value: header.value,
-            onChange: (event) => setHeader(index, { value: event.target.value })
-          }
-        ),
-        /* @__PURE__ */ jsx54(
-          "button",
-          {
-            type: "button",
-            "aria-label": t3("sync.proxy.removeHeader"),
-            className: "p-1.5 text-muted-foreground hover:text-destructive",
-            onClick: () => onChange({
-              customHeaders: customHeaders.filter((_, i2) => i2 !== index)
-            }),
-            children: /* @__PURE__ */ jsx54(Trash, { className: "size-3.5" })
-          }
-        )
-      ] }, index)),
-      /* @__PURE__ */ jsxs41(
-        "button",
-        {
-          type: "button",
-          className: "self-start flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-muted-foreground hover:text-foreground",
-          onClick: () => onChange({
-            customHeaders: [...customHeaders, { name: "", value: "" }]
-          }),
-          children: [
-            /* @__PURE__ */ jsx54(Plus, { className: "size-3" }),
-            t3("sync.proxy.addHeader")
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-2 border-t border-border pt-3", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx54("span", { className: "text-xs font-semibold", children: t3("sync.proxy.basicAuthTitle") }),
-          /* @__PURE__ */ jsx54("span", { className: "text-[10px] text-muted-foreground", children: t3("sync.proxy.basicAuthHint") })
-        ] }),
-        /* @__PURE__ */ jsx54(
-          Switch2,
-          {
-            checked: !!basicAuth,
-            onCheckedChange: (checked) => onChange({
-              basicAuth: checked ? { username: "", password: "" } : null
-            })
-          }
-        )
-      ] }),
-      basicAuth && /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx54(
-          Input,
-          {
-            className: "rounded-none h-8 text-xs",
-            placeholder: t3("sync.proxy.username"),
-            value: basicAuth.username,
-            onChange: (event) => onChange({
-              basicAuth: { ...basicAuth, username: event.target.value }
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx54(
-          PasswordInput,
-          {
-            className: "rounded-none h-8 text-xs",
-            placeholder: basicAuth.set ? t3("sync.proxy.savedValue") : t3("sync.proxy.password"),
-            value: basicAuth.password,
-            onChange: (event) => onChange({
-              basicAuth: { ...basicAuth, password: event.target.value }
-            })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-// src/ui/settings/sync/saved-servers.ts
-init_define_import_meta_env();
-var SAVED_URLS_KEY = "termix_saved_server_urls";
-var MAX_SAVED_URLS = 5;
-function getSavedServerUrls() {
-  try {
-    const parsed = JSON.parse(localStorage.getItem(SAVED_URLS_KEY) ?? "[]");
-    return Array.isArray(parsed) ? parsed.filter((url) => typeof url === "string") : [];
-  } catch {
-    return [];
-  }
-}
-function write(urls) {
-  try {
-    localStorage.setItem(SAVED_URLS_KEY, JSON.stringify(urls));
-  } catch {
-  }
-}
-function rememberServerUrl(url) {
-  const trimmed = url.trim().replace(/\/+$/, "");
-  if (!trimmed) return getSavedServerUrls();
-  const urls = [
-    trimmed,
-    ...getSavedServerUrls().filter((saved) => saved !== trimmed)
-  ].slice(0, MAX_SAVED_URLS);
-  write(urls);
-  return urls;
-}
-function forgetServerUrl(url) {
-  const urls = getSavedServerUrls().filter((saved) => saved !== url);
-  write(urls);
-  return urls;
-}
-
-// src/ui/settings/sync/LinkServerDialog.tsx
-import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
-function problemText(t3, problem, message) {
-  switch (problem) {
-    case "invalid_url":
-      return t3("sync.problems.invalidUrl");
-    case "tls_untrusted":
-      return t3("sync.problems.tlsUntrusted");
-    case "basic_auth_required":
-      return t3("sync.problems.basicAuthRequired");
-    case "proxy_login":
-      return t3("sync.problems.proxyLogin");
-    case "not_termix":
-      return t3("sync.problems.notTermix");
-    case "version_mismatch":
-      return t3("sync.problems.versionMismatch");
-    case "different_account":
-      return t3("sync.problems.differentAccount");
-    default:
-      return message ? t3("sync.problems.unreachableWithReason", { reason: message }) : t3("sync.problems.unreachable");
-  }
-}
-function LinkServerDialog({
-  open,
-  onOpenChange,
-  onLinked,
-  relogin
-}) {
-  const { t: t3 } = useTranslation26();
-  const [step, setStep] = useState24(relogin ? "signin" : "server");
-  const [savedUrls, setSavedUrls] = useState24(getSavedServerUrls);
-  const [target, setTarget] = useState24({
-    serverUrl: relogin?.serverUrl ?? "",
-    customHeaders: [],
-    basicAuth: null,
-    allowInvalidCertificate: false
-  });
-  const [showAdvanced, setShowAdvanced] = useState24(false);
-  const [checking, setChecking] = useState24(false);
-  const [problem, setProblem] = useState24(null);
-  const [problemKind, setProblemKind] = useState24(null);
-  const [serverName, setServerName] = useState24();
-  const [token, setToken] = useState24(null);
-  const [counts, setCounts] = useState24({});
-  const [mode, setMode] = useState24("merge");
-  const [finishError, setFinishError] = useState24(null);
-  useEffect17(() => {
-    if (!open) return;
-    setStep(relogin ? "signin" : "server");
-    setProblem(null);
-    setProblemKind(null);
-    setToken(null);
-    setFinishError(null);
-    setMode("merge");
-    if (relogin) {
-      setTarget((current) => ({ ...current, serverUrl: relogin.serverUrl }));
-      return;
-    }
-    window.electronAPI?.invoke?.("get-previous-server-url").then((result) => {
-      const url = result?.serverUrl;
-      if (url) {
-        setTarget(
-          (current) => current.serverUrl ? current : { ...current, serverUrl: url }
-        );
-      }
-    }).catch(() => {
-    });
-  }, [open, relogin]);
-  const handleCheck = async () => {
-    setChecking(true);
-    setProblem(null);
-    setProblemKind(null);
-    try {
-      const result = await probeServer(target);
-      if (!result.ok) {
-        setProblemKind(result.problem ?? null);
-        setProblem(problemText(t3, result.problem, result.message));
-        if (result.problem === "basic_auth_required" || result.problem === "proxy_login") {
-          setShowAdvanced(true);
-        }
-        if (result.problem === "basic_auth_required" && !target.basicAuth) {
-          setTarget((current) => ({
-            ...current,
-            basicAuth: { username: "", password: "" }
-          }));
-        }
-        return;
-      }
-      setTarget((current) => ({
-        ...current,
-        serverUrl: result.serverUrl ?? current.serverUrl
-      }));
-      setServerName(result.name);
-      setStep("signin");
-    } catch {
-      setProblem(problemText(t3, "unreachable", void 0));
-    } finally {
-      setChecking(false);
-    }
-  };
-  const finish = async (sessionToken, chosen) => {
-    setStep("finishing");
-    setFinishError(null);
-    try {
-      const status = await completeLink({
-        ...target,
-        token: sessionToken,
-        mode: chosen,
-        serverName
-      });
-      rememberServerUrl(target.serverUrl);
-      toast5.success(t3("sync.wizard.linked"));
-      onLinked(status);
-      onOpenChange(false);
-    } catch (error) {
-      const data = error?.response?.data;
-      setFinishError(problemText(t3, data?.problem, data?.message));
-      setStep("choose");
-    }
-  };
-  const handleSignedIn = async (sessionToken) => {
-    if (!sessionToken) return;
-    if (relogin) {
-      try {
-        const status = await reloginLink(sessionToken);
-        toast5.success(t3("sync.wizard.signedInAgain"));
-        onLinked(status);
-        onOpenChange(false);
-      } catch (error) {
-        const data = error?.response?.data;
-        throw new Error(
-          data?.error === "different_account" ? t3("sync.problems.differentAccount") : problemText(t3, data?.problem, data?.message)
-        );
-      }
-      return;
-    }
-    setToken(sessionToken);
-    const preview = await getLinkPreview().catch(() => ({}));
-    setCounts(preview);
-    const total = Object.values(preview).reduce((sum, count) => sum + count, 0);
-    if (total === 0) {
-      await finish(sessionToken, "merge");
-      return;
-    }
-    setStep("choose");
-  };
-  const localTotal = Object.values(counts).reduce(
-    (sum, count) => sum + count,
-    0
-  );
-  const wide = step === "signin";
-  const title = relogin ? t3("sync.wizard.reloginTitle") : t3("sync.wizard.title");
-  const description = step === "server" ? t3("sync.wizard.serverDescription") : step === "signin" ? t3("sync.wizard.signinDescription", { url: target.serverUrl }) : step === "choose" ? t3("sync.wizard.chooseDescription") : t3("sync.wizard.finishingDescription");
-  const content2 = /* @__PURE__ */ jsxs42(Fragment8, { children: [
-    step === "server" && /* @__PURE__ */ jsxs42(
-      "form",
-      {
-        className: "flex flex-col gap-4",
-        onSubmit: (event) => {
-          event.preventDefault();
-          void handleCheck();
-        },
-        children: [
-          /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx55("label", { className: "text-xs font-semibold", htmlFor: "sync-server-url", children: t3("sync.wizard.serverUrl") }),
-            /* @__PURE__ */ jsx55(
-              Input,
-              {
-                id: "sync-server-url",
-                autoFocus: true,
-                className: "rounded-none",
-                placeholder: "https://termix.example.com",
-                value: target.serverUrl,
-                onChange: (event) => setTarget({ ...target, serverUrl: event.target.value })
-              }
-            ),
-            /* @__PURE__ */ jsx55("p", { className: "text-[10px] text-muted-foreground", children: t3("sync.wizard.serverUrlHint") }),
-            !relogin && savedUrls.length > 0 && /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1 pt-1", children: [
-              /* @__PURE__ */ jsx55("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: t3("sync.wizard.savedServers") }),
-              savedUrls.map((url) => /* @__PURE__ */ jsxs42(
-                "div",
-                {
-                  className: "flex items-center border border-border hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsx55(
-                      "button",
-                      {
-                        type: "button",
-                        className: "flex-1 min-w-0 truncate px-2 py-1.5 text-left font-mono text-xs",
-                        onClick: () => setTarget({ ...target, serverUrl: url }),
-                        children: url
-                      }
-                    ),
-                    /* @__PURE__ */ jsx55(
-                      "button",
-                      {
-                        type: "button",
-                        title: t3("sync.wizard.removeServer"),
-                        className: "px-2 py-1.5 text-muted-foreground hover:text-destructive",
-                        onClick: () => setSavedUrls(forgetServerUrl(url)),
-                        children: /* @__PURE__ */ jsx55(X, { className: "size-3" })
-                      }
-                    )
-                  ]
-                },
-                url
-              ))
-            ] })
-          ] }),
-          problem && /* @__PURE__ */ jsxs42("div", { className: "flex gap-2 border border-destructive/40 bg-destructive/10 p-2.5 text-xs", children: [
-            /* @__PURE__ */ jsx55(CircleAlert, { className: "size-4 shrink-0 text-destructive" }),
-            /* @__PURE__ */ jsx55("span", { children: problem })
-          ] }),
-          (problemKind === "tls_untrusted" || target.allowInvalidCertificate) && /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between gap-3 border border-border p-2.5", children: [
-            /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0.5", children: [
-              /* @__PURE__ */ jsx55("span", { className: "text-xs font-medium", children: t3("sync.proxy.allowInvalidCertificate") }),
-              /* @__PURE__ */ jsx55("span", { className: "text-[10px] text-muted-foreground", children: t3("sync.proxy.allowInvalidCertificateHint") })
-            ] }),
-            /* @__PURE__ */ jsx55(
-              Switch2,
-              {
-                checked: !!target.allowInvalidCertificate,
-                onCheckedChange: (checked) => setTarget({ ...target, allowInvalidCertificate: checked })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx55(
-            "button",
-            {
-              type: "button",
-              className: "self-start text-[10px] font-bold uppercase tracking-widest text-muted-foreground hover:text-foreground",
-              onClick: () => setShowAdvanced((value) => !value),
-              children: showAdvanced ? t3("sync.wizard.hideProxySettings") : t3("sync.wizard.showProxySettings")
-            }
-          ),
-          showAdvanced && /* @__PURE__ */ jsx55(
-            ProxySettingsFields,
-            {
-              customHeaders: target.customHeaders ?? [],
-              basicAuth: target.basicAuth ?? null,
-              onChange: (next) => setTarget({ ...target, ...next })
-            }
-          ),
-          /* @__PURE__ */ jsxs42("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsx55(
-              Button,
-              {
-                type: "button",
-                variant: "outline",
-                className: "rounded-none",
-                onClick: () => onOpenChange(false),
-                children: t3("common.cancel")
-              }
-            ),
-            /* @__PURE__ */ jsxs42(
-              Button,
-              {
-                variant: "outline",
-                type: "submit",
-                className: "rounded-none border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
-                disabled: checking || !target.serverUrl.trim(),
-                children: [
-                  checking && /* @__PURE__ */ jsx55(LoaderCircle, { className: "size-4 animate-spin" }),
-                  t3("sync.wizard.continue")
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    step === "signin" && /* @__PURE__ */ jsx55("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx55(
-      ElectronLoginForm,
-      {
-        serverUrl: target.serverUrl,
-        targetPurpose: "link",
-        onAuthSuccess: handleSignedIn,
-        onChangeServer: () => relogin ? onOpenChange(false) : setStep("server")
-      }
-    ) }),
-    step === "choose" && /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-3", children: [
-      finishError && /* @__PURE__ */ jsxs42("div", { className: "flex gap-2 border border-destructive/40 bg-destructive/10 p-2.5 text-xs", children: [
-        /* @__PURE__ */ jsx55(CircleAlert, { className: "size-4 shrink-0 text-destructive" }),
-        /* @__PURE__ */ jsx55("span", { children: finishError })
-      ] }),
-      [
-        {
-          value: "merge",
-          title: t3("sync.wizard.mergeTitle"),
-          body: t3("sync.wizard.mergeBody", { count: localTotal })
-        },
-        {
-          value: "replace",
-          title: t3("sync.wizard.replaceTitle"),
-          body: t3("sync.wizard.replaceBody", { count: localTotal })
-        }
-      ].map((option) => /* @__PURE__ */ jsxs42(
-        "button",
-        {
-          type: "button",
-          onClick: () => setMode(option.value),
-          className: `text-left border p-3 flex flex-col gap-1 transition-colors ${mode === option.value ? "border-accent-brand bg-accent-brand/10" : "border-border hover:bg-muted/40"}`,
-          children: [
-            /* @__PURE__ */ jsx55("span", { className: "text-sm font-semibold", children: option.title }),
-            /* @__PURE__ */ jsx55("span", { className: "text-xs text-muted-foreground", children: option.body })
-          ]
-        },
-        option.value
-      )),
-      /* @__PURE__ */ jsxs42("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx55(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            className: "rounded-none",
-            onClick: () => onOpenChange(false),
-            children: t3("common.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx55(
-          Button,
-          {
-            variant: "outline",
-            type: "button",
-            className: "rounded-none border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
-            disabled: !token,
-            onClick: () => token && void finish(token, mode),
-            children: t3("sync.wizard.link")
-          }
-        )
-      ] })
-    ] }),
-    step === "finishing" && /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3 py-6 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx55(LoaderCircle, { className: "size-5 animate-spin text-accent-brand" }),
-      t3("sync.wizard.linking")
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs42(
-    InlineView,
-    {
-      open,
-      onOpenChange,
-      title,
-      width: "wide",
-      scroll: !wide,
-      children: [
-        !wide && /* @__PURE__ */ jsxs42("p", { className: "text-xs text-muted-foreground", children: [
-          description,
-          " ",
-          step === "server" && /* @__PURE__ */ jsx55(DocsLink, { core: "desktopSync" })
-        ] }),
-        content2
-      ]
-    }
-  );
+  }, [url, ignoreCert]);
+  useEffect16(() => {
+    sync.current();
+  }, [hidden]);
+  if (!api) return /* @__PURE__ */ jsx53(Fragment8, { children: fallback ?? null });
+  return /* @__PURE__ */ jsx53("div", { ref: host, className, style });
 }
 
 // src/ui/shell/split/SplitLayoutMenu.tsx
 init_define_import_meta_env();
 import { useMemo as useMemo9 } from "react";
-import { useTranslation as useTranslation27 } from "react-i18next";
-import { jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
+import { useTranslation as useTranslation24 } from "react-i18next";
+import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
 function NodeThumb({ node }) {
   if (node.kind === "pane") {
-    return /* @__PURE__ */ jsx56("div", { className: "size-full border border-current" });
+    return /* @__PURE__ */ jsx54("div", { className: "size-full border border-current" });
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       className: `flex size-full gap-0.5 ${node.direction === "row" ? "flex-row" : "flex-col"}`,
-      children: node.children.map((child, index) => /* @__PURE__ */ jsx56(
+      children: node.children.map((child, index) => /* @__PURE__ */ jsx54(
         "div",
         {
           className: "min-w-0 min-h-0",
           style: { flex: `${node.sizes[index]} 1 0px` },
-          children: /* @__PURE__ */ jsx56(NodeThumb, { node: child })
+          children: /* @__PURE__ */ jsx54(NodeThumb, { node: child })
         },
         child.id
       ))
@@ -33808,7 +33162,7 @@ function NodeThumb({ node }) {
 }
 function PresetThumb({ id }) {
   const node = useMemo9(() => buildPreset(id), [id]);
-  return /* @__PURE__ */ jsx56(NodeThumb, { node });
+  return /* @__PURE__ */ jsx54(NodeThumb, { node });
 }
 function SplitLayoutMenu({
   activeIsSplit,
@@ -33816,10 +33170,10 @@ function SplitLayoutMenu({
   onSplit,
   onPreset
 }) {
-  const { t: t3 } = useTranslation27();
+  const { t: t3 } = useTranslation24();
   const fullTitle = canAddPane ? void 0 : t3("splitScreen.maxPanes", { count: MAX_PANES });
-  return /* @__PURE__ */ jsxs43(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx56(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx54(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx54(
       Button,
       {
         variant: "ghost",
@@ -33827,65 +33181,65 @@ function SplitLayoutMenu({
         className: `h-full w-12.5 rounded-none ${activeIsSplit ? "text-accent-brand" : "text-muted-foreground hover:text-foreground"}`,
         title: t3("splitScreen.title"),
         "aria-label": t3("splitScreen.title"),
-        children: /* @__PURE__ */ jsx56(LayoutPanelLeft, { className: "size-4" })
+        children: /* @__PURE__ */ jsx54(LayoutPanelLeft, { className: "size-4" })
       }
     ) }),
-    /* @__PURE__ */ jsxs43(
+    /* @__PURE__ */ jsxs40(
       DropdownMenuContent,
       {
         align: "end",
         sideOffset: 1,
         className: "w-64 border-t-0 [clip-path:inset(0px_-4px_-4px_-4px)] p-1",
         children: [
-          /* @__PURE__ */ jsxs43(
+          /* @__PURE__ */ jsxs40(
             DropdownMenuItem,
             {
               disabled: !canAddPane,
               title: fullTitle,
               onSelect: () => onSplit("right"),
               children: [
-                /* @__PURE__ */ jsx56(Columns2, { className: "size-3.5" }),
+                /* @__PURE__ */ jsx54(Columns2, { className: "size-3.5" }),
                 t3("splitScreen.splitRight"),
-                /* @__PURE__ */ jsx56(DropdownMenuShortcut, { children: "Ctrl+Shift+\\" })
+                /* @__PURE__ */ jsx54(DropdownMenuShortcut, { children: "Ctrl+Shift+\\" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs43(
+          /* @__PURE__ */ jsxs40(
             DropdownMenuItem,
             {
               disabled: !canAddPane,
               title: fullTitle,
               onSelect: () => onSplit("bottom"),
               children: [
-                /* @__PURE__ */ jsx56(Rows2, { className: "size-3.5" }),
+                /* @__PURE__ */ jsx54(Rows2, { className: "size-3.5" }),
                 t3("splitScreen.splitDown"),
-                /* @__PURE__ */ jsx56(DropdownMenuShortcut, { children: "Ctrl+Shift+-" })
+                /* @__PURE__ */ jsx54(DropdownMenuShortcut, { children: "Ctrl+Shift+-" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx56(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: activeIsSplit ? t3("splitScreen.applyLayout") : t3("splitScreen.layouts") }),
-          /* @__PURE__ */ jsx56("div", { className: "grid grid-cols-4 gap-1 p-1", children: SPLIT_PRESETS.map((preset) => /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx54(DropdownMenuLabel, { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: activeIsSplit ? t3("splitScreen.applyLayout") : t3("splitScreen.layouts") }),
+          /* @__PURE__ */ jsx54("div", { className: "grid grid-cols-4 gap-1 p-1", children: SPLIT_PRESETS.map((preset) => /* @__PURE__ */ jsx54(
             DropdownMenuItem,
             {
               className: "flex h-12 items-center justify-center p-1.5 text-muted-foreground focus:text-accent-brand",
               title: t3(preset.titleKey),
               "aria-label": t3(preset.titleKey),
               onSelect: () => onPreset(preset.id),
-              children: /* @__PURE__ */ jsx56("div", { className: "h-8 w-11", children: /* @__PURE__ */ jsx56(PresetThumb, { id: preset.id }) })
+              children: /* @__PURE__ */ jsx54("div", { className: "h-8 w-11", children: /* @__PURE__ */ jsx54(PresetThumb, { id: preset.id }) })
             },
             preset.id
           )) }),
-          /* @__PURE__ */ jsx56(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: t3("splitScreen.shortcuts") }),
-          /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-1 px-2 pb-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx56("span", { children: t3("splitScreen.shortcutNavigate") }),
-              /* @__PURE__ */ jsx56("kbd", { className: "font-mono text-[10px]", children: paneNavHotkeyLabel() })
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx54(DropdownMenuLabel, { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: t3("splitScreen.shortcuts") }),
+          /* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-1 px-2 pb-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx54("span", { children: t3("splitScreen.shortcutNavigate") }),
+              /* @__PURE__ */ jsx54("kbd", { className: "font-mono text-[10px]", children: paneNavHotkeyLabel() })
             ] }),
-            /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx56("span", { children: t3("splitScreen.zoom") }),
-              /* @__PURE__ */ jsx56("kbd", { className: "font-mono text-[10px]", children: "Ctrl+Shift+Enter" })
+            /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx54("span", { children: t3("splitScreen.zoom") }),
+              /* @__PURE__ */ jsx54("kbd", { className: "font-mono text-[10px]", children: "Ctrl+Shift+Enter" })
             ] })
           ] })
         ]
@@ -33896,23 +33250,27 @@ function SplitLayoutMenu({
 
 // src/ui/sidebar/AuthEnrollmentSections.tsx
 init_define_import_meta_env();
-import { useTranslation as useTranslation28 } from "react-i18next";
-import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
-function AuthEnrollmentSections() {
-  const { t: t3 } = useTranslation28();
-  const sections = [...useLoginMethods(), ...useSecondFactors()].filter(
+import { useTranslation as useTranslation25 } from "react-i18next";
+import { jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
+function AuthEnrollmentSections({
+  factorsOnly = false
+} = {}) {
+  const { t: t3 } = useTranslation25();
+  const methods = useLoginMethods();
+  const factors = useSecondFactors();
+  const sections = [...factorsOnly ? [] : methods, ...factors].filter(
     (entry) => entry.enrollment
   );
   if (sections.length === 0) return null;
-  return /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-4", children: sections.map((entry) => {
+  return /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-4", children: sections.map((entry) => {
     const Enrollment = entry.enrollment;
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs41(
       "div",
       {
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ jsx57("span", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t3(entry.titleKey) }),
-          /* @__PURE__ */ jsx57(Enrollment, {})
+          /* @__PURE__ */ jsx55("span", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t3(entry.titleKey) }),
+          /* @__PURE__ */ jsx55(Enrollment, {})
         ]
       },
       `${entry.pluginId}:${entry.id}`
@@ -34027,7 +33385,6 @@ export {
   LANGUAGES,
   Label,
   LineChart,
-  LinkServerDialog,
   ListBadge,
   ListRow,
   ListRowAction,
@@ -34040,6 +33397,7 @@ export {
   Meter,
   MetricCard,
   MiniStat,
+  NativeView,
   NumberField,
   OPEN_PLUGINS_EVENT,
   PANEL,
@@ -34061,7 +33419,6 @@ export {
   PopoverAnchor,
   PopoverContent,
   PopoverTrigger,
-  ProxySettingsFields,
   RadialGauge,
   Repeater,
   RobustClipboardProvider,
@@ -34205,8 +33562,10 @@ export {
   getHostDefaultsLevel,
   getHostEditorSection,
   getHostPassword,
+  getHostPolicy,
   getHostSidebarPreferences,
   getHostTags,
+  getHttpsSettings,
   getLiveHostStatus,
   getLogLevel,
   getNotificationPrivateEndpoints,
@@ -34232,8 +33591,6 @@ export {
   getSessions,
   getStatusCheckSettings,
   getStatusClasses,
-  getSyncConflicts,
-  getSyncErrors,
   getTabType,
   getTlsStatus,
   getUpdateChannel,
@@ -34298,7 +33655,6 @@ export {
   railItemLabel,
   readFromClipboard,
   recordHostActionPreference,
-  refreshSyncStatus,
   registerLayout,
   registerTabCloseGuard,
   releaseUrlFrom,
@@ -34321,7 +33677,6 @@ export {
   resolveHostDefaults,
   resolveHostTabType,
   resolveRemoteHostId,
-  retrySyncErrors,
   revokeAllUserSessions,
   revokeCredentialAccess,
   revokeFolderAccess,
@@ -34345,25 +33700,22 @@ export {
   setHostAuthOverride,
   setNotificationPrivateEndpoints,
   setPluginOptions,
-  setSyncStatus,
   setUpdateChannel,
-  settleSyncConflict,
   shareCredential,
   shareFolder,
   shareHost,
   shell,
   splitDefaultKey,
   sshHostToHost,
-  syncNow,
   tabIcon,
   tabJumpHotkeyKeys,
   takePendingManageRequest,
   unlinkExternalFromPasswordAccount,
-  unlinkServer,
   updateCredential,
   updateExternalAutoProvision,
   updateFolderMetadata,
   updateHostAccess,
+  updateHttpsSettings,
   updateLogLevel,
   updatePasswordLoginAllowed,
   updatePasswordResetAllowed,
@@ -34376,7 +33728,6 @@ export {
   updateSecondFactorAfterExternalLogin,
   updateSessionTimeout,
   updateStatusCheckSettings,
-  updateSyncSettings,
   uploadTlsCertificate,
   usageBarColor,
   usageColor,
@@ -34389,6 +33740,7 @@ export {
   useConfirm,
   useConnectionGate,
   useConnectionLog,
+  useDesktopLinked,
   useDesktopUpdate,
   useEditorDefaultKeys,
   useHostActions,
@@ -34423,7 +33775,6 @@ export {
   useSshAuthProviders,
   useStatusColorScheme,
   useSurfaceKind,
-  useSyncStatus,
   useTabHandlesVersion,
   useTabs,
   useTabsSafe,