SSO auth

src/routes/app-menu/tabs/preferences.svelte

@@ -4,14 +4,6 @@
   import Power from "../../../assets/icons/power.svelte";
 
   let signingOut = false;
-  let isChangingPassword = false;
-  let passwordError = "";
-  let passwordSuccess = "";
-  let passwordForm = {
-    currentPassword: "",
-    newPassword: "",
-    confirmPassword: "",
-  };
 
   async function handleSignOut() {
     if (signingOut) return;
@@ -31,99 +23,23 @@
       console.error("Failed to open client config", error);
     }
   };
-
-  const handleChangePassword = async () => {
-    if (isChangingPassword) return;
-    passwordError = "";
-    passwordSuccess = "";
-
-    if (!passwordForm.currentPassword || !passwordForm.newPassword) {
-      passwordError = "Current and new password are required";
-      return;
-    }
-
-    if (passwordForm.newPassword !== passwordForm.confirmPassword) {
-      passwordError = "New password confirmation does not match";
-      return;
-    }
-
-    isChangingPassword = true;
-    try {
-      await commands.changePassword(
-        passwordForm.currentPassword,
-        passwordForm.newPassword,
-      );
-      passwordSuccess = "Password updated";
-      passwordForm.currentPassword = "";
-      passwordForm.newPassword = "";
-      passwordForm.confirmPassword = "";
-    } catch (error) {
-      console.error("Failed to change password", error);
-      passwordError = error instanceof Error ? error.message : "Unable to update password";
-    } finally {
-      isChangingPassword = false;
-    }
-  };
 </script>
 
 <div class="size-full flex flex-col justify-between">
-  <div class="flex flex-col gap-4">
+  <div class="flex flex-col gap-4 max-w-md">
     <p>{$appData?.user?.name}'s preferences</p>
     <div class="flex flex-row gap-2">
-      <button class="btn" class:btn-disabled={signingOut} onclick={handleSignOut}>
+      <button
+        class="btn"
+        class:btn-disabled={signingOut}
+        onclick={handleSignOut}
+      >
         {signingOut ? "Signing out..." : "Sign out"}
       </button>
       <button class="btn btn-outline" onclick={openClientConfig}>
         Advanced options
       </button>
     </div>
-    <div class="divider my-0"></div>
-    <div class="flex flex-col gap-3 max-w-sm">
-      <p class="text-sm opacity-70">Change password</p>
-      <label class="flex flex-col gap-1">
-        <span class="text-xs opacity-60">Current password</span>
-        <input
-          class="input input-bordered input-sm"
-          type="password"
-          autocomplete="current-password"
-          bind:value={passwordForm.currentPassword}
-        />
-      </label>
-      <label class="flex flex-col gap-1">
-        <span class="text-xs opacity-60">New password</span>
-        <input
-          class="input input-bordered input-sm"
-          type="password"
-          autocomplete="new-password"
-          bind:value={passwordForm.newPassword}
-        />
-      </label>
-      <label class="flex flex-col gap-1">
-        <span class="text-xs opacity-60">Confirm new password</span>
-        <input
-          class="input input-bordered input-sm"
-          type="password"
-          autocomplete="new-password"
-          bind:value={passwordForm.confirmPassword}
-        />
-      </label>
-      <div class="flex flex-row gap-2 items-center">
-        <button
-          class="btn btn-sm"
-          class:btn-disabled={isChangingPassword}
-          disabled={isChangingPassword}
-          onclick={handleChangePassword}
-        >
-          {isChangingPassword ? "Updating..." : "Update password"}
-        </button>
-        {#if passwordSuccess}
-          <span class="text-xs text-success">{passwordSuccess}</span>
-        {/if}
-      </div>
-      {#if passwordError}
-        <p class="text-xs text-error">{passwordError}</p>
-      {/if}
-    </div>
   </div>
   <div class="w-full flex flex-row justify-between">
     <div></div>