Show SSO button on mobile devices

[ivorsmorenburg]

When using the Android App, I like to see the button to redirect to SSO login provider, not the device OTP number and the need of entering from a different device

[christiaangoossens]

For now I will link to the FAQ question about this: https://github.com/christiaangoossens/hass-oidc-auth/blob/main/docs/faq.md#why-does-this-integration-only-allow-for-sign-in-on-mobile-with-a-device-code but we will leave it here in Feature Requests for any future attempts.

[dominik-korsa]

Maintainer edit: This suggestion will be implemented in #300, the main question of this Idea will not be implemented.

Would it be possible to display a button on the login page in the Companion App which opens the SSO page in the default browser (for example Firefox/Chrome) on Android?
Or if not, it would be great if at least the URL they need to visit manually was displayed somewhere in the Companion App with a button to copy the URL and instruction on what to do next.
Perhaps the copied URL could also contain the pairing code.

Right now, the message Please login to Home Assistant on another device would not be clear enough for most of my family members, since they don't even remember the URL of my Home Assistant instance (they don't need to, because of the automatic instance discovery in my LAN).

Right now the UI looks like this:

My suggestion would look somewhat like:

To sign in, please visit the Home Assistant login URL in a web browser:
https://example.com/auth/oidc/redirect/123456 [copy]

Enter this code when asked:
123456

Perhaps the pairing code does not need to be visible in the displayed URL, but could appear in the copied URL or in the link's href field. This would slightly reduce the risk of a typo when manually entering the URL in a web browser, while speeding up authentication if the URL is copied/the link is clicked. The URL could also be shortened, for example /mobile/123456, /mobile-login/12345. You can think of it like the OAuth2.0 device flow:

I think that the URL should probably be automatically generated for most users, but it should be possible to specify a custom URL template, because for example some instances might be behind a proxy with redirects.

[dominik-korsa]

Btw I'm not suggesting displaying just the Home Assistant base URL here, since it would not work for users who are already signed in the browser, see #289.

[dominik-korsa]

The help button on the standard Home Assistant login page already does open in an external browser.

Perhaps the target="_blank" part in the link element is enough to trigger opening the URL in the browser? This is the HTML tag of the help link:

<a part="base" class="button has-end has-label" title="" href="https://www.home-assistant.io/docs/authentication/" target="_blank" rel="noreferrer noopener" tabindex="0">