From d5f260bd7e860d2e1a6fe9c3c19056ee58ccd4ee Mon Sep 17 00:00:00 2001
From: JockLee <5155291+webees@users.noreply.github.com>
Date: Wed, 27 May 2026 20:09:00 +0700
Subject: [PATCH] fix: open cloud login in external browser

---
 src/components/device-code-verify-dialog.tsx | 3 ++-
 src/components/sync-config-dialog.tsx        | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/device-code-verify-dialog.tsx b/src/components/device-code-verify-dialog.tsx
index 4dfc0a6..d925924 100644
--- a/src/components/device-code-verify-dialog.tsx
+++ b/src/components/device-code-verify-dialog.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { invoke } from "@tauri-apps/api/core";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { LuExternalLink } from "react-icons/lu";
@@ -45,7 +46,7 @@ export function DeviceCodeVerifyDialog({
   const handleOpenLogin = async () => {
     setIsOpeningLogin(true);
     try {
-      await invoke("handle_url_open", { url: DEVICE_LINK_URL });
+      await openUrl(DEVICE_LINK_URL);
     } catch (error) {
       console.error("Failed to open login link:", error);
       showErrorToast(String(error));
diff --git a/src/components/sync-config-dialog.tsx b/src/components/sync-config-dialog.tsx
index 4772298..00bcc76 100644
--- a/src/components/sync-config-dialog.tsx
+++ b/src/components/sync-config-dialog.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { invoke } from "@tauri-apps/api/core";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { LuEye, LuEyeOff } from "react-icons/lu";
@@ -206,7 +207,7 @@ export function SyncConfigDialog({
 
   const handleOpenLogin = useCallback(async () => {
     try {
-      await invoke("handle_url_open", { url: DEVICE_LINK_URL });
+      await openUrl(DEVICE_LINK_URL);
       // Hand off the verify step to its own dialog so the user has a
       // focused place to paste the code, and so it doesn't visually
       // stack with this dialog or any other modal currently on screen.