From 176aa052b9d94a2f3b8b7810de8579d529b5cce9 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Thu, 29 Jan 2026 13:02:58 +0100
Subject: [PATCH] feat(matrix-web): add SSO login button for Mana Core

Add "Sign in with Mana Core" button to Matrix web login page.
This allows users to authenticate via SSO instead of entering
Matrix credentials directly.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../web/src/routes/(auth)/login/+page.svelte  | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/apps/matrix/apps/web/src/routes/(auth)/login/+page.svelte b/apps/matrix/apps/web/src/routes/(auth)/login/+page.svelte
index 375f4c046..d46c4aa09 100644
--- a/apps/matrix/apps/web/src/routes/(auth)/login/+page.svelte
+++ b/apps/matrix/apps/web/src/routes/(auth)/login/+page.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { browser } from '$app/environment';
 	import { loginWithPassword, discoverHomeserver, checkHomeserver, matrixStore } from '$lib/matrix';
-	import { Eye, EyeOff, Loader2, Server, User, Lock, AlertCircle } from 'lucide-svelte';
+	import { Eye, EyeOff, Loader2, Server, User, Lock, AlertCircle, LogIn } from 'lucide-svelte';
 
 	// Form state
 	let homeserver = $state('matrix.mana.how');
@@ -11,10 +12,20 @@
 
 	// UI state
 	let loading = $state(false);
+	let loadingSSO = $state(false);
 	let checkingServer = $state(false);
 	let error = $state<string | null>(null);
 	let serverValid = $state<boolean | null>(null);
 
+	// SSO Login via Mana Core
+	function handleSSOLogin() {
+		if (!browser) return;
+		loadingSSO = true;
+		// Redirect to Matrix SSO endpoint which will redirect to Mana Core Auth
+		const redirectUrl = encodeURIComponent(window.location.origin + '/chat');
+		window.location.href = `https://matrix.mana.how/_matrix/client/v3/login/sso/redirect/oidc-manacore?redirectUrl=${redirectUrl}`;
+	}
+
 	// Auto-discover homeserver when username looks like a full Matrix ID
 	let discoverTimeout: ReturnType<typeof setTimeout>;
 
@@ -190,6 +201,25 @@
 			</button>
 		</form>
 
+		<!-- Divider -->
+		<div class="divider my-4 text-base-content/40">OR</div>
+
+		<!-- SSO Login -->
+		<button
+			type="button"
+			class="btn btn-outline w-full gap-2"
+			onclick={handleSSOLogin}
+			disabled={loadingSSO}
+		>
+			{#if loadingSSO}
+				<Loader2 class="h-5 w-5 animate-spin" />
+				Redirecting...
+			{:else}
+				<LogIn class="h-5 w-5" />
+				Sign in with Mana Core
+			{/if}
+		</button>
+
 		<!-- Footer -->
 		<div class="mt-4 text-center text-sm text-base-content/60">
 			<p>