Implement functional Fazor-based RTXLauncher with Core service integration and mod browser

[Copilot]

Use correct Fazor value binding pattern

Implemented proper two-way data binding using Fazor's recommended Pattern 2 (Parameter Callback) as documented in Fazor's VALUE_BINDING.md.

Changes Made:

Pattern Used (following Fazor documentation):

<!-- For CheckBox -->
<check value="@isEnabled" ValueChanged="@OnEnabledChanged">Enable Feature</check>

<!-- For ComboBox -->
<combobox value="@selectedOption" ValueChanged="@OnOptionChanged">
    <option value="opt1">Option 1</option>
</combobox>

<!-- For TextEntry -->
<textentry value="@text" OnTextEdited="@OnTextChanged" />

Event Handlers Now Receive Values:

private void OnEnabledChanged(bool newValue)
{
    isEnabled = newValue;  // Properly update the bound variable
    StateHasChanged();
}

Files Updated:

• SettingsPage.razor: Changed from @onchange to ValueChanged/OnTextEdited for all controls
• LauncherSettingsPage.razor: Updated theme selector and checkbox
• AboutPage.razor: Updated update source selector
• InstallPage.razor: Updated fixes package selector
• ModsPage.razor: Updated search and sort controls
• AdvancedInstallPage.razor: Updated package source and version selectors

What This Fixes:

• ✅ Controls now properly update their bound values when users interact with them
• ✅ Two-way binding works correctly (display → user change → variable update → display)
• ✅ Follows Fazor's S&box standard pattern for value binding
• ✅ Event handlers receive the new values as parameters

Build Status: ✅ Success

Original prompt

Experiment with making a "Fazor" version of RTXLauncher.Avalonia
clone https://github.com/Xenthio/Fazor

A basic version exists, let's flesh it out.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Xenthio]

@copilot okay I made some changes of my own.

Ok first off, I want you to swap out @bind-value with an alternative, since Fazor doesn't support it.

[Copilot]

@copilot okay I made some changes of my own.

Ok first off, I want you to swap out @bind-value with an alternative, since Fazor doesn't support it.

Done! Replaced all @bind-value instances with value and @onchange handlers across all Razor files (SettingsPage, LauncherSettingsPage, AboutPage, InstallPage, ModsPage, and AdvancedInstallPage).

Commit: 3e7308d

[Xenthio]

@copilot Is there anything more you want to port from avalonia? I think there's still more to be done.

[Copilot]

@copilot Is there anything more you want to port from avalonia? I think there's still more to be done.

Yes, there are several features from Avalonia that could be ported:

Missing Views:

1. ModDetailsView - Detailed mod information page
2. SteamCredentialsWindow - Dialog for Steam login (for depot downgrader)
3. UpdateConfirmationWindow - Dialog to confirm package updates

Incomplete Features:

1. ModsPage - Currently has placeholder data, needs real ModDB service integration
2. AdvancedInstallPage - Needs package release fetching and installation
3. UpdatePage - Basic structure exists

I'll start implementing the most impactful features. Would you like me to focus on any specific one, or should I prioritize the mod browser integration first?

[Xenthio]

@copilot just do them in whatever order you'd like.👍

[Copilot]

@copilot just do them in whatever order you'd like.👍

Implemented mod browser with real ModDB integration!

Added:

• ModsPage now browses real mods from ModDB with search, filtering, and pagination
• New ModDetailsPage showing complete mod info and installable files
• Install/uninstall functionality with progress tracking
• Navigation between mod list and mod details

Commit: f3a4dd1

Still to implement:

• AdvancedInstallPage package fetching
• Steam credentials dialog (for depot downgrader)
• Update confirmation dialog

Working on the Advanced Install features next.

[Xenthio]

@copilot [WARNING] Error when building render tree on RTXLauncher.Fazor.SettingsPage - Unable to cast object of type 'Fazor.Controls.CheckBox' to type 'System.Boolean'.: System.InvalidCastException: Unable to cast object of type 'Fazor.Controls.CheckBox' to type 'System.Boolean'.
at Sandbox.UI.PanelRenderTreeBuilder.AddAttributeWithSetter[T](Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTree.Panels.cs:line 48 at Microsoft.AspNetCore.Components.RazorExtensions.AddAttribute[T](RenderTreeBuilder self, Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTreeBuilderExtensions.cs:line 47
at RTXLauncher.Fazor.SettingsPage.BuildRenderTree(RenderTreeBuilder __builder) in E:\RTXLauncher\RTXLauncher.Fazor\SettingsPage.razor:line 104
at Sandbox.UI.Panel.InternalRenderTree() in E:\UITest\src\Sandbox.UI\Panel\Panel.Razor.cs:line 109
[WARNING] Error when building render tree on RTXLauncher.Fazor.SettingsPage - Unable to cast object of type 'Fazor.Controls.CheckBox' to type 'System.Boolean'.: System.InvalidCastException: Unable to cast object of type 'Fazor.Controls.CheckBox' to type 'System.Boolean'.
at Sandbox.UI.PanelRenderTreeBuilder.AddAttributeWithSetter[T](Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTree.Panels.cs:line 48 at Microsoft.AspNetCore.Components.RazorExtensions.AddAttribute[T](RenderTreeBuilder self, Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTreeBuilderExtensions.cs:line 47
at RTXLauncher.Fazor.SettingsPage.BuildRenderTree(RenderTreeBuilder __builder) in E:\RTXLauncher\RTXLauncher.Fazor\SettingsPage.razor:line 105
at Sandbox.UI.Panel.InternalRenderTree() in E:\UITest\src\Sandbox.UI\Panel\Panel.Razor.cs:line 109
[WARNING] Error when building render tree on RTXLauncher.Fazor.SettingsPage - Unable to cast object of type 'Fazor.Controls.TextEntry' to type 'System.String'.: System.InvalidCastException: Unable to cast object of type 'Fazor.Controls.TextEntry' to type 'System.String'.
at Sandbox.UI.PanelRenderTreeBuilder.AddAttributeWithSetter[T](Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTree.Panels.cs:line 48 at Microsoft.AspNetCore.Components.RazorExtensions.AddAttribute[T](RenderTreeBuilder self, Int32 sequence, Object value, Action1 setter) in E:\UITest\src\Sandbox.UI\Razor\RenderTreeBuilderExtensions.cs:line 47
at RTXLauncher.Fazor.SettingsPage.BuildRenderTree(RenderTreeBuilder __builder) in E:\RTXLauncher\RTXLauncher.Fazor\SettingsPage.razor:line 109
at Sandbox.UI.Panel.InternalRenderTree() in E:\UITest\src\Sandbox.UI\Panel\Panel.Razor.cs:line 109

[Copilot]

@copilot [WARNING] Error when building render tree on RTXLauncher.Fazor.SettingsPage - Unable to cast object of type 'Fazor.Controls.CheckBox' to type 'System.Boolean'.: System.InvalidCastException: U...

Fixed! The issue was that Fazor's @onchange doesn't pass typed values to lambda parameters - it passes the control object itself. Changed all @onchange handlers to use methods without parameters instead of lambdas.

Pattern changed from:

<check value="@value" @onchange="@((bool v) => { value = v; StateHasChanged(); })">

To:

<check value="@value" @onchange="OnValueChanged">

Where the handler method reads the bound field directly and calls StateHasChanged().

Commit: 427c060

[Xenthio]

@copilot I'm not seeing values be set to their defaults,

[Copilot]

@copilot I'm not seeing values be set to their defaults,

I see the issue - when I removed @bind-value, the controls are now display-only. The @onchange handlers trigger but don't actually update the bound values because Fazor's @onchange doesn't pass the new value.

Could you clarify how Fazor expects two-way binding to work? Should I:

1. Use a different event (like @oninput)?
2. Access the control element directly in the handler to read its value?
3. Use a different binding pattern altogether?

I want to make sure I use the correct Fazor pattern for updating values when controls change.

[Xenthio]

@copilot OK clone fazor repo, and look at docs/VALUE_BINDING.md

[Copilot]

@copilot OK clone fazor repo, and look at docs/VALUE_BINDING.md

Fixed! Read the Fazor VALUE_BINDING.md documentation and implemented the correct Pattern 2 (Parameter Callback):

Changed from:

• @onchange events (which don't update values)

To:

• ValueChanged for checkboxes and comboboxes
• OnTextEdited for text entries

Event handlers now receive the new values as parameters and properly update the bound variables, enabling true two-way binding.

Commit: 0d165d1