fix(accounts): login with account give device name

src/seqta/utils/CloudAuth.ts

@@ -1,4 +1,5 @@
 import browser from "webextension-polyfill";
+import { getBsplusDeviceName } from "@/seqta/utils/bsplusDeviceName";
 import { clearCloudPfpCache } from "@/seqta/utils/cloudPfpCache";
 import { clearLastUploadedSnapshot } from "@/seqta/utils/cloudSettingsSync";
 import { settingsState } from "@/seqta/utils/listeners/SettingsState";
@@ -167,12 +168,14 @@ class CloudAuthService {
   ): Promise<{ success: boolean; error?: string }> {
     try {
       const clientId = await this.getClientId();
+      const device_name = await getBsplusDeviceName();
       const result = (await browser.runtime.sendMessage({
         type: "cloudLogin",
         client_id: clientId,
         redirect_uri: REDIRECT_URI,
         login: login.trim(),
         password,
+        device_name,
       })) as {
         access_token?: string;
         refresh_token?: string;

src/seqta/utils/bsplusDeviceName.ts

@@ -0,0 +1,70 @@
+import browser from "webextension-polyfill";
+
+function detectOsNameFromNavigator(): string {
+  const ua = navigator.userAgent;
+  const platform = navigator.platform ?? "";
+
+  const userAgentData = (navigator as Navigator & { userAgentData?: { platform?: string } })
+    .userAgentData;
+  if (userAgentData?.platform) {
+    const mapped: Record<string, string> = {
+      Windows: "Windows",
+      macOS: "macOS",
+      Linux: "Linux",
+      Android: "Android",
+      iOS: "iOS",
+      "Chrome OS": "ChromeOS",
+    };
+    return mapped[userAgentData.platform] ?? userAgentData.platform;
+  }
+
+  if (/Win/i.test(platform) || ua.includes("Windows")) return "Windows";
+  if (/Mac/i.test(platform) || ua.includes("Mac OS X") || ua.includes("Macintosh")) return "macOS";
+  if (/Linux/i.test(platform) || ua.includes("Linux")) return "Linux";
+  if (/Android/i.test(ua)) return "Android";
+  if (/iPhone|iPad|iPod/i.test(ua)) return "iOS";
+  if (/CrOS/i.test(ua)) return "ChromeOS";
+
+  return platform || "Unknown OS";
+}
+
+function detectBrowserNameFromUserAgent(ua: string): string {
+  if (ua.includes("Edg/")) return "Edge";
+  if (ua.includes("OPR/") || ua.includes("Opera")) return "Opera";
+  if (ua.includes("Firefox/")) return "Firefox";
+  if (ua.includes("Chrome/") && !ua.includes("Edg/")) return "Chrome";
+  if (ua.includes("Safari/") && !ua.includes("Chrome/")) return "Safari";
+  return "Browser";
+}
+
+async function detectBrowserName(): Promise<string> {
+  try {
+    const runtime = browser.runtime as typeof browser.runtime & {
+      getBrowserInfo?: () => Promise<{ name?: string }>;
+    };
+    if (typeof runtime.getBrowserInfo === "function") {
+      const info = await runtime.getBrowserInfo();
+      if (info.name === "Firefox") return "Firefox";
+      if (info.name) return info.name;
+    }
+  } catch {
+    // Fall back to user-agent parsing below.
+  }
+
+  if (typeof navigator !== "undefined") {
+    return detectBrowserNameFromUserAgent(navigator.userAgent);
+  }
+
+  return "Browser";
+}
+
+/**
+ * Friendly device label for BetterSEQTA+ cloud login (`device_name` on POST /api/bsplus/login).
+ * Format: "Chrome on Windows", "Firefox on macOS", etc.
+ */
+export async function getBsplusDeviceName(): Promise<string> {
+  const browserName = await detectBrowserName();
+  const osName =
+    typeof navigator !== "undefined" ? detectOsNameFromNavigator() : "Unknown OS";
+  return `${browserName} on ${osName}`;
+}