feat: UI/UX Overhaul #395

ObfuscatedVoid · 2026-01-05T16:27:07Z

redesign BootingSplash with animations and progress indicators
implement connection state management (for Steam)
improve controller navigation
UI/UX improvements (based on screensize)
implement SavedStateHandle
exclude kls_database.db from git
add input prompt icons for keyboard and gamepad, including license (Can be used in the gamepad mapper tool too)

WORK IN PROGRESS.
A handful of TODO's have been added that need to be discussed first before proceeding with the merge

…ation, UI improvements (based on screensize) and implement SavedStateHandle

coderabbitai · 2026-01-05T16:27:13Z

Important

Review skipped

Too many files!

128 files out of 278 files are above the max files limit of 150.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

utkarshdalal · 2026-01-06T07:12:20Z

Hi, a lot of work has clearly gone into this, but we'd need to discuss before doing any sort of UI/UX overhaul. Please message me on Discord and I can add you to the #development channel. In addition to that, there's already a chat going on about this.

phobos665 · 2026-01-06T09:18:04Z

app/src/main/java/app/gamenative/service/SteamService.kt

+                val service = instance
+                if (service == null) {
+                    Timber.e("Could not start QR logon: Service not initialized")
+                    val event = SteamEvent.QrAuthEnded(success = false, message = "Service not initialized")
+                    PluviaApp.events.emit(event)
+                    return@withContext
+                }
+
+                service.steamClient?.let { steamClient ->
                    isWaitingForQRAuth = true

                    val authDetails = AuthSessionDetails().apply {
-                        deviceFriendlyName = SteamUtils.getMachineName(instance!!)
+                        deviceFriendlyName = SteamUtils.getMachineName(service)


So I'd suggest that if the service isn't running, we should start the service with a getter.

phobos665 · 2026-01-06T09:19:04Z

app/src/main/java/app/gamenative/ui/component/dialog/SupportersDialog.kt

+                hasError = true
+            }
+        } catch (e: Exception) {
+            hasError = true


Would recommend we also log out an error too in the catch if possible.

phobos665 · 2026-01-06T09:25:59Z

app/src/main/java/app/gamenative/ui/component/ConnectionStatusBanner.kt

+    PluviaTheme {
+        ConnectionStatusBanner(
+            connectionState = ConnectionState.CONNECTING,
+            connectionMessage = "Reconnecting to Steam...",


Mind to pop these into templated strings!

phobos665 · 2026-01-06T09:26:55Z

app/src/main/java/app/gamenative/ui/component/GamepadActionBar.kt

+    A(InputIcons.Xbox.buttonColorA),
+    B(InputIcons.Xbox.buttonColorB),
+    X(InputIcons.Xbox.buttonColorX),
+    Y(InputIcons.Xbox.buttonColorY),
+    LB(InputIcons.Xbox.lb),
+    RB(InputIcons.Xbox.rb),
+    LT(InputIcons.Xbox.lt),
+    RT(InputIcons.Xbox.rt),
+    START(InputIcons.Xbox.start),
+    SELECT(InputIcons.Xbox.select),
+    DPAD(InputIcons.Xbox.dpad),
+    DPAD_UP(InputIcons.Xbox.dpadUp),
+    DPAD_DOWN(InputIcons.Xbox.dpadDown),
+    DPAD_LEFT(InputIcons.Xbox.dpadLeft),
+    DPAD_RIGHT(InputIcons.Xbox.dpadRight),


I think we're missing the Xbox Button (The one between the Select and Start) which may be helpful, such as bringing up the XServerScreen menu

Thoughts?

I initially added this when I was testing with an xbox gamepad, then switched to testing on an Odin 3 and realized that we don’t have this button on most, if not all, android handhelds.

We could either show it conditionally or just not use it for consistency reasons. Thoughts?

So I think as an iteration (not necessarily in this PR), users should be able to bind that button on their handheld so that they can use it.

Easier than them having to use the touch-screen for a more mature experience

phobos665 · 2026-01-06T09:42:27Z

app/src/main/java/app/gamenative/ui/data/UserLoginState.kt

I assume the toString() isn't needed?

phobos665 · 2026-01-06T09:43:25Z

app/src/main/java/app/gamenative/ui/data/XServerState.kt

    val graphicsDriver: String = Container.DEFAULT_GRAPHICS_DRIVER,
    val graphicsDriverVersion: String = "",
    val audioDriver: String = Container.DEFAULT_AUDIO_DRIVER,
-) {


So we've removed the state for the drivers and settings etc. I assume that's being moved?

Yes, see XServerViewModel. From my understanding this is a better way of abstracting this data, feel free to correct me

phobos665 · 2026-01-06T09:43:55Z

app/src/main/java/app/gamenative/ui/enums/LibraryTab.kt

+    STEAM(
+        labelResId = R.string.tab_steam,
+        showCustom = false,
+        showSteam = true,
+        showGoG = false,
+        showEpic = false,
+        installedOnly = false,
+    ),


Now that GOG is in the code, we can add that in now

phobos665 · 2026-01-06T10:05:09Z

app/src/main/java/app/gamenative/ui/model/LibraryViewModel.kt

+            val includeSteam = if (currentTab == app.gamenative.ui.enums.LibraryTab.ALL) {
+                _state.value.showSteamInLibrary
+            } else {
+                currentTab.showSteam
+            }
+            val includeOpen = if (currentTab == app.gamenative.ui.enums.LibraryTab.ALL) {
+                _state.value.showCustomGamesInLibrary
+            } else {
+                currentTab.showCustom
            }


Will also need to add GOG here too

phobos665 · 2026-01-06T10:07:44Z

app/src/main/java/app/gamenative/ui/screen/library/components/LibraryAppItem.kt

+ * This is the main entry point for displaying library items. It delegates to:
+ * - [ListViewCard] for list view (PaneType.LIST)
+ * - [GridViewCard] for grid views (PaneType.GRID_HERO, PaneType.GRID_CAPSULE)


I agree with this. LibraryItem should mostly be quite dumb.

phobos665 · 2026-01-06T10:08:40Z

app/src/main/java/app/gamenative/ui/screen/library/components/LibraryGridCard.kt

Will need to take into account GOG here, you can see the current code on how we get the URL (The whole URL is in the iconHash for GOG).

phobos665 · 2026-01-06T10:14:54Z

app/src/main/java/app/gamenative/MainActivity.kt

+     * Apply immersive mode for a full-screen experience.
+     * Must be called in multiple lifecycle methods to ensure bars stay hidden.
+     */
+    private fun applyImmersiveMode() {


We'll have to get some testing on a few different devices to make sure this functionality works here 👍

This mostly feels like a hack, but the only way I could get it to consistently stay full screen. I have a hard time believing there isn’t a better way.

phobos665 · 2026-01-06T10:15:33Z

app/src/main/java/app/gamenative/PrefManager.kt

-        }
-
    // Show dialog when adding custom game folder
    private val SHOW_ADD_CUSTOM_GAME_DIALOG = booleanPreferencesKey("show_add_custom_game_dialog")


Is this now handled elsewhere?

phobos665 · 2026-01-06T10:16:26Z

Overall looks really good. Mind that GOG integration is in the main branch so this'll need to take that into consideration.

Happy to work with you on getting that working, just hit me up.

Once you've dealt with conflicts, I'd love to pull this down and do some proper testing.

phobos665 · 2026-01-06T21:28:20Z

app/src/main/java/app/gamenative/ui/model/MainViewModel.kt

+     *
+     * TODO: reconsider this approach when merging GOG and Epic
+     */


You've got a bit in here to reconsider how this would work with GOG and Epic.

Would you like to chat through this?

phobos665 · 2026-01-08T11:46:44Z

@utkarshdalal In order to allow coderabbitai through. We could have a separate PR to just merge in all the icons etc and just not use them yet. Then we can let it add its review to the follow-up.

phobos665 · 2026-01-10T10:29:09Z

Some feedback as per my testing:

Main Area:
There seems to be a focus issue where using the left/right bumpers doesn't always move between tabs, on first login as well doesn't properly focus that).
L/R bumper navigation breaks on going onto "Installed" when there's no items
When there is nothing installed, I'd just recommend a quick "Nothing here, please install a game to get started!" or something

Settings:
left/right bumpers aren't working on the editContainer settings (Which would be super helpful)
Hover styles would ideally be a bit bright for settings Menu, as my eyes can't really see what I'm hovering

Controls:
Would be great to be able to interact with pop-ups (such as install dialogs) using the controller buttons (auto-focus and listen for A/B presses)
Start Button would be great if it could open up the options/settings menu

Overall this looks gorgeous, much better than we currently have and definitely in the right direction!

Very happy to help contribute to this branch/PR to help it along, or provide any other feedback, but that's my thoughts so far!

utkarshdalal · 2026-01-19T12:20:08Z

app/src/main/java/app/gamenative/ui/theme/Color.kt

I see the colours have changed... We should not do this, the icon, logo, website etc colours are all based off these. If this is needed, we should absolutely retain the primary and accent colours (0xFFA21CAF and 0xFF06B6D4)

I see 0xFFA21CAF is retained, but the accent cyan isn't

utkarshdalal · 2026-01-19T12:25:47Z

Sounds good to me re CodeRabbit @phobos665 - we also have a lot of merge conflicts now

utkarshdalal · 2026-01-19T13:01:26Z

I'm resolving conflicts

utkarshdalal · 2026-01-19T13:48:08Z

Conflicts resolved, looks like we lost the ability to launch custom games

utkarshdalal · 2026-01-19T14:09:56Z

Looks like we have to sign out from steam after this is merged otherwise it won't load the profile correctly?

utkarshdalal · 2026-01-19T14:11:30Z

If there are no local games installed, we get stuck on the local tab.

utkarshdalal · 2026-01-19T14:19:52Z

When a game page is opened in landscape, can't scroll down to see the details using only the gamepad

ObfuscatedVoid added 4 commits December 23, 2025 02:11

chore: add kls_database.db to .gitignore

0382d20

feat: add input prompt icons for keyboard and gamepad

ed0225a

feat: design BootingSplash with animations and progress indicators

c68b394

feat: implement connection state management, improve controller navig…

d399dd4

…ation, UI improvements (based on screensize) and implement SavedStateHandle

ObfuscatedVoid marked this pull request as ready for review January 5, 2026 16:27

phobos665 reviewed Jan 6, 2026

View reviewed changes

app/src/main/java/app/gamenative/ui/data/UserLoginState.kt

Copy link

Contributor

phobos665 Jan 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I assume the toString() isn't needed?

phobos665 reviewed Jan 6, 2026

View reviewed changes

utkarshdalal reviewed Jan 19, 2026

View reviewed changes

feat: UI/UX Overhaul #395

Are you sure you want to change the base?

feat: UI/UX Overhaul #395

Uh oh!

Conversation

ObfuscatedVoid commented Jan 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai bot commented Jan 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

utkarshdalal commented Jan 6, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

phobos665 Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

phobos665 commented Jan 6, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

phobos665 commented Jan 8, 2026

Uh oh!

phobos665 commented Jan 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

utkarshdalal commented Jan 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

ObfuscatedVoid commented Jan 5, 2026 •

edited

Loading

coderabbitai bot commented Jan 5, 2026 •

edited

Loading

phobos665 Jan 6, 2026 •

edited

Loading

phobos665 commented Jan 10, 2026 •

edited

Loading