<html>
	<head>
		<title>n8n - OAuth Callback</title>
		<style>
			body { font-family: 'Open Sans', sans-serif; padding: 10px;} details.error { margin-bottom:
			20px; } pre.reason { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding:
			10px; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap;}
		</style>
	</head>
	<body>
		{{#if error}}
			<h4>Error: {{error.message}}</h4>
			<details class='error'>
				<summary>More details</summary>
				{{#if error.reason}}<pre class='reason'>{{error.reason}}</pre>{{/if}}
			</details>
		{{/if}}
		Failed to connect. The window can be closed now.
		<script>
			(function messageParent() {
				const broadcastChannel = new BroadcastChannel('oauth-callback');
				broadcastChannel.postMessage('error');
				// Bridge to the opener for embed setups where the editor and the
				// n8n backend live on different origins (BroadcastChannel is same-origin only).
				try { window.opener?.postMessage('error', '*'); } catch (_) {}
			})();
		</script>
	</body>
</html>