feat: fubar

Needlework.Net/App.axaml

@@ -7,14 +7,11 @@
 			 xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
 			 RequestedThemeVariant="Dark">
              <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
-	<Application.DataTemplates>
-		<local:ViewLocator/>
-	</Application.DataTemplates>
-	
 	<Application.Styles>
-		<sty:FluentAvaloniaTheme PreferSystemTheme="False" PreferUserAccentColor="False" />
+		<sty:FluentAvaloniaTheme />
 		<materialIcons:MaterialIconStyles />
 		<StyleInclude Source="Controls/Card.axaml"/>
+		<StyleInclude Source="Controls/UserCard.axaml"/>
 		<StyleInclude Source="avares://AvaloniaEdit/Themes/Fluent/AvaloniaEdit.xaml" />
 		<StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml"/>
 	</Application.Styles>

Needlework.Net/App.axaml.cs

@@ -2,18 +2,31 @@ using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Markup.Xaml;
-using Microsoft.Extensions.DependencyInjection;
+using Flurl.Http.Configuration;
+using Needlework.Net.Converters;
+using Needlework.Net.Services;
 using Needlework.Net.ViewModels.MainWindow;
+using Needlework.Net.ViewModels.Pages;
+using Needlework.Net.ViewModels.Pages.About;
+using Needlework.Net.ViewModels.Pages.Console;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using Needlework.Net.ViewModels.Pages.Home;
+using Needlework.Net.ViewModels.Pages.WebSocket;
 using Needlework.Net.Views.MainWindow;
-using System;
+using Needlework.Net.Views.Pages.About;
+using Needlework.Net.Views.Pages.Console;
+using Needlework.Net.Views.Pages.Endpoints;
+using Needlework.Net.Views.Pages.Home;
+using Needlework.Net.Views.Pages.WebSocket;
+using ReactiveUI;
+using Splat;
+using Splat.Serilog;
 using System.Text.Json;
 
 namespace Needlework.Net;
 
-public partial class App(IServiceProvider serviceProvider) : Application
+public partial class App : Application
 {
-    private readonly IServiceProvider _serviceProvider = serviceProvider;
-
     public static JsonSerializerOptions JsonSerializerOptions { get; } = new()
     {
         WriteIndented = true,
@@ -31,17 +44,62 @@ public partial class App(IServiceProvider serviceProvider) : Application
 
     public override void OnFrameworkInitializationCompleted()
     {
+        RegisterValueConverters();
+        RegisterAppServices();
+        RegisterViews();
+        RegisterViewModels();
+
         if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
         {
-            desktop.MainWindow = new MainWindowView()
+            desktop.MainWindow = new MainWindow() { DataContext = Locator.Current.GetService<IScreen>() };
-            {
-                DataContext = _serviceProvider.GetRequiredService<MainWindowViewModel>()
-            };
             MainWindow = desktop.MainWindow;
         }
 
-
-
         base.OnFrameworkInitializationCompleted();
     }
+
+    private void RegisterValueConverters()
+    {
+        Locator.CurrentMutable.RegisterConstant<IBindingTypeConverter>(new NullableToVisibilityConverter());
+        Locator.CurrentMutable.RegisterConstant<IBindingTypeConverter>(new EnumerableToVisibilityConverter());
+    }
+
+    private static void RegisterViewModels()
+    {
+        Locator.CurrentMutable.RegisterConstant<PageBase>(new HomeViewModel());
+        Locator.CurrentMutable.RegisterConstant<PageBase>(new EndpointsViewModel());
+        Locator.CurrentMutable.RegisterConstant<PageBase>(new ConsoleViewModel());
+        Locator.CurrentMutable.RegisterConstant<PageBase>(new WebSocketViewModel());
+        Locator.CurrentMutable.RegisterConstant<PageBase>(new AboutViewModel());
+        Locator.CurrentMutable.RegisterConstant<IScreen>(new MainWindowViewModel());
+    }
+
+    private static void RegisterViews()
+    {
+        Locator.CurrentMutable.Register<IViewFor<LibraryViewModel>>(() => new LibraryView());
+        Locator.CurrentMutable.Register<IViewFor<NotificationViewModel>>(() => new NotificationView());
+        Locator.CurrentMutable.Register<IViewFor<EventViewModel>>(() => new EventView());
+        Locator.CurrentMutable.Register<IViewFor<EndpointTabListViewModel>>(() => new EndpointTabListView());
+        Locator.CurrentMutable.Register<IViewFor<EndpointTabItemContentViewModel>>(() => new EndpointTabItemContentView());
+        Locator.CurrentMutable.Register<IViewFor<EndpointSearchDetailsViewModel>>(() => new EndpointSearchDetailsView());
+        Locator.CurrentMutable.Register<IViewFor<PluginViewModel>>(() => new PluginView());
+        Locator.CurrentMutable.Register<IViewFor<PropertyClassViewModel>>(() => new PropertyClassView());
+        Locator.CurrentMutable.Register<IViewFor<PathOperationViewModel>>(() => new PathOperationView());
+
+        Locator.CurrentMutable.RegisterConstant<IViewFor<HomeViewModel>>(new HomePage());
+        Locator.CurrentMutable.RegisterConstant<IViewFor<EndpointsViewModel>>(new EndpointsPage());
+        Locator.CurrentMutable.RegisterConstant<IViewFor<ConsoleViewModel>>(new ConsolePage());
+        Locator.CurrentMutable.RegisterConstant<IViewFor<WebSocketViewModel>>(new WebSocketPage());
+        Locator.CurrentMutable.RegisterConstant<IViewFor<AboutViewModel>>(new AboutPage());
+    }
+
+    private static void RegisterAppServices()
+    {
+        Locator.CurrentMutable.UseSerilogFullLogger(Logger.Setup());
+        Locator.CurrentMutable.RegisterConstant<IFlurlClientCache>(new FlurlClientCache()
+            .Add("GithubClient", "https://api.github.com")
+            .Add("GithubUserContentClient", "https://raw.githubusercontent.com"));
+        Locator.CurrentMutable.RegisterConstant<NotificationService>(new NotificationService());
+        Locator.CurrentMutable.RegisterConstant<DataSource>(new DataSource());
+    }
 }

Needlework.Net/Controls/UserCard.axaml

@@ -0,0 +1,71 @@
+<Styles xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:i="https://github.com/projektanker/icons.avalonia"
+			 xmlns:controls="using:Needlework.Net.Controls">
+	<Design.PreviewWith>
+		<WrapPanel>
+			<controls:UserCard
+					Width="300"
+					Height="400"
+					UserImage="/Assets/Users/blossomishymae.png"
+					UserName="estrogen elf"
+					UserGithub="BlossomiShymae">
+				Needlework.Net is the .NET rewrite of Needlework. This tool was made to help others with LCU and Game Client development. Feel free to ask any questions
+				or help contribute to the project! Made with love. 💜
+			</controls:UserCard>
+		</WrapPanel>
+	</Design.PreviewWith>
+	<Style Selector="controls|UserCard">
+		<Setter Property="Template">
+			<ControlTemplate>
+				<Grid>
+					<Border CornerRadius="16,16,16,16"
+							Background="{DynamicResource CardBackgroundFillColorDefaultBrush}"
+							Margin="0 50 0 0"
+							Padding="16 66 16 16">
+						<Grid RowDefinitions="auto,auto,auto"
+							  ColumnDefinitions="*">
+							<TextBlock Grid.Row="0"
+									   Grid.Column="0"
+									   Theme="{StaticResource SubtitleTextBlockStyle}"
+									   Margin="0 0 0 4"
+									   Text="{TemplateBinding UserName}"/>
+							<Grid Grid.Row="1"
+								  Grid.Column="0"
+								  RowDefinitions="*"
+								  ColumnDefinitions="auto,auto"
+								  Margin="0 0 0 16">
+								<Button Grid.Row="0"
+										Grid.Column="0"
+										Theme="{StaticResource TransparentButton}"
+										FontSize="20"
+										Name="PART_GithubButton">
+									<i:Icon Value="fa-github"/>
+								</Button>
+								<TextBlock Grid.Row="0"
+										   Grid.Column="1"
+										   Margin="8 0 0 0"
+										   VerticalAlignment="Center"
+										   Text="{TemplateBinding UserGithub}"/>
+							</Grid>
+							<TextBlock Grid.Row="2"
+									   Grid.Column="0"
+									   TextWrapping="WrapWithOverflow"
+									   Text="{TemplateBinding Content}"/>
+						</Grid>
+					</Border>
+					<Border CornerRadius="100"
+						Width="100"
+						Height="100"
+						Margin="{TemplateBinding UserImageMargin}"
+						ClipToBounds="True">
+						<Image Source="{TemplateBinding UserImage}"
+						   RenderOptions.BitmapInterpolationMode="HighQuality"/>
+					</Border>
+				</Grid>
+			</ControlTemplate>
+		</Setter>
+	</Style>
+</Styles>

Needlework.Net/Controls/UserCard.axaml.cs

@@ -0,0 +1,91 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Metadata;
+using Avalonia.Controls.Primitives;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using System.Diagnostics;
+
+namespace Needlework.Net.Controls;
+
+[TemplatePart("PART_GithubButton", typeof(Button))]
+public partial class UserCard : ContentControl
+{
+    private Button? _githubButton;
+
+    public UserCard()
+    {
+        UserImageMargin = new(0, !double.IsNaN(Height) ? 100 - Height : 0, 0, 0);
+    }
+
+    public static readonly StyledProperty<IImage?> UserImageProperty =
+        AvaloniaProperty.Register<UserCard, IImage?>(nameof(UserImage), defaultValue: null);
+
+    public IImage? UserImage
+    {
+        get { return GetValue(UserImageProperty); }
+        set { SetValue(UserImageProperty, value); }
+    }
+
+    public static readonly StyledProperty<string?> UserNameProperty =
+        AvaloniaProperty.Register<UserCard, string?>(nameof(UserName), defaultValue: null);
+
+    public string? UserName
+    {
+        get { return GetValue(UserNameProperty); }
+        set { SetValue(UserNameProperty, value); }
+    }
+
+    public static readonly StyledProperty<string?> UserGithubProperty =
+        AvaloniaProperty.Register<UserCard, string?>(nameof(UserGithub), defaultValue: null);
+
+    public string? UserGithub
+    {
+        get { return GetValue(UserGithubProperty); }
+        set { SetValue(UserGithubProperty, value); }
+    }
+
+    public static readonly DirectProperty<UserCard, Thickness> UserImageMarginProperty =
+        AvaloniaProperty.RegisterDirect<UserCard, Thickness>(nameof(UserImageMargin), o => o.UserImageMargin);
+
+    private Thickness _userImageMargin = new(0, 0, 0, 0);
+
+    public Thickness UserImageMargin
+    {
+        get { return _userImageMargin; }
+        private set { SetAndRaise(UserImageMarginProperty, ref _userImageMargin, value); }
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+
+        SizeChanged += UserCard_SizeChanged;
+
+        if (_githubButton != null)
+        {
+            _githubButton.Click -= GithubButton_Click;
+        }
+
+        _githubButton = e.NameScope.Find("PART_GithubButton") as Button;
+
+        if (_githubButton != null)
+        {
+            _githubButton.Click += GithubButton_Click;
+        }
+    }
+
+    private void UserCard_SizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        UserImageMargin = new(0, !double.IsNaN(e.NewSize.Height) ? 100 - e.NewSize.Height : 0, 0, 0);
+    }
+
+    private void GithubButton_Click(object? sender, RoutedEventArgs e)
+    {
+        var process = new Process()
+        {
+            StartInfo = new ProcessStartInfo($"https://github.com/{UserGithub}") { UseShellExecute = true }
+        };
+        process.Start();
+    }
+}

Needlework.Net/Converters/EnumerableToVisibilityConverter.cs

@@ -0,0 +1,33 @@
+using ReactiveUI;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace Needlework.Net.Converters
+{
+    public class EnumerableToVisibilityConverter : IBindingTypeConverter
+    {
+        public int GetAffinityForObjects(Type fromType, Type toType)
+        {
+            if (typeof(IEnumerable<object>).IsAssignableFrom(fromType) && toType == typeof(bool))
+            {
+                return 100;
+            }
+            return 0;
+        }
+
+        public bool TryConvert(object? from, Type toType, object? conversionHint, out object? result)
+        {
+            try
+            {
+                result = from is IEnumerable<object> values && values.Any();
+                return true;
+            }
+            catch (Exception)
+            {
+                result = null;
+                return false;
+            }
+        }
+    }
+}

Needlework.Net/Converters/NullableToVisibilityConverter.cs

@@ -0,0 +1,23 @@
+using ReactiveUI;
+using System;
+
+namespace Needlework.Net.Converters
+{
+    public class NullableToVisibilityConverter : IBindingTypeConverter
+    {
+        public int GetAffinityForObjects(Type fromType, Type toType)
+        {
+            if (typeof(object).IsAssignableFrom(fromType) && toType == typeof(bool))
+            {
+                return 100;
+            }
+            return 0;
+        }
+
+        public bool TryConvert(object? from, Type toType, object? conversionHint, out object? result)
+        {
+            result = from != null;
+            return true;
+        }
+    }
+}

Needlework.Net/DataSource.cs

@@ -0,0 +1,53 @@
+using FastCache;
+using Flurl.Http;
+using Flurl.Http.Configuration;
+using Microsoft.OpenApi.Readers;
+using Needlework.Net.Models;
+using Splat;
+using System;
+using System.Threading.Tasks;
+
+namespace Needlework.Net
+{
+    public class DataSource : IEnableLogger
+    {
+        private readonly OpenApiStreamReader _reader = new();
+
+        private readonly IFlurlClient _githubUserContentClient;
+
+        public DataSource(IFlurlClientCache? clients = null)
+        {
+            _githubUserContentClient = clients?.Get("GithubUserContentClient") ?? Locator.Current.GetService<IFlurlClientCache>()!.Get("GithubUserContentClient")!;
+        }
+
+        public async Task<Document> GetLcuSchemaDocumentAsync()
+        {
+            if (Cached<Document>.TryGet(nameof(GetLcuSchemaDocumentAsync), out var cached))
+            {
+                return cached;
+            }
+
+            var lcuSchemaStream = await _githubUserContentClient.Request("/dysolix/hasagi-types/main/swagger.json")
+                .GetStreamAsync();
+            var lcuSchemaRaw = _reader.Read(lcuSchemaStream, out var _);
+            var document = new Document(lcuSchemaRaw);
+
+            return cached.Save(document, TimeSpan.FromMinutes(60));
+        }
+
+        public async Task<Document> GetLolClientDocumentAsync()
+        {
+            if (Cached<Document>.TryGet(nameof(GetLolClientDocumentAsync), out var cached))
+            {
+                return cached;
+            }
+
+            var lolClientStream = await _githubUserContentClient.Request("/AlsoSylv/Irelia/refs/heads/master/schemas/game_schema.json")
+                .GetStreamAsync();
+            var lolClientRaw = _reader.Read(lolClientStream, out var _);
+            var document = new Document(lolClientRaw);
+
+            return cached.Save(document, TimeSpan.FromMinutes(60));
+        }
+    }
+}

Needlework.Net/Extensions/ServiceCollectionExtensions.cs

@@ -1,22 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Threading.Tasks;
-using Microsoft.Extensions.DependencyInjection;
-
-namespace Needlework.Net.Extensions
-{
-    public static class ServiceCollectionExtensions
-    {
-        public static IServiceCollection AddSingletonsFromAssemblies<T>(this ServiceCollection services)
-        {
-            var types = AppDomain.CurrentDomain.GetAssemblies()
-                .SelectMany(s => s.GetTypes())
-                .Where(p => !p.IsAbstract && typeof(T).IsAssignableFrom(p));
-
-            foreach (var type in types) services.AddSingleton(typeof(T), type);
-
-            return services;
-        }
-    }
-}

Needlework.Net/Logger.cs

@@ -0,0 +1,28 @@
+using Serilog;
+using System;
+using System.IO;
+using System.Reflection;
+
+namespace Needlework.Net
+{
+    public static class Logger
+    {
+        public static ILogger Setup()
+        {
+            var logger = new LoggerConfiguration()
+                .MinimumLevel.Debug()
+                .WriteTo.File("Logs/debug-.log", rollingInterval: RollingInterval.Day, shared: true)
+                .CreateLogger();
+
+            logger.Debug("NeedleworkDotNet version: {Version}", Assembly.GetEntryAssembly()?.GetName().Version?.ToString() ?? "0.0.0.0");
+            logger.Debug("OS description: {Description}", System.Runtime.InteropServices.RuntimeInformation.OSDescription);
+
+            return logger;
+        }
+
+        public static void LogFatal(UnhandledExceptionEventArgs e)
+        {
+            File.AppendAllText($"Logs/fatal-{DateTime.Now:yyyyMMdd}.log", e.ExceptionObject.ToString());
+        }
+    }
+}

Needlework.Net/Messages/DataReadyMessage.cs

@@ -1,9 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-using Needlework.Net.Models;
-
-namespace Needlework.Net.Messages
-{
-    public class DataReadyMessage(OpenApiDocumentWrapper wrapper) : ValueChangedMessage<OpenApiDocumentWrapper>(wrapper)
-    {
-    }
-}

Needlework.Net/Messages/DataRequestMessage.cs

@@ -1,9 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-using Needlework.Net.Models;
-
-namespace Needlework.Net.Messages
-{
-    public class DataRequestMessage : RequestMessage<OpenApiDocumentWrapper>
-    {
-    }
-}

Needlework.Net/Messages/HostDocumentRequestMessage.cs

@@ -1,9 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-using Microsoft.OpenApi.Models;
-
-namespace Needlework.Net.Messages
-{
-    public class HostDocumentRequestMessage : RequestMessage<OpenApiDocument>
-    {
-    }
-}

Needlework.Net/Messages/InfoBarUpdateMessage.cs

@@ -1,9 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-using Needlework.Net.ViewModels.MainWindow;
-
-namespace Needlework.Net.Messages
-{
-    public class InfoBarUpdateMessage(InfoBarViewModel vm) : ValueChangedMessage<InfoBarViewModel>(vm)
-    {
-    }
-}

Needlework.Net/Messages/OopsiesDialogRequestedMessage.cs

@@ -1,8 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-
-namespace Needlework.Net.Messages
-{
-    public class OopsiesDialogRequestedMessage(string text) : ValueChangedMessage<string>(text)
-    {
-    }
-}

Needlework.Net/Messages/ResponseUpdatedMessage.cs

@@ -1,8 +0,0 @@
-using CommunityToolkit.Mvvm.Messaging.Messages;
-
-namespace Needlework.Net.Messages
-{
-    public class ResponseUpdatedMessage(string data) : ValueChangedMessage<string>(data)
-    {
-    }
-}

Needlework.Net/Models/Document.cs

@@ -1,9 +1,10 @@
 using System.Collections.Generic;
+using System.Linq;
 using Microsoft.OpenApi.Models;
 
 namespace Needlework.Net.Models;
 
-public class OpenApiDocumentWrapper
+public class Document
 {
     internal OpenApiDocument OpenApiDocument { get; }
 
@@ -13,7 +14,7 @@ public class OpenApiDocumentWrapper
 
     public List<string> Paths => [.. OpenApiDocument.Paths.Keys];
 
-    public OpenApiDocumentWrapper(OpenApiDocument openApiDocument)
+    public Document(OpenApiDocument openApiDocument)
     {
         OpenApiDocument = openApiDocument;
         var plugins = new SortedDictionary<string, List<PathOperation>>();
@@ -35,10 +36,10 @@ public class OpenApiDocumentWrapper
                 {
                     pluginsKey = "default";
                     if (plugins.TryGetValue(pluginsKey, out var p))
-                        p.Add(new(method.ToString(), path, operation));
+                        p.Add(new(method.ToString(), path, pluginsKey, operation));
                     else
                     {
-                        operations.Add(new(method.ToString(), path, operation));
+                        operations.Add(new(method.ToString(), path, pluginsKey, operation));
                         plugins[pluginsKey] = operations;
                     }
                 }
@@ -46,19 +47,16 @@ public class OpenApiDocumentWrapper
                 {
                     foreach (var tag in operation.Tags)
                     {
-                        var lowercaseTag = tag.Name.ToLower();
+                        if (tag.Name == "plugins")
-                        if (lowercaseTag == "plugins")
                             continue;
-                        else if (lowercaseTag.Contains("plugin "))
-                            pluginsKey = lowercaseTag.Replace("plugin ", "");
                         else
-                            pluginsKey = lowercaseTag;
+                            pluginsKey = tag.Name;
 
                         if (plugins.TryGetValue(pluginsKey, out var p))
-                            p.Add(new(method.ToString(), path, operation));
+                            p.Add(new(method.ToString(), path, tag.Name, operation));
                         else
                         {
-                            operations.Add(new(method.ToString(), path, operation));
+                            operations.Add(new(method.ToString(), path, tag.Name, operation));
                             plugins[pluginsKey] = operations;
                         }
                     }
@@ -66,6 +64,10 @@ public class OpenApiDocumentWrapper
             }
         }
 
+        plugins = new(plugins.ToDictionary(
+            kvp => kvp.Key,
+            kvp => kvp.Value.OrderBy(x => x.Path).ToList()));
+
         Plugins = plugins;
     }
 }

Needlework.Net/Models/GithubRelease.cs

@@ -7,6 +7,6 @@ namespace Needlework.Net.Models
         [JsonPropertyName("tag_name")]
         public string TagName { get; set; } = string.Empty;
 
-        public bool IsLatest(int version) => int.Parse(TagName.Replace(".", "")) > version;
+        public bool IsLatest(string assemblyVersion) => int.Parse(TagName.Replace(".", string.Empty)) > int.Parse(assemblyVersion.Replace(".", string.Empty));
     }
 }

Needlework.Net/Models/Notification.cs

@@ -0,0 +1,9 @@
+using FluentAvalonia.UI.Controls;
+using System;
+
+namespace Needlework.Net.Models
+{
+    public record Notification(string Title, string Message, InfoBarSeverity InfoBarSeverity, TimeSpan? Duration = null, string? Url = null)
+    {
+    }
+}

Needlework.Net/Models/PathOperation.cs

@@ -2,4 +2,4 @@ using Microsoft.OpenApi.Models;
 
 namespace Needlework.Net.Models;
 
-public record PathOperation(string Method, string Path, OpenApiOperation Operation);
+public record PathOperation(string Method, string Path, string Tag, OpenApiOperation Operation);

Needlework.Net/Models/Resources.cs

@@ -1,23 +0,0 @@
-using System.Net.Http;
-using System.Threading.Tasks;
-using Microsoft.OpenApi.Models;
-using Microsoft.OpenApi.Readers;
-
-namespace Needlework.Net.Models;
-
-public static class Resources
-{
-    /// <summary>
-    /// Get the OpenApi document of the LCU schema. Provided by dysolix. 
-    /// </summary>
-    /// <param name="httpClient"></param>
-    /// <returns></returns>
-    public static async Task<OpenApiDocument> GetOpenApiDocumentAsync(HttpClient httpClient)
-    {
-        var stream = await httpClient.GetStreamAsync("https://raw.githubusercontent.com/dysolix/hasagi-types/main/swagger.json");
-        
-        var document = new OpenApiStreamReader().Read(stream, out var _);
-
-        return document;
-    }
-}

Needlework.Net/Models/SystemBuild.cs

@@ -0,0 +1,10 @@
+namespace Needlework.Net.Models
+{
+    public class SystemBuild
+    {
+        public string Branch { get; set; } = string.Empty;
+        public string Patchline { get; set; } = string.Empty;
+        public string PatchlineVisibleName { get; set; } = string.Empty;
+        public string Version { get; set; } = string.Empty;
+    }
+}

Needlework.Net/Needlework.Net.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk">
   <PropertyGroup>
     <OutputType>WinExe</OutputType>
-    <TargetFramework>net8.0-windows</TargetFramework>
+    <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
     <ApplicationManifest>app.manifest</ApplicationManifest>
@@ -11,43 +11,59 @@
     <AvaloniaXamlIlDebuggerLaunch>False</AvaloniaXamlIlDebuggerLaunch>
 	<ApplicationIcon>app.ico</ApplicationIcon>
     <AssemblyName>NeedleworkDotNet</AssemblyName>
-    <AssemblyVersion>0.10.0.0</AssemblyVersion>
+    <AssemblyVersion>0.13.0.0</AssemblyVersion>
     <FileVersion>$(AssemblyVersion)</FileVersion>
     <AvaloniaXamlVerboseExceptions>False</AvaloniaXamlVerboseExceptions>
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Avalonia" Version="11.1.3" />
+    <PackageReference Include="Avalonia" Version="11.3.1" />
-    <PackageReference Include="Avalonia.AvaloniaEdit" Version="11.1.0" />
+    <PackageReference Include="Avalonia.AvaloniaEdit" Version="11.3.0" />
-    <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.3.1" />
     <PackageReference Include="Avalonia.Controls.ItemsRepeater" Version="11.1.3" />
-    <PackageReference Include="Avalonia.Desktop" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Desktop" Version="11.3.1" />
-    <PackageReference Include="Avalonia.Fonts.Inter" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Fonts.Inter" Version="11.3.1" />
     <!--Condition below is needed to remove Avalonia.Diagnostics package from build output in Release configuration.-->
-    <PackageReference Condition="'$(Configuration)' == 'Debug'" Include="Avalonia.Diagnostics" Version="11.1.3" />
+    <PackageReference Condition="'$(Configuration)' == 'Debug'" Include="Avalonia.Diagnostics" Version="11.3.1" />
-    <PackageReference Include="Avalonia.Themes.Fluent" Version="11.1.3" />
+    <PackageReference Include="Avalonia.ReactiveUI" Version="11.3.1" />
-    <PackageReference Include="AvaloniaEdit.TextMate" Version="11.1.0" />
+    <PackageReference Include="Avalonia.Themes.Fluent" Version="11.3.1" />
-    <PackageReference Include="BlossomiShymae.GrrrLCU" Version="0.14.0" />
+    <PackageReference Include="AvaloniaEdit.TextMate" Version="11.3.0" />
+    <PackageReference Include="BlossomiShymae.Briar" Version="0.2.0" />
     <PackageReference Include="CommunityToolkit.Mvvm" Version="8.3.2" />
-    <PackageReference Include="FluentAvaloniaUI" Version="2.1.0" />
+    <PackageReference Include="FastCache.Cached" Version="1.8.2" />
-    <PackageReference Include="Material.Icons.Avalonia" Version="2.1.10" />
+    <PackageReference Include="FluentAvaloniaUI" Version="2.3.0" />
+    <PackageReference Include="Flurl" Version="4.0.0" />
+    <PackageReference Include="Flurl.Http" Version="4.0.2" />
+    <PackageReference Include="Material.Icons.Avalonia" Version="2.4.1" />
     <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="9.0.0" />
     <PackageReference Include="Microsoft.Extensions.Http" Version="9.0.0" />
     <PackageReference Include="Microsoft.Extensions.Logging" Version="9.0.0" />
-    <PackageReference Include="Microsoft.OpenApi" Version="1.6.22" />
+    <PackageReference Include="Microsoft.OpenApi" Version="1.6.24" />
-    <PackageReference Include="Microsoft.OpenApi.Readers" Version="1.6.22" />
+    <PackageReference Include="Microsoft.OpenApi.Readers" Version="1.6.24" />
-    <PackageReference Include="Projektanker.Icons.Avalonia" Version="9.4.0" />
+    <PackageReference Include="Projektanker.Icons.Avalonia" Version="9.6.2" />
-    <PackageReference Include="Projektanker.Icons.Avalonia.FontAwesome" Version="9.4.0" />
+    <PackageReference Include="Projektanker.Icons.Avalonia.FontAwesome" Version="9.6.2" />
-    <PackageReference Include="Serilog" Version="4.2.0" />
+    <PackageReference Include="ReactiveUI.SourceGenerators" Version="2.2.4">
+      <PrivateAssets>all</PrivateAssets>
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+    </PackageReference>
+    <PackageReference Include="Serilog" Version="4.3.0" />
     <PackageReference Include="Serilog.Extensions.Logging" Version="9.0.0" />
-    <PackageReference Include="Serilog.Sinks.File" Version="6.0.0" />
+    <PackageReference Include="Serilog.Sinks.File" Version="7.0.0" />
-    <PackageReference Include="TextMateSharp.Grammars" Version="1.0.65" />
+    <PackageReference Include="Splat.Serilog" Version="15.3.1" />
+    <PackageReference Include="TextMateSharp.Grammars" Version="1.0.69" />
   </ItemGroup>
   
   <ItemGroup>
     <AvaloniaResource Include="Assets\**" />	
   </ItemGroup>
   
+  <ItemGroup>
+    <AvaloniaXaml Remove="Utilities\**" />
+    <Compile Remove="Utilities\**" />
+    <EmbeddedResource Remove="Utilities\**" />
+    <None Remove="Utilities\**" />
+  </ItemGroup>
+
   <ItemGroup>
     <UpToDateCheckInput Remove="Views\AboutView.axaml" />
   </ItemGroup>
@@ -56,19 +72,36 @@
     <Compile Update="Controls\BusyArea.axaml.cs">
       <DependentUpon>BusyArea.axaml</DependentUpon>
     </Compile>
-    <Compile Update="Views\MainWindow\MainWindowView.axaml.cs">
+    <Compile Update="Views\MainWindow\MainWindow.axaml.cs">
-      <DependentUpon>MainWindowView.axaml</DependentUpon>
+      <DependentUpon>MainWindow.axaml</DependentUpon>
     </Compile>
-    <Compile Update="Views\Pages\Endpoints\EndpointsNavigationView.axaml.cs">
+    <Compile Update="Views\Pages\About\AboutPage.axaml.cs">
-      <DependentUpon>EndpointsNavigationView.axaml</DependentUpon>
+      <DependentUpon>AboutPage.axaml</DependentUpon>
     </Compile>
-    <Compile Update="Views\Pages\Endpoints\EndpointView.axaml.cs">
+    <Compile Update="Views\Pages\Console\ConsolePage.axaml.cs">
-      <DependentUpon>EndpointView.axaml</DependentUpon>
+      <DependentUpon>ConsolePage.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\Endpoints\EndpointTabListView.axaml.cs">
+      <DependentUpon>EndpointTabListView.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\Endpoints\EndpointTabItemContentView.axaml.cs">
+      <DependentUpon>EndpointTabItemContentView.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\Endpoints\EndpointsPage.axaml.cs">
+      <DependentUpon>EndpointsPage.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\Endpoints\PluginView.axaml.cs">
+      <DependentUpon>PluginView.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\Home\HomePage.axaml.cs">
+      <DependentUpon>HomePage.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Pages\WebSocket\WebSocketPage.axaml.cs">
+      <DependentUpon>WebSocketPage.axaml</DependentUpon>
     </Compile>
   </ItemGroup>
 
   <ItemGroup>
     <Folder Include="Assets\Users\" />
-    <Folder Include="Utilities\" />
   </ItemGroup>
 </Project>

Needlework.Net/Program.cs

@@ -1,15 +1,8 @@
 using Avalonia;
-using Microsoft.Extensions.DependencyInjection;
+using Avalonia.ReactiveUI;
-using Needlework.Net.Extensions;
-using Needlework.Net.Services;
-using Needlework.Net.ViewModels.MainWindow;
-using Needlework.Net.ViewModels.Pages;
 using Projektanker.Icons.Avalonia;
 using Projektanker.Icons.Avalonia.FontAwesome;
-using Serilog;
 using System;
-using System.IO;
-using System.Reflection;
 
 namespace Needlework.Net;
 
@@ -33,35 +26,17 @@ class Program
         IconProvider.Current
             .Register<FontAwesomeIconProvider>();
 
-        return AppBuilder.Configure(() => new App(BuildServices()))
+        return AppBuilder.Configure<App>()
                 .UsePlatformDetect()
                 .WithInterFont()
-                .LogToTrace();
+                .With(new Win32PlatformOptions { CompositionMode = [Win32CompositionMode.WinUIComposition, Win32CompositionMode.DirectComposition] })
-    }
+                .With(new MacOSPlatformOptions { ShowInDock = true, })
-
+                .LogToTrace()
-    private static IServiceProvider BuildServices()
+                .UseReactiveUI();
-    {
-        var builder = new ServiceCollection();
-
-        builder.AddSingleton<MainWindowViewModel>();
-        builder.AddSingleton<DialogService>();
-        builder.AddSingletonsFromAssemblies<PageBase>();
-        builder.AddHttpClient();
-
-        var logger = new LoggerConfiguration()
-            .MinimumLevel.Debug()
-            .WriteTo.File("Logs/NeedleworkDotNet.log", rollingInterval: RollingInterval.Day, shared: true)
-            .CreateLogger();
-        logger.Debug("NeedleworkDotNet version: {Version}", Assembly.GetEntryAssembly()?.GetName().Version?.ToString() ?? "0.0.0.0");
-        logger.Debug("OS description: {Description}", System.Runtime.InteropServices.RuntimeInformation.OSDescription);
-        builder.AddLogging(builder => builder.AddSerilog(logger));
-
-        var services = builder.BuildServiceProvider();
-        return services;
     }
 
     private static void Program_UnhandledException(object sender, UnhandledExceptionEventArgs e)
     {
-        File.WriteAllText($"errorlog-{DateTime.Now:HHmmssfff}", e.ExceptionObject.ToString());
+        Logger.LogFatal(e);
     }
 }

Needlework.Net/Services/NotificationService.cs

@@ -0,0 +1,19 @@
+using FluentAvalonia.UI.Controls;
+using Needlework.Net.Models;
+using System;
+using System.Reactive.Subjects;
+
+namespace Needlework.Net.Services
+{
+    public class NotificationService
+    {
+        private readonly Subject<Notification> _notificationSubject = new();
+
+        public IObservable<Notification> Notifications { get { return _notificationSubject; } }
+
+        public void Notify(string title, string message, InfoBarSeverity severity, TimeSpan? duration = null, string? url = null)
+        {
+            _notificationSubject.OnNext(new Notification(title, message, severity, duration, url));
+        }
+    }
+}

Needlework.Net/ViewLocator.cs

@@ -1,50 +0,0 @@
-using Avalonia.Controls;
-using Avalonia.Controls.Templates;
-using System;
-using System.Collections.Generic;
-using System.ComponentModel;
-using System.Linq;
-using System.Reflection;
-
-namespace Needlework.Net
-{
-    public class ViewLocator : IDataTemplate
-    {
-        private readonly Dictionary<object, Control> _controlCache = [];
-
-        public Control Build(object? data)
-        {
-            var name = data?.GetType().Name;
-            if (name is null)
-            {
-                return new TextBlock { Text = "Data is null or has no name." };
-            }
-            if (!name.Contains("ViewModel"))
-            {
-                return new TextBlock { Text = "Data name must end with ViewModel." };
-            }
-
-            name = name.Replace("ViewModel", "View");
-            var type = Assembly.GetExecutingAssembly()
-                .GetTypes()
-                .Where(t => t.Name == name)
-                .FirstOrDefault();
-
-            if (type is null)
-            {
-                return new TextBlock { Text = $"No view for {name}." };
-            }
-
-            if (!_controlCache.TryGetValue(data!, out var res))
-            {
-                res ??= (Control)Activator.CreateInstance(type)!;
-                _controlCache[data!] = res;
-            }
-
-            res.DataContext = data;
-            return res;
-        }
-
-        public bool Match(object? data) => data is INotifyPropertyChanged;
-    }
-}

Needlework.Net/ViewModels/MainWindow/InfoBarViewModel.cs

@@ -1,26 +0,0 @@
-using Avalonia.Controls;
-using CommunityToolkit.Mvvm.ComponentModel;
-using FluentAvalonia.UI.Controls;
-using System;
-
-namespace Needlework.Net.ViewModels.MainWindow;
-
-public partial class InfoBarViewModel : ObservableObject
-{
-    [ObservableProperty] private string _title;
-    [ObservableProperty] private bool _isOpen;
-    [ObservableProperty] private string _message;
-    [ObservableProperty] private InfoBarSeverity _severity;
-    [ObservableProperty] private TimeSpan _duration;
-    [ObservableProperty] private Control? _actionButton;
-
-    public InfoBarViewModel(string title, bool isOpen, string message, InfoBarSeverity severity, TimeSpan duration, Control? actionButton = null)
-    {
-        _title = title;
-        _isOpen = isOpen;
-        _message = message;
-        _severity = severity;
-        _duration = duration;
-        _actionButton = actionButton;
-    }
-}

Needlework.Net/ViewModels/MainWindow/MainWindowViewModel.cs

@@ -1,176 +1,162 @@
-using Avalonia.Collections;
+using BlossomiShymae.Briar;
-using CommunityToolkit.Mvvm.ComponentModel;
+using BlossomiShymae.Briar.Utils;
-using CommunityToolkit.Mvvm.Input;
-using CommunityToolkit.Mvvm.Messaging;
 using FluentAvalonia.UI.Controls;
+using Flurl.Http;
+using Flurl.Http.Configuration;
 using Microsoft.Extensions.Logging;
-using Microsoft.OpenApi.Models;
-using Needlework.Net.Messages;
 using Needlework.Net.Models;
 using Needlework.Net.Services;
 using Needlework.Net.ViewModels.Pages;
-using Needlework.Net.Views.MainWindow;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using Splat;
 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
-using System.Diagnostics;
 using System.Linq;
-using System.Net.Http;
 using System.Net.Http.Json;
+using System.Reactive;
+using System.Reactive.Linq;
 using System.Reflection;
-using System.Threading;
 using System.Threading.Tasks;
 
 namespace Needlework.Net.ViewModels.MainWindow;
 
 public partial class MainWindowViewModel
-    : ObservableObject, IRecipient<DataRequestMessage>, IRecipient<HostDocumentRequestMessage>, IRecipient<InfoBarUpdateMessage>, IRecipient<OopsiesDialogRequestedMessage>
+    : ReactiveObject, IScreen, IEnableLogger
 {
-    public IAvaloniaReadOnlyList<NavigationViewItem> MenuItems { get; }
+    private readonly IEnumerable<PageBase> _pages;
-    [NotifyPropertyChangedFor(nameof(CurrentPage))]
-    [ObservableProperty] private NavigationViewItem _selectedMenuItem;
-    public PageBase CurrentPage => (PageBase)SelectedMenuItem.Tag!;
 
-    public string Version { get; } = Assembly.GetEntryAssembly()?.GetName().Version?.ToString() ?? "0.0.0.0";
+    private readonly IFlurlClient _githubClient;
-    [ObservableProperty] private bool _isUpdateShown = false;
 
-    public HttpClient HttpClient { get; }
+    private readonly NotificationService _notificationService;
-    public DialogService DialogService { get; }
-    public OpenApiDocumentWrapper? OpenApiDocumentWrapper { get; set; }
-    public OpenApiDocument? HostDocument { get; set; }
 
-    [ObservableProperty] private bool _isBusy = true;
+    private readonly DataSource _dataSource;
 
-    [ObservableProperty] private ObservableCollection<InfoBarViewModel> _infoBarItems = [];
+    private readonly IDisposable _checkForUpdatesDisposable;
 
-    private readonly ILogger<MainWindowViewModel> _logger;
+    private readonly IDisposable _checkForSchemaVersionDisposable;
 
-    public MainWindowViewModel(IEnumerable<PageBase> pages, HttpClient httpClient, DialogService dialogService, ILogger<MainWindowViewModel> logger)
+    public MainWindowViewModel(IEnumerable<PageBase>? pages = null, IFlurlClientCache? clients = null, NotificationService? notificationService = null, DataSource? dataSource = null)
     {
-        _logger = logger;
+        _pages = pages ?? Locator.Current.GetServices<PageBase>();
+        _githubClient = clients?.Get("GithubClient") ?? Locator.Current.GetService<IFlurlClientCache>()!.Get("GithubClient");
+        _notificationService = notificationService ?? Locator.Current.GetService<NotificationService>()!;
+        _dataSource = dataSource ?? Locator.Current.GetService<DataSource>()!;
 
-        MenuItems = new AvaloniaList<NavigationViewItem>(pages
+        PageItems = _pages
             .OrderBy(p => p.Index)
             .ThenBy(p => p.DisplayName)
-            .Select(p => new NavigationViewItem()
+            .Select(ToNavigationViewItem)
-            {
+            .ToList();
-                Content = p.DisplayName,
-                Tag = p,
-                IconSource = new BitmapIconSource() { UriSource = new Uri($"avares://NeedleworkDotNet/Assets/Icons/{p.Icon}.png") }
-            }));
-        SelectedMenuItem = MenuItems[0];
 
-        HttpClient = httpClient;
+        SelectedPageItem = PageItems.First();
-        DialogService = dialogService;
 
-        WeakReferenceMessenger.Default.RegisterAll(this);
+        this.WhenAnyValue(x => x.SelectedPageItem)
+            .Subscribe(x => Router.Navigate.Execute((IRoutableViewModel)x.Tag!));
 
-        Task.Run(FetchDataAsync);
+        _notificationService.Notifications.Subscribe(async notification =>
-        new Thread(ProcessEvents) { IsBackground = true }.Start();
-    }
-
-    private void ProcessEvents(object? obj)
         {
-        while (!IsUpdateShown)
+            var vm = new NotificationViewModel(notification);
-        {
+            Notifications.Add(vm);
-            Task.Run(CheckLatestVersionAsync);
+            await Task.Delay(notification.Duration ?? TimeSpan.FromSeconds(10));
-
+            Notifications.Remove(vm);
-            Thread.Sleep(TimeSpan.FromMinutes(10)); // Avoid tripping unauthenticated rate limits
-        }
-    }
-
-    private async Task CheckLatestVersionAsync()
-    {
-        try
-        {
-            var request = new HttpRequestMessage(HttpMethod.Get, "https://api.github.com/repos/BlossomiShymae/Needlework.Net/releases/latest");
-            request.Headers.UserAgent.Add(new System.Net.Http.Headers.ProductInfoHeaderValue("Needlework.Net", Version));
-
-            var response = await HttpClient.SendAsync(request);
-            var release = await response.Content.ReadFromJsonAsync<GithubRelease>();
-            if (release == null)
-            {
-                _logger.LogWarning("Release response is null");
-                return;
-            }
-
-            var currentVersion = int.Parse(Version.Replace(".", ""));
-
-            if (release.IsLatest(currentVersion))
-            {
-                Avalonia.Threading.Dispatcher.UIThread.Post(async () =>
-                {
-                    await ShowInfoBarAsync(new("Needlework.Net Update", true, $"There is a new version available: {release.TagName}.", InfoBarSeverity.Informational, TimeSpan.FromSeconds(10), new Avalonia.Controls.Button()
-                    {
-                        Command = OpenUrlCommand,
-                        CommandParameter = "https://github.com/BlossomiShymae/Needlework.Net/releases",
-                        Content = "Download"
-                    }));
-                    IsUpdateShown = true;
         });
-            }
+
-        }
+        CheckForUpdatesCommand.ThrownExceptions.Subscribe(ex =>
-        catch (Exception ex)
         {
-            _logger.LogError(ex, "Failed to check for latest version");
+            var message = "Failed to check for updates. Please check your internet connection or try again later.";
-        }
+            this.Log()
+                .Error(ex, message);
+            _notificationService.Notify("Needlework.Net", message, InfoBarSeverity.Error);
+            _checkForUpdatesDisposable?.Dispose();
+        });
+
+        _checkForUpdatesDisposable = Observable.Timer(TimeSpan.Zero, TimeSpan.FromMinutes(10))
+            .Select(time => Unit.Default)
+            .InvokeCommand(this, x => x.CheckForUpdatesCommand);
+
+        CheckForSchemaVersionCommand.ThrownExceptions.Subscribe(ex =>
+        {
+            var message = "Failed to check for schema version. Please check your internet connection or try again later.";
+            this.Log()
+                .Error(ex, message);
+            _notificationService.Notify("Needlework.Net", message, InfoBarSeverity.Error);
+            _checkForSchemaVersionDisposable?.Dispose();
+        });
+
+        _checkForSchemaVersionDisposable = Observable.Timer(TimeSpan.Zero, TimeSpan.FromMinutes(10))
+            .Select(time => Unit.Default)
+            .InvokeCommand(this, x => x.CheckForSchemaVersionCommand);
     }
 
-    private async Task FetchDataAsync()
+    [Reactive]
-    {
+    private RoutingState _router = new();
-        try
-        {
-            var document = await Resources.GetOpenApiDocumentAsync(HttpClient);
-            HostDocument = document;
-            var handler = new OpenApiDocumentWrapper(document);
-            OpenApiDocumentWrapper = handler;
 
-            WeakReferenceMessenger.Default.Send(new DataReadyMessage(handler));
+    [Reactive]
-            IsBusy = false;
+    private ObservableCollection<NotificationViewModel> _notifications = [];
-        }
-        catch (HttpRequestException ex)
-        {
-            _logger.LogError(ex, "Failed to fetch OpenAPI data");
-        }
-    }
 
-    public void Receive(DataRequestMessage message)
+    [Reactive]
-    {
+    private NavigationViewItem _selectedPageItem;
-        message.Reply(OpenApiDocumentWrapper!);
-    }
 
-    public void Receive(HostDocumentRequestMessage message)
+    public List<NavigationViewItem> PageItems = [];
-    {
-        message.Reply(HostDocument!);
-    }
 
-    [RelayCommand]
+    public bool IsSchemaVersionChecked { get; private set; } = false;
-    private void OpenUrl(string url)
+
+    public string Version { get; } = Assembly.GetEntryAssembly()?.GetName().Version?.ToString() ?? "0.0.0.0";
+
+    private NavigationViewItem ToNavigationViewItem(PageBase page) => new()
     {
-        var process = new Process()
+        Content = page.DisplayName,
-        {
+        Tag = page,
-            StartInfo = new ProcessStartInfo(url)
+        IconSource = new BitmapIconSource() { UriSource = new Uri($"avares://NeedleworkDotNet/Assets/Icons/{page.Icon}.png") }
-            {
-                UseShellExecute = true
-            }
     };
-        process.Start();
+
+    [ReactiveCommand]
+    private async Task CheckForUpdatesAsync()
+    {
+        var release = await _githubClient
+            .Request("/repos/BlossomiShymae/Needlework.Net/releases/latest")
+            .WithHeader("User-Agent", $"Needlework.Net/{Version}")
+            .GetJsonAsync<GithubRelease>();
+
+        if (release.IsLatest(Version))
+        {
+            this.Log()
+                .Info("New version available: {TagName}", release.TagName);
+            _notificationService.Notify("Needlework.Net", $"New version available: {release.TagName}", InfoBarSeverity.Informational, null, "https://github.com/BlossomiShymae/Needlework.Net/releases/latest");
+            _checkForUpdatesDisposable?.Dispose();
+        }
     }
 
-    public void Receive(InfoBarUpdateMessage message)
+
+    [ReactiveCommand]
+    private async Task CheckForSchemaVersionAsync()
     {
-        Avalonia.Threading.Dispatcher.UIThread.Post(async () => await ShowInfoBarAsync(message.Value));
+        if (!ProcessFinder.IsPortOpen()) return;
+
+        var lcuSchemaDocument = await _dataSource.GetLcuSchemaDocumentAsync();
+        var client = Connector.GetLcuHttpClientInstance();
+        var currentSemVer = lcuSchemaDocument.Info.Version.Split('.');
+        var systemBuild = await client.GetFromJsonAsync<SystemBuild>("/system/v1/builds") ?? throw new NullReferenceException();
+        var latestSemVer = systemBuild.Version.Split('.');
+
+        if (!IsSchemaVersionChecked)
+        {
+            this.Log()
+                .Info("LCU Schema (current): {Version}", lcuSchemaDocument.Info.Version);
+            this.Log()
+                .Info("LCU Schema (latest): {Version}", systemBuild.Version);
+            IsSchemaVersionChecked = true;
         }
 
-    private async Task ShowInfoBarAsync(InfoBarViewModel vm)
+        bool isVersionMatching = currentSemVer[0] == latestSemVer[0] && currentSemVer[1] == latestSemVer[1]; // Compare major and minor versions
+        if (!isVersionMatching)
         {
-        InfoBarItems.Add(vm);
+            this.Log()
-        await Task.Delay(vm.Duration);
+                .Warn("LCU Schema version mismatch: Current {CurrentVersion}, Latest {LatestVersion}", lcuSchemaDocument.Info.Version, systemBuild.Version);
-        InfoBarItems.Remove(vm);
+            _notificationService.Notify("Needlework.Net", $"LCU Schema is possibly outdated compared to latest system build. Consider submitting a pull request on dysolix/hasagi-types.\nCurrent: {string.Join(".", currentSemVer)}\nLatest: {string.Join(".", latestSemVer)}", InfoBarSeverity.Warning, null, "https://github.com/dysolix/hasagi-types#updating-the-types");
+            _checkForSchemaVersionDisposable?.Dispose();
         }
-
-    public void Receive(OopsiesDialogRequestedMessage message)
-    {
-        Avalonia.Threading.Dispatcher.UIThread.Invoke(async () => await DialogService.ShowAsync<OopsiesDialog>(message.Value));
     }
 }

Needlework.Net/ViewModels/MainWindow/NotificationViewModel.cs

@@ -0,0 +1,36 @@
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using System;
+using System.Diagnostics;
+using System.Linq;
+using System.Reactive.Linq;
+
+namespace Needlework.Net.ViewModels.MainWindow
+{
+    public partial class NotificationViewModel : ReactiveObject
+    {
+        private IObservable<bool> _canExecute;
+
+        public NotificationViewModel(Needlework.Net.Models.Notification notification)
+        {
+            Notification = notification;
+
+            _canExecute = this.WhenAnyValue(x => x.Notification.Url)
+                .Select(url => !string.IsNullOrEmpty(url));
+
+            _isButtonVisibleHelper = _canExecute.ToProperty(this, x => x.IsButtonVisible);
+        }
+
+        [ObservableAsProperty]
+        private bool _isButtonVisible = false;
+
+        public Needlework.Net.Models.Notification Notification { get; }
+
+        [ReactiveCommand(CanExecute = nameof(_canExecute))]
+        public void OpenUrl()
+        {
+            var process = new Process() { StartInfo = new() { UseShellExecute = true } };
+            process.Start();
+        }
+    }
+}

Needlework.Net/ViewModels/Pages/About/AboutViewModel.cs

@@ -0,0 +1,16 @@
+using ReactiveUI;
+using Splat;
+
+namespace Needlework.Net.ViewModels.Pages.About;
+
+public partial class AboutViewModel : PageBase
+{
+    public AboutViewModel(IScreen? screen = null) : base("About", "info-circle")
+    {
+        HostScreen = screen ?? Locator.Current.GetService<IScreen>()!;
+    }
+
+    public override string? UrlPathSegment => "about";
+
+    public override IScreen HostScreen { get; }
+}

Needlework.Net/ViewModels/Pages/AboutViewModel.cs

@@ -1,25 +0,0 @@
-using CommunityToolkit.Mvvm.Input;
-using System.Diagnostics;
-using System.Net.Http;
-
-namespace Needlework.Net.ViewModels.Pages;
-
-public partial class AboutViewModel : PageBase
-{
-    public HttpClient HttpClient { get; }
-
-    public AboutViewModel(HttpClient httpClient) : base("About", "info-circle")
-    {
-        HttpClient = httpClient;
-    }
-
-    [RelayCommand]
-    private void OpenUrl(string url)
-    {
-        var process = new Process()
-        {
-            StartInfo = new ProcessStartInfo(url) { UseShellExecute = true }
-        };
-        process.Start();
-    }
-}

Needlework.Net/ViewModels/Pages/Console/ConsoleViewModel.cs

@@ -0,0 +1,66 @@
+using DynamicData;
+using Needlework.Net.ViewModels.Shared;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using Splat;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Threading.Tasks;
+
+namespace Needlework.Net.ViewModels.Pages.Console;
+
+public partial class ConsoleViewModel : PageBase
+{
+    private readonly DataSource _dataSource;
+
+    public ConsoleViewModel(IScreen? screen = null, DataSource? dataSource = null) : base("Console", "terminal", -200)
+    {
+        _dataSource = dataSource ?? Locator.Current.GetService<DataSource>()!;
+        _request = new(Endpoints.Tab.LCU);
+
+        HostScreen = screen ?? Locator.Current.GetService<IScreen>()!;
+
+        GetRequestPathsCommand.Subscribe(paths =>
+        {
+            RequestPaths.Clear();
+            RequestPaths.AddRange(paths);
+            IsBusy = false;
+        });
+        GetRequestPathsCommand.ThrownExceptions.Subscribe(ex =>
+        {
+            this.Log()
+                .Error(ex, "Failed to load request paths from LCU Schema document.");
+            IsBusy = false;
+        });
+    }
+
+    public ObservableCollection<string> RequestMethods { get; } = ["GET", "POST", "PUT", "DELETE", "HEAD", "PATCH", "OPTIONS", "TRACE"];
+
+    public override string? UrlPathSegment => "console";
+
+    public override ReactiveUI.IScreen HostScreen { get; }
+
+    [Reactive]
+    private ObservableCollection<string> _requestPaths = [];
+
+    [Reactive]
+    private bool _isBusy = true;
+
+    [Reactive]
+    private RequestViewModel _request;
+
+
+    [ReactiveCommand]
+    public async Task<List<string>> GetRequestPathsAsync()
+    {
+        var document = await _dataSource.GetLcuSchemaDocumentAsync();
+        return document.Paths;
+    }
+
+    [ReactiveCommand]
+    private async Task SendRequestAsync()
+    {
+        await Request.ExecuteAsync();
+    }
+}

Needlework.Net/ViewModels/Pages/ConsoleViewModel.cs

@@ -1,41 +0,0 @@
-using Avalonia.Collections;
-using CommunityToolkit.Mvvm.ComponentModel;
-using CommunityToolkit.Mvvm.Input;
-using CommunityToolkit.Mvvm.Messaging;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.Messages;
-using Needlework.Net.ViewModels.Shared;
-using System.Threading.Tasks;
-
-namespace Needlework.Net.ViewModels.Pages;
-
-public partial class ConsoleViewModel : PageBase, IRecipient<DataReadyMessage>
-{
-    public IAvaloniaReadOnlyList<string> RequestMethods { get; } = new AvaloniaList<string>(["GET", "POST", "PUT", "DELETE", "HEAD", "PATCH", "OPTIONS", "TRACE"]);
-    public IAvaloniaList<string> RequestPaths { get; } = new AvaloniaList<string>();
-
-    [ObservableProperty] private bool _isBusy = true;
-    [ObservableProperty] private LcuRequestViewModel _lcuRequest;
-
-    public ConsoleViewModel(ILogger<LcuRequestViewModel> lcuRequestViewModelLogger) : base("Console", "terminal", -200)
-    {
-        _lcuRequest = new(lcuRequestViewModelLogger);
-        WeakReferenceMessenger.Default.Register<DataReadyMessage>(this);
-    }
-
-    [RelayCommand]
-    private async Task SendRequest()
-    {
-        await LcuRequest.ExecuteAsync();
-    }
-
-    public void Receive(DataReadyMessage message)
-    {
-        Avalonia.Threading.Dispatcher.UIThread.Invoke(() =>
-        {
-            RequestPaths.Clear();
-            RequestPaths.AddRange(message.Value.Paths);
-            IsBusy = false;
-        });
-    }
-}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointSearchDetailsViewModel.cs

@@ -0,0 +1,35 @@
+using Needlework.Net.Models;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using System;
+
+namespace Needlework.Net.ViewModels.Pages.Endpoints
+{
+    public partial class EndpointSearchDetailsViewModel : ReactiveObject
+    {
+        private readonly Document _document;
+
+        private readonly Tab _tab;
+
+        private readonly Action<ReactiveObject> _onClicked;
+
+
+        public EndpointSearchDetailsViewModel(Document document, Tab tab, Action<ReactiveObject> onClicked, string? plugin)
+        {
+            _document = document;
+            _tab = tab;
+            _onClicked = onClicked;
+            _plugin = plugin;
+        }
+
+        [Reactive]
+        private string? _plugin;
+
+        [ReactiveCommand]
+        private void OpenEndpoint()
+        {
+            if (string.IsNullOrEmpty(_plugin)) return;
+            _onClicked.Invoke(new PluginViewModel(_plugin, _document, _tab));
+        }
+    }
+}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointTabItemContentViewModel.cs

@@ -0,0 +1,61 @@
+using CommunityToolkit.Mvvm.Input;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using System;
+using System.Collections.ObjectModel;
+
+namespace Needlework.Net.ViewModels.Pages.Endpoints;
+
+public partial class EndpointTabItemContentViewModel : ReactiveObject
+{
+    private readonly Action<string?, Guid> _onEndpointNavigation;
+
+    private readonly Tab _tab;
+
+    public EndpointTabItemContentViewModel(ObservableCollection<string> plugins, Action<string?, Guid> onEndpointNavigation, Models.Document document, Tab tab)
+    {
+        _activeViewModel = _endpointsViewModel = new EndpointTabListViewModel(plugins, OnClicked, document, tab);
+        _onEndpointNavigation = onEndpointNavigation;
+        _tab = tab;
+        _title = GetTitle(tab);
+    }
+
+    public Guid Guid { get; } = Guid.NewGuid();
+
+    [Reactive]
+    private ReactiveObject _activeViewModel;
+
+    [Reactive]
+    private ReactiveObject _endpointsViewModel;
+
+    [Reactive]
+    private string _title;
+
+    private string GetTitle(Tab tab)
+    {
+        return tab switch
+        {
+            Tab.LCU => "LCU",
+            Tab.GameClient => "Game Client",
+            _ => string.Empty,
+        };
+    }
+
+    private void OnClicked(ReactiveObject viewModel)
+    {
+        ActiveViewModel = viewModel;
+        if (viewModel is PluginViewModel endpoint)
+        {
+            Title = $"{GetTitle(_tab)} - {endpoint.Title}";
+            _onEndpointNavigation.Invoke(endpoint.Title, Guid);
+        }
+    }
+
+    [RelayCommand]
+    private void GoBack()
+    {
+        ActiveViewModel = EndpointsViewModel;
+        Title = GetTitle(_tab);
+        _onEndpointNavigation.Invoke(null, Guid);
+    }
+}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointTabItemViewModel.cs

@@ -0,0 +1,29 @@
+using FluentAvalonia.UI.Controls;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+
+namespace Needlework.Net.ViewModels.Pages.Endpoints
+{
+    public partial class EndpointTabItemViewModel : ReactiveObject
+    {
+        public EndpointTabItemViewModel(EndpointTabItemContentViewModel content, string? header = null, IconSource? iconSource = null, bool? selected = null)
+        {
+            _content = content;
+            _header = header ?? string.Empty;
+            _iconSource = iconSource ?? new SymbolIconSource() { Symbol = Symbol.Document, FontSize = 20.0, Foreground = Avalonia.Media.Brushes.White };
+            _selected = selected ?? false;
+        }
+
+        [Reactive]
+        private string _header;
+
+        [Reactive]
+        private IconSource _iconSource;
+
+        [Reactive]
+        private bool _selected;
+
+        [Reactive]
+        private EndpointTabItemContentViewModel _content;
+    }
+}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointTabListViewModel.cs

@@ -0,0 +1,42 @@
+using DynamicData;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Linq;
+
+namespace Needlework.Net.ViewModels.Pages.Endpoints;
+
+public partial class EndpointTabListViewModel : ReactiveObject
+{
+    public EndpointTabListViewModel(ObservableCollection<string> plugins, Action<ReactiveObject> onClicked, Models.Document document, Tab tab)
+    {
+        Plugins = new ObservableCollection<EndpointSearchDetailsViewModel>(plugins.Select(plugin => new EndpointSearchDetailsViewModel(document, tab, onClicked, plugin)));
+
+        this.WhenAnyValue(x => x.Search)
+            .Subscribe(search =>
+            {
+                EndpointSearchDetails.Clear();
+                if (string.IsNullOrEmpty(search))
+                {
+                    EndpointSearchDetails.AddRange(
+                        plugins.Where(plugin => plugin.Contains(search, StringComparison.InvariantCultureIgnoreCase))
+                        .Select(plugin => new EndpointSearchDetailsViewModel(document, tab, onClicked, plugin)));
+                }
+                else
+                {
+                    EndpointSearchDetails.AddRange(
+                        plugins.Select(plugin => new EndpointSearchDetailsViewModel(document, tab, onClicked, plugin)));
+                }
+            });
+    }
+
+    public ObservableCollection<EndpointSearchDetailsViewModel> Plugins { get; }
+
+    [Reactive]
+    private ObservableCollection<EndpointSearchDetailsViewModel> _endpointSearchDetails = [];
+
+    [Reactive]
+    private string _search = string.Empty;
+}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointViewModel.cs

@@ -1,52 +0,0 @@
-using Avalonia.Collections;
-using CommunityToolkit.Mvvm.ComponentModel;
-using CommunityToolkit.Mvvm.Messaging;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.Messages;
-using Needlework.Net.ViewModels.Shared;
-using System;
-using System.Linq;
-
-namespace Needlework.Net.ViewModels.Pages.Endpoints;
-
-public partial class EndpointViewModel : ObservableObject
-{
-    public string Endpoint { get; }
-    public string Title => Endpoint;
-
-
-    public IAvaloniaReadOnlyList<PathOperationViewModel> PathOperations { get; }
-    [ObservableProperty] private PathOperationViewModel? _selectedPathOperation;
-
-    [ObservableProperty] private string? _search;
-    public IAvaloniaList<PathOperationViewModel> FilteredPathOperations { get; }
-
-    public event EventHandler<string>? PathOperationSelected;
-
-    public EndpointViewModel(string endpoint, ILogger<LcuRequestViewModel> lcuRequestViewModelLogger)
-    {
-        Endpoint = endpoint;
-
-        var handler = WeakReferenceMessenger.Default.Send<DataRequestMessage>().Response;
-        PathOperations = new AvaloniaList<PathOperationViewModel>(handler.Plugins[endpoint].Select(x => new PathOperationViewModel(x, lcuRequestViewModelLogger)));
-        FilteredPathOperations = new AvaloniaList<PathOperationViewModel>(PathOperations);
-    }
-
-    partial void OnSearchChanged(string? value)
-    {
-        FilteredPathOperations.Clear();
-
-        if (string.IsNullOrWhiteSpace(value))
-        {
-            FilteredPathOperations.AddRange(PathOperations);
-            return;
-        }
-        FilteredPathOperations.AddRange(PathOperations.Where(o => o.Path.Contains(value, StringComparison.InvariantCultureIgnoreCase)));
-    }
-
-    partial void OnSelectedPathOperationChanged(PathOperationViewModel? value)
-    {
-        if (value == null) return;
-        PathOperationSelected?.Invoke(this, value.Operation.RequestTemplate ?? string.Empty);
-    }
-}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointsNavigationViewModel.cs

@@ -1,43 +0,0 @@
-using Avalonia.Collections;
-using CommunityToolkit.Mvvm.ComponentModel;
-using CommunityToolkit.Mvvm.Input;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.ViewModels.Shared;
-using System;
-
-namespace Needlework.Net.ViewModels.Pages.Endpoints;
-
-public partial class EndpointsNavigationViewModel : ObservableObject
-{
-    public Guid Guid { get; } = Guid.NewGuid();
-
-    [ObservableProperty] private ObservableObject _activeViewModel;
-    [ObservableProperty] private ObservableObject _endpointsViewModel;
-    [ObservableProperty] private string _title = string.Empty;
-
-    private readonly Action<string?, Guid> _onEndpointNavigation;
-
-    public EndpointsNavigationViewModel(IAvaloniaList<string> plugins, Action<string?, Guid> onEndpointNavigation, ILogger<LcuRequestViewModel> lcuRequestViewModelLogger)
-    {
-        _activeViewModel = _endpointsViewModel = new EndpointsViewModel(plugins, OnClicked, lcuRequestViewModelLogger);
-        _onEndpointNavigation = onEndpointNavigation;
-    }
-
-    private void OnClicked(ObservableObject viewModel)
-    {
-        ActiveViewModel = viewModel;
-        if (viewModel is EndpointViewModel endpoint)
-        {
-            Title = endpoint.Title;
-            _onEndpointNavigation.Invoke(endpoint.Title, Guid);
-        }
-    }
-
-    [RelayCommand]
-    private void GoBack()
-    {
-        ActiveViewModel = EndpointsViewModel;
-        Title = string.Empty;
-        _onEndpointNavigation.Invoke(null, Guid);
-    }
-}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointsTabViewModel.cs

@@ -1,67 +0,0 @@
-using Avalonia.Collections;
-using Avalonia.Threading;
-using CommunityToolkit.Mvvm.ComponentModel;
-using CommunityToolkit.Mvvm.Input;
-using CommunityToolkit.Mvvm.Messaging;
-using FluentAvalonia.UI.Controls;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.Messages;
-using Needlework.Net.ViewModels.Shared;
-using System;
-
-namespace Needlework.Net.ViewModels.Pages.Endpoints;
-
-public partial class EndpointsTabViewModel : PageBase, IRecipient<DataReadyMessage>
-{
-    public IAvaloniaList<string> Plugins { get; } = new AvaloniaList<string>();
-    public IAvaloniaList<EndpointItem> Endpoints { get; } = new AvaloniaList<EndpointItem>();
-
-    [ObservableProperty] private bool _isBusy = true;
-
-    private readonly ILogger<LcuRequestViewModel> _lcuRequestViewModelLogger;
-
-    public EndpointsTabViewModel(ILogger<LcuRequestViewModel> lcuRequestViewModelLogger) : base("Endpoints", "list-alt", -500)
-    {
-        _lcuRequestViewModelLogger = lcuRequestViewModelLogger;
-        WeakReferenceMessenger.Default.RegisterAll(this);
-    }
-
-    public void Receive(DataReadyMessage message)
-    {
-        IsBusy = false;
-        Plugins.Clear();
-        Plugins.AddRange(message.Value.Plugins.Keys);
-
-        Dispatcher.UIThread.Post(AddEndpoint);
-    }
-
-    [RelayCommand]
-    private void AddEndpoint()
-    {
-        Endpoints.Add(new()
-        {
-            Content = new EndpointsNavigationViewModel(Plugins, OnEndpointNavigation, _lcuRequestViewModelLogger),
-            Selected = true
-        });
-    }
-
-    private void OnEndpointNavigation(string? title, Guid guid)
-    {
-        foreach (var endpoint in Endpoints)
-        {
-            if (endpoint.Content.Guid.Equals(guid))
-            {
-                endpoint.Header = title ?? "Endpoints";
-                break;
-            }
-        }
-    }
-}
-
-public partial class EndpointItem : ObservableObject
-{
-    [ObservableProperty] private string _header = "Endpoints";
-    public IconSource IconSource { get; set; } = new SymbolIconSource() { Symbol = Symbol.Document, FontSize = 20.0, Foreground = Avalonia.Media.Brushes.White };
-    public bool Selected { get; set; } = false;
-    public required EndpointsNavigationViewModel Content { get; init; }
-}

Needlework.Net/ViewModels/Pages/Endpoints/EndpointsViewModel.cs

@@ -1,47 +1,82 @@
-using Avalonia.Collections;
+using DynamicData;
-using CommunityToolkit.Mvvm.ComponentModel;
+using Needlework.Net.Models;
-using CommunityToolkit.Mvvm.Input;
+using ReactiveUI;
-using Microsoft.Extensions.Logging;
+using ReactiveUI.SourceGenerators;
-using Needlework.Net.ViewModels.Shared;
+using Splat;
 using System;
-using System.Linq;
+using System.Collections.ObjectModel;
+using System.Threading.Tasks;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public partial class EndpointsViewModel : ObservableObject
+public enum Tab
 {
-    public IAvaloniaList<string> Plugins { get; }
+    LCU,
-    public IAvaloniaList<string> Query { get; }
+    GameClient
+}
 
-    [ObservableProperty] private string _search = string.Empty;
+public partial class EndpointsViewModel : PageBase, IEnableLogger
-    [ObservableProperty] private string? _selectedQuery = string.Empty;
+{
+    public record Endpoint(Document Document, Tab Tab);
 
-    public Action<ObservableObject> OnClicked { get; }
+    private readonly DataSource _dataSource;
 
-    private readonly ILogger<LcuRequestViewModel> _lcuRequestViewModelLogger;
+    public EndpointsViewModel(IScreen? screen = null, DataSource? dataSource = null) : base("Endpoints", "list-alt", -500)
-
-    public EndpointsViewModel(IAvaloniaList<string> plugins, Action<ObservableObject> onClicked, ILogger<LcuRequestViewModel> lcuRequestViewModelLogger)
     {
-        Plugins = new AvaloniaList<string>(plugins);
+        _dataSource = dataSource ?? Locator.Current.GetService<DataSource>()!;
-        Query = new AvaloniaList<string>(plugins);
+
-        OnClicked = onClicked;
+        HostScreen = screen ?? Locator.Current.GetService<IScreen>()!;
-        _lcuRequestViewModelLogger = lcuRequestViewModelLogger;
+
+        GetEndpointCommand.Subscribe(endpoint =>
+        {
+            Plugins.Clear();
+            Plugins.AddRange(endpoint.Document.Plugins.Keys);
+
+            var vm = new EndpointTabItemContentViewModel(Plugins, OnEndpointNavigation, endpoint.Document, endpoint.Tab);
+            EndpointTabItems.Add(new(vm, vm.Title, null, true));
+            IsBusy = false;
+        });
+        GetEndpointCommand.ThrownExceptions.Subscribe(ex =>
+        {
+            this.Log()
+                .Error(ex, "Failed to get endpoint.");
+            IsBusy = false;
+        });
     }
 
-    partial void OnSearchChanged(string value)
+    public override string? UrlPathSegment => "endpoints";
+
+    public override ReactiveUI.IScreen HostScreen { get; }
+
+    [Reactive]
+    public ObservableCollection<string> Plugins { get; } = [];
+
+    [Reactive]
+    public ObservableCollection<EndpointTabItemViewModel> EndpointTabItems { get; } = [];
+
+    [Reactive]
+    private bool _isBusy = true;
+
+    [ReactiveCommand]
+    private async Task<Endpoint> GetEndpointAsync(Tab tab)
     {
-        Query.Clear();
+        return tab switch
-        if (!string.IsNullOrEmpty(Search))
+        {
-            Query.AddRange(Plugins.Where(x => x.Contains(value, StringComparison.InvariantCultureIgnoreCase)));
+            Tab.LCU => new(await _dataSource.GetLcuSchemaDocumentAsync(), tab),
-        else
+            Tab.GameClient => new(await _dataSource.GetLolClientDocumentAsync(), tab),
-            Query.AddRange(Plugins);
+            _ => throw new NotImplementedException(),
+        };
     }
 
-    [RelayCommand]
+    private void OnEndpointNavigation(string? title, Guid guid)
-    private void OpenEndpoint(string? value)
     {
-        if (string.IsNullOrEmpty(value)) return;
+        foreach (var endpoint in EndpointTabItems)
-
+        {
-        OnClicked.Invoke(new EndpointViewModel(value, _lcuRequestViewModelLogger));
+            if (endpoint.Content.Guid.Equals(guid))
+            {
+                endpoint.Header = endpoint.Content.Title;
+                break;
+            }
+        }
     }
 }

Needlework.Net/ViewModels/Pages/Endpoints/OperationViewModel.cs

@@ -1,44 +1,52 @@
-using Avalonia.Collections;
+using Microsoft.OpenApi.Models;
-using CommunityToolkit.Mvvm.ComponentModel;
+using Needlework.Net.Models;
-using CommunityToolkit.Mvvm.Messaging;
+using ReactiveUI;
-using Microsoft.OpenApi.Models;
-using Needlework.Net.Messages;
 using System.Collections.Generic;
+using System.Diagnostics.CodeAnalysis;
 using System.Linq;
 using System.Text.Json;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public partial class OperationViewModel : ObservableObject
+public partial class OperationViewModel : ReactiveObject
 {
-    public string Summary { get; }
+    public OperationViewModel(OpenApiOperation operation, Models.Document document)
-    public string Description { get; }
-    public string ReturnType { get; }
-    public bool IsRequestBody { get; }
-    public string? RequestBodyType { get; }
-    public IAvaloniaReadOnlyList<PropertyClassViewModel> RequestClasses { get; }
-    public IAvaloniaReadOnlyList<PropertyClassViewModel> ResponseClasses { get; }
-    public IAvaloniaReadOnlyList<ParameterViewModel> PathParameters { get; }
-    public IAvaloniaReadOnlyList<ParameterViewModel> QueryParameters { get; }
-    public string? RequestTemplate { get; }
-
-    public OperationViewModel(OpenApiOperation operation)
     {
         Summary = operation.Summary ?? string.Empty;
         Description = operation.Description ?? string.Empty;
         IsRequestBody = operation.RequestBody != null;
         ReturnType = GetReturnType(operation.Responses);
-        RequestClasses = GetRequestClasses(operation.RequestBody);
+        RequestClasses = GetRequestClasses(operation.RequestBody, document);
-        ResponseClasses = GetResponseClasses(operation.Responses);
+        ResponseClasses = GetResponseClasses(operation.Responses, document);
         PathParameters = GetParameters(operation.Parameters, ParameterLocation.Path);
         QueryParameters = GetParameters(operation.Parameters, ParameterLocation.Query);
         RequestBodyType = GetRequestBodyType(operation.RequestBody);
-        RequestTemplate = GetRequestTemplate(operation.RequestBody);
+        RequestTemplate = GetRequestTemplate(operation.RequestBody, document);
     }
 
-    private string? GetRequestTemplate(OpenApiRequestBody? requestBody)
+    public List<PropertyClassViewModel> RequestClasses { get; }
+
+    public List<PropertyClassViewModel> ResponseClasses { get; }
+
+    public List<ParameterViewModel> PathParameters { get; }
+
+    public List<ParameterViewModel> QueryParameters { get; }
+
+    public string? RequestTemplate { get; }
+
+    public string Summary { get; }
+
+    public string Description { get; }
+
+    public string ReturnType { get; }
+
+    public bool IsRequestBody { get; }
+
+    public string? RequestBodyType { get; }
+
+    private string? GetRequestTemplate(OpenApiRequestBody? requestBody, Document document)
     {
-        var requestClasses = GetRequestClasses(requestBody);
+        var requestClasses = GetRequestClasses(requestBody, document);
         if (requestClasses.Count == 0)
         {
             var type = GetRequestBodyType(requestBody);
@@ -50,7 +58,7 @@ public partial class OperationViewModel : ObservableObject
         return JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(string.Join(string.Empty, template)), App.JsonSerializerOptions);
     }
 
-    private List<string> CreateTemplate(AvaloniaList<PropertyClassViewModel> requestClasses)
+    private List<string> CreateTemplate(List<PropertyClassViewModel> requestClasses)
     {
         if (requestClasses.Count == 0) return [];
         List<string> template = [];
@@ -83,7 +91,7 @@ public partial class OperationViewModel : ObservableObject
                 }
                 else
                 {
-                    AvaloniaList<PropertyClassViewModel> classes = [.. requestClasses];
+                    List<PropertyClassViewModel> classes = [.. requestClasses];
                     classes.Remove(rootClass);
                     template[i] = string.Join(string.Empty, CreateTemplate(classes));
                 }
@@ -121,9 +129,9 @@ public partial class OperationViewModel : ObservableObject
         return null;
     }
 
-    private AvaloniaList<ParameterViewModel> GetParameters(IList<OpenApiParameter> parameters, ParameterLocation location)
+    private List<ParameterViewModel> GetParameters(IList<OpenApiParameter> parameters, ParameterLocation location)
     {
-        var pathParameters = new AvaloniaList<ParameterViewModel>();
+        var pathParameters = new List<ParameterViewModel>();
         foreach (var parameter in parameters)
         {
             if (parameter.In != location) continue;
@@ -133,21 +141,44 @@ public partial class OperationViewModel : ObservableObject
         return pathParameters;
     }
 
-    private AvaloniaList<PropertyClassViewModel> GetResponseClasses(OpenApiResponses responses)
+    private bool TryGetResponse(OpenApiResponses responses, [NotNullWhen(true)] out OpenApiResponse? response)
     {
-        if (responses.TryGetValue("2XX", out var response)
+        response = null;
-            && response.Content.TryGetValue("application/json", out var media))
+        var flag = false;
+        if (responses.TryGetValue("2XX", out var x))
         {
-            var document = WeakReferenceMessenger.Default.Send(new HostDocumentRequestMessage()).Response;
+            response = x;
+            flag = true;
+        }
+        else if (responses.TryGetValue("200", out var y))
+        {
+            response = y;
+            flag = true;
+        }
+        return flag;
+
+    }
+
+    private List<PropertyClassViewModel> GetResponseClasses(OpenApiResponses responses, Document document)
+    {
+        if (!TryGetResponse(responses, out var response))
+            return [];
+
+        if (response.Content.TryGetValue("application/json", out var media))
+        {
+            var rawDocument = document.OpenApiDocument;
             var schema = media.Schema;
-            AvaloniaList<PropertyClassViewModel> propertyClasses = [];
+            if (schema == null) return [];
-            WalkSchema(schema, propertyClasses, document);
+
+            List<PropertyClassViewModel> propertyClasses = [];
+            WalkSchema(schema, propertyClasses, rawDocument);
             return propertyClasses;
         }
+
         return [];
     }
 
-    private void WalkSchema(OpenApiSchema schema, AvaloniaList<PropertyClassViewModel> propertyClasses, OpenApiDocument document)
+    private void WalkSchema(OpenApiSchema schema, List<PropertyClassViewModel> propertyClasses, OpenApiDocument document)
     {
         var type = GetSchemaType(schema);
         if (IsComponent(type))
@@ -186,12 +217,12 @@ public partial class OperationViewModel : ObservableObject
                             || type.Contains("number"));
     }
 
-    private AvaloniaList<PropertyClassViewModel> GetRequestClasses(OpenApiRequestBody? requestBody)
+    private List<PropertyClassViewModel> GetRequestClasses(OpenApiRequestBody? requestBody, Document document)
     {
         if (requestBody == null) return [];
         if (requestBody.Content.TryGetValue("application/json", out var media))
         {
-            var document = WeakReferenceMessenger.Default.Send(new HostDocumentRequestMessage()).Response;
+            var rawDocument = document.OpenApiDocument;
             var schema = media.Schema;
             if (schema == null) return [];
 
@@ -199,9 +230,9 @@ public partial class OperationViewModel : ObservableObject
             if (IsComponent(type))
             {
                 var componentId = GetComponentId(schema);
-                var componentSchema = document.Components.Schemas[componentId];
+                var componentSchema = rawDocument.Components.Schemas[componentId];
-                AvaloniaList<PropertyClassViewModel> propertyClasses = [];
+                List<PropertyClassViewModel> propertyClasses = [];
-                WalkSchema(componentSchema, propertyClasses, document);
+                WalkSchema(componentSchema, propertyClasses, rawDocument);
                 return propertyClasses;
             }
         }
@@ -210,12 +241,15 @@ public partial class OperationViewModel : ObservableObject
 
     private string GetReturnType(OpenApiResponses responses)
     {
-        if (responses.TryGetValue("2XX", out var response)
+        if (!TryGetResponse(responses, out var response))
-            && response.Content.TryGetValue("application/json", out var media))
+            return "none";
+
+        if (response.Content.TryGetValue("application/json", out var media))
         {
             var schema = media.Schema;
             return GetSchemaType(schema);
         }
+
         return "none";
     }
 
@@ -224,6 +258,7 @@ public partial class OperationViewModel : ObservableObject
         if (schema.Reference != null) return schema.Reference.Id;
         if (schema.Type == "object" && schema.AdditionalProperties?.Reference != null) return schema.AdditionalProperties.Reference.Id;
         if (schema.Type == "integer" || schema.Type == "number") return $"{schema.Type}:{schema.Format}";
+        if (schema.Type == "array" && schema.AdditionalProperties?.Reference != null) return schema.AdditionalProperties.Reference.Id;
         if (schema.Type == "array" && schema.Items.Reference != null) return $"{schema.Items.Reference.Id}[]";
         if (schema.Type == "array" && (schema.Items.Type == "integer" || schema.Items.Type == "number")) return $"{schema.Items.Type}:{schema.Items.Format}[]";
         if (schema.Type == "array") return $"{schema.Items.Type}[]";

Needlework.Net/ViewModels/Pages/Endpoints/ParameterViewModel.cs

@@ -1,14 +1,10 @@
-using CommunityToolkit.Mvvm.ComponentModel;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public partial class ParameterViewModel : ObservableObject
+public partial class ParameterViewModel : ReactiveObject
 {
-    public string Name { get; }
-    public string Type { get; }
-    public bool IsRequired { get; }
-    [ObservableProperty] private string? _value = null;
-
     public ParameterViewModel(string name, string type, bool isRequired, string? value = null)
     {
         Name = name;
@@ -16,4 +12,13 @@ public partial class ParameterViewModel : ObservableObject
         IsRequired = isRequired;
         Value = value;
     }
+
+    public string Name { get; }
+
+    public string Type { get; }
+
+    public bool IsRequired { get; }
+
+    [Reactive]
+    private string? _value;
 }

Needlework.Net/ViewModels/Pages/Endpoints/PathOperationViewModel.cs

@@ -1,33 +1,42 @@
-using CommunityToolkit.Mvvm.ComponentModel;
+using Needlework.Net.Models;
-using CommunityToolkit.Mvvm.Input;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.Models;
 using Needlework.Net.ViewModels.Shared;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
 using System;
 using System.Text;
 using System.Threading.Tasks;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public partial class PathOperationViewModel : ObservableObject
+public partial class PathOperationViewModel : ReactiveObject
 {
-    public string Path { get; }
+    public PathOperationViewModel(PathOperation pathOperation, Document document, Tab tab)
-    public OperationViewModel Operation { get; }
-
-    [ObservableProperty] private bool _isBusy;
-    [ObservableProperty] private Lazy<LcuRequestViewModel> _lcuRequest;
-
-    public PathOperationViewModel(PathOperation pathOperation, ILogger<LcuRequestViewModel> lcuRequestViewModelLogger)
     {
         Path = pathOperation.Path;
-        Operation = new OperationViewModel(pathOperation.Operation);
+        Operation = new OperationViewModel(pathOperation.Operation, document);
-        LcuRequest = new(() => new LcuRequestViewModel(lcuRequestViewModelLogger)
+        Request = new(() => new RequestViewModel(tab)
         {
             Method = pathOperation.Method.ToUpper()
         });
+        Url = $"https://swagger.dysolix.dev/lcu/#/{Uri.EscapeDataString(pathOperation.Tag)}/{pathOperation.Operation.OperationId}";
+        Markdown = $"[{pathOperation.Method.ToUpper()} {Path}]({Url})";
     }
 
-    [RelayCommand]
+    public string Path { get; }
+
+    public OperationViewModel Operation { get; }
+
+    public string Url { get; }
+
+    public string Markdown { get; }
+
+    [Reactive]
+    private bool _isBusy;
+
+    [Reactive]
+    private Lazy<RequestViewModel> _request;
+
+    [ReactiveCommand]
     private async Task SendRequest()
     {
         var sb = new StringBuilder(Path);
@@ -47,7 +56,19 @@ public partial class PathOperationViewModel : ObservableObject
             }
         }
 
-        LcuRequest.Value.RequestPath = sb.ToString();
+        Request.Value.RequestPath = sb.ToString();
-        await LcuRequest.Value.ExecuteAsync();
+        await Request.Value.ExecuteAsync();
+    }
+
+    [ReactiveCommand]
+    private void CopyUrl()
+    {
+        App.MainWindow?.Clipboard?.SetTextAsync(Url);
+    }
+
+    [ReactiveCommand]
+    private void CopyMarkdown()
+    {
+        App.MainWindow?.Clipboard?.SetTextAsync(Markdown);
     }
 }

Needlework.Net/ViewModels/Pages/Endpoints/PluginViewModel.cs

@@ -0,0 +1,59 @@
+using DynamicData;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Linq;
+using System.Reactive.Subjects;
+
+namespace Needlework.Net.ViewModels.Pages.Endpoints;
+
+public partial class PluginViewModel : ReactiveObject
+{
+    private readonly Subject<string> _pathOperationSelectedSubject = new();
+
+    public PluginViewModel(string endpoint, Models.Document document, Tab tab)
+    {
+        Endpoint = endpoint;
+        PathOperations = [.. document.Plugins[endpoint].Select(x => new PathOperationViewModel(x, document, tab))];
+        FilteredPathOperations = new ObservableCollection<PathOperationViewModel>(PathOperations);
+
+        this.WhenAnyValue(x => x.Search)
+            .Subscribe(search =>
+
+            {
+                FilteredPathOperations.Clear();
+                if (string.IsNullOrWhiteSpace(search))
+                {
+                    FilteredPathOperations.AddRange(PathOperations);
+                    return;
+                }
+                FilteredPathOperations.AddRange(PathOperations.Where(o => o.Path.Contains(search, StringComparison.InvariantCultureIgnoreCase)));
+            });
+
+        this.WhenAnyValue(x => x.SelectedPathOperation)
+            .Subscribe(pathOperation =>
+            {
+                if (pathOperation == null) return;
+                _pathOperationSelectedSubject.OnNext(pathOperation.Operation.RequestTemplate ?? string.Empty);
+            });
+    }
+
+    public IObservable<string> PathOperationSelected { get { return _pathOperationSelectedSubject; } }
+
+    public string Endpoint { get; }
+
+    public string Title => Endpoint;
+
+    public ObservableCollection<PathOperationViewModel> PathOperations { get; } = [];
+
+    [Reactive]
+    private ObservableCollection<PathOperationViewModel> _filteredPathOperations = [];
+
+    [Reactive]
+    private PathOperationViewModel? _selectedPathOperation;
+
+    [Reactive]
+    private string? _search;
+}

Needlework.Net/ViewModels/Pages/Endpoints/PropertyClassViewModel.cs

@@ -1,22 +1,18 @@
-using Avalonia.Collections;
+using Microsoft.OpenApi.Any;
-using CommunityToolkit.Mvvm.ComponentModel;
-using Microsoft.OpenApi.Any;
 using Microsoft.OpenApi.Models;
+using ReactiveUI;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Linq;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public class PropertyClassViewModel : ObservableObject
+public class PropertyClassViewModel : ReactiveObject
 {
-    public string Id { get; }
-    public IAvaloniaReadOnlyList<PropertyFieldViewModel> PropertyFields { get; } = new AvaloniaList<PropertyFieldViewModel>();
-    public IAvaloniaReadOnlyList<PropertyEnumViewModel> PropertyEnums { get; } = new AvaloniaList<PropertyEnumViewModel>();
-
     public PropertyClassViewModel(string id, IDictionary<string, OpenApiSchema> properties, IList<IOpenApiAny> enumValue)
     {
-        AvaloniaList<PropertyFieldViewModel> propertyFields = [];
+        List<PropertyFieldViewModel> propertyFields = [];
-        AvaloniaList<PropertyEnumViewModel> propertyEnums = [];
+        List<PropertyEnumViewModel> propertyEnums = [];
         foreach ((var propertyName, var propertySchema) in properties)
         {
             var type = OperationViewModel.GetSchemaType(propertySchema);
@@ -28,8 +24,14 @@ public class PropertyClassViewModel : ObservableObject
             var propertyEnum = new PropertyEnumViewModel(enumValue);
             propertyEnums.Add(propertyEnum);
         }
-        PropertyFields = propertyFields;
+        PropertyFields = [.. propertyFields];
-        PropertyEnums = propertyEnums;
+        PropertyEnums = [.. propertyEnums];
         Id = id;
     }
+
+    public string Id { get; }
+
+    public ObservableCollection<PropertyFieldViewModel> PropertyFields { get; } = [];
+
+    public ObservableCollection<PropertyEnumViewModel> PropertyEnums { get; } = [];
 }

Needlework.Net/ViewModels/Pages/Endpoints/PropertyEnumViewModel.cs

@@ -6,11 +6,13 @@ namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
 public class PropertyEnumViewModel
 {
-    public string Type { get; } = "Enum";
-    public string Values { get; }
-
     public PropertyEnumViewModel(IList<IOpenApiAny> enumValue)
     {
         Values = $"[{string.Join(", ", enumValue.Select(x => $"\"{((OpenApiString)x).Value}\"").ToList())}]";
     }
+
+    public string Type { get; } = "Enum";
+
+    public string Values { get; }
+
 }

Needlework.Net/ViewModels/Pages/Endpoints/PropertyFieldViewModel.cs

@@ -2,12 +2,14 @@
 
 public class PropertyFieldViewModel
 {
-    public string Name { get; }
-    public string Type { get; }
-
     public PropertyFieldViewModel(string name, string type)
     {
         Name = name;
         Type = type;
     }
+
+    public string Name { get; }
+
+    public string Type { get; }
+
 }

Needlework.Net/ViewModels/Pages/Endpoints/ResponseViewModel.cs

@@ -1,17 +1,11 @@
-using BlossomiShymae.GrrrLCU;
+using BlossomiShymae.Briar.Utils;
-using CommunityToolkit.Mvvm.ComponentModel;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
 
 namespace Needlework.Net.ViewModels.Pages.Endpoints;
 
-public partial class ResponseViewModel : ObservableObject
+public partial class ResponseViewModel : ReactiveObject
 {
-    [ObservableProperty] private string? _path;
-    [ObservableProperty] private string? _status;
-    [ObservableProperty] private string? _authentication;
-    [ObservableProperty] private string? _username;
-    [ObservableProperty] private string? _password;
-    [ObservableProperty] private string? _authorization;
-
     public ResponseViewModel(string path)
     {
         Path = path;
@@ -26,6 +20,24 @@ public partial class ResponseViewModel : ObservableObject
         }
     }
 
+    [Reactive]
+    private string? _path;
+
+    [Reactive]
+    private string? _status;
+
+    [Reactive]
+    private string? _authentication;
+
+    [Reactive]
+    private string? _username;
+
+    [Reactive]
+    private string? _password;
+
+    [Reactive]
+    private string? _authorization;
+
     private static ProcessInfo? GetProcessInfo()
     {
         if (ProcessFinder.IsActive()) return ProcessFinder.GetProcessInfo();

Needlework.Net/ViewModels/Pages/Home/HomeViewModel.cs

@@ -0,0 +1,26 @@
+using Avalonia.Platform;
+using Needlework.Net.Models;
+using ReactiveUI;
+using Splat;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text.Json;
+
+namespace Needlework.Net.ViewModels.Pages.Home;
+
+public partial class HomeViewModel : PageBase
+{
+    public HomeViewModel(IScreen? screen = null) : base("Home", "home", int.MinValue)
+    {
+        Libraries = JsonSerializer.Deserialize<List<Library>>(AssetLoader.Open(new Uri($"avares://NeedleworkDotNet/Assets/libraries.json")))!
+            .Select(library => new LibraryViewModel(library))
+            .ToList();
+        HostScreen = screen ?? Locator.Current.GetService<IScreen>()!;
+    }
+    public List<LibraryViewModel> Libraries { get; }
+
+    public override string? UrlPathSegment => "home";
+
+    public override IScreen HostScreen { get; }
+}

Needlework.Net/ViewModels/Pages/Home/LibraryViewModel.cs

@@ -0,0 +1,15 @@
+using Needlework.Net.Models;
+using ReactiveUI;
+
+namespace Needlework.Net.ViewModels.Pages.Home
+{
+    public class LibraryViewModel : ReactiveObject
+    {
+        public LibraryViewModel(Library library)
+        {
+            Library = library;
+        }
+
+        public Library Library { get; }
+    }
+}

Needlework.Net/ViewModels/Pages/HomeViewModel.cs

@@ -1,26 +0,0 @@
-using Avalonia.Platform;
-using CommunityToolkit.Mvvm.Input;
-using Needlework.Net.Models;
-using System;
-using System.Collections.Generic;
-using System.Diagnostics;
-using System.Text.Json;
-
-namespace Needlework.Net.ViewModels.Pages;
-
-public partial class HomeViewModel : PageBase
-{
-    public List<Library> Libraries { get; } = JsonSerializer.Deserialize<List<Library>>(AssetLoader.Open(new Uri($"avares://NeedleworkDotNet/Assets/libraries.json")))!;
-
-    public HomeViewModel() : base("Home", "home", int.MinValue) { }
-
-    [RelayCommand]
-    private void OpenUrl(string url)
-    {
-        var process = new Process()
-        {
-            StartInfo = new ProcessStartInfo(url) { UseShellExecute = true }
-        };
-        process.Start();
-    }
-}

Needlework.Net/ViewModels/Pages/PageBase.cs

@@ -1,11 +1,17 @@
-using CommunityToolkit.Mvvm.ComponentModel;
+using ReactiveUI;
 
 namespace Needlework.Net.ViewModels.Pages;
 
 
-public abstract partial class PageBase(string displayName, string icon, int index = 0) : ObservableValidator
+public abstract partial class PageBase(string displayName, string icon, int index = 0) : ReactiveObject, IRoutableViewModel
 {
-    [ObservableProperty] private string _displayName = displayName;
+    public string DisplayName { get; } = displayName;
-    [ObservableProperty] private string _icon = icon;
+
-    [ObservableProperty] private int _index = index;
+    public string Icon { get; } = icon;
+
+    public int Index { get; } = index;
+
+    public abstract string? UrlPathSegment { get; }
+
+    public abstract IScreen HostScreen { get; }
 }

Needlework.Net/ViewModels/Pages/Websocket/EventViewModel.cs

@@ -1,10 +1,10 @@
-using BlossomiShymae.GrrrLCU;
+using BlossomiShymae.Briar.WebSocket.Events;
-using CommunityToolkit.Mvvm.ComponentModel;
+using ReactiveUI;
 using System;
 
-namespace Needlework.Net.ViewModels.Pages.Websocket;
+namespace Needlework.Net.ViewModels.Pages.WebSocket;
 
-public class EventViewModel : ObservableObject
+public class EventViewModel : ReactiveObject
 {
     public string Time { get; }
     public string Type { get; }

Needlework.Net/ViewModels/Pages/Websocket/WebsocketViewModel.cs

@@ -1,77 +1,93 @@
-using Avalonia.Collections;
+using BlossomiShymae.Briar;
-using BlossomiShymae.GrrrLCU;
+using BlossomiShymae.Briar.WebSocket.Events;
-using CommunityToolkit.Mvvm.ComponentModel;
+using Flurl.Http;
-using CommunityToolkit.Mvvm.Input;
+using Flurl.Http.Configuration;
-using CommunityToolkit.Mvvm.Messaging;
 using Microsoft.Extensions.Logging;
-using Needlework.Net.Messages;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using Splat;
 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
 using System.Linq;
-using System.Net.Http;
-using System.Text.Json;
 using System.Text.RegularExpressions;
 using System.Threading;
 using System.Threading.Tasks;
 using Websocket.Client;
 
-namespace Needlework.Net.ViewModels.Pages.Websocket;
+namespace Needlework.Net.ViewModels.Pages.WebSocket;
 
-public partial class WebsocketViewModel : PageBase
+public partial class WebSocketViewModel : PageBase, IEnableLogger
 {
-    public ObservableCollection<EventViewModel> EventLog { get; } = [];
-    public SemaphoreSlim EventLogLock { get; } = new(1, 1);
-
-    [NotifyPropertyChangedFor(nameof(FilteredEventLog))]
-    [ObservableProperty] private string _search = string.Empty;
-    [ObservableProperty] private bool _isAttach = true;
-    [ObservableProperty] private bool _isTail = false;
-    [ObservableProperty] private EventViewModel? _selectedEventLog = null;
-
-    [ObservableProperty] private IAvaloniaList<string> _eventTypes = new AvaloniaList<string>();
-    [ObservableProperty] private string _eventType = "OnJsonApiEvent";
-
     private Dictionary<string, EventMessage> _events = [];
 
+    private readonly object _tokenLock = new();
+
+    private readonly IFlurlClient _githubUserContentClient;
+
+    // public IReadOnlyList<EventViewModel> FilteredEventLog => string.IsNullOrWhiteSpace(Search) ? EventLog : [.. EventLog.Where(x => x.Key.Contains(Search, StringComparison.InvariantCultureIgnoreCase))];
+
+
+    public WebSocketViewModel(IScreen? screen = null, IFlurlClientCache? clients = null) : base("Event Viewer", "plug", -100)
+    {
+        _githubUserContentClient = clients?.Get("GithubUserContentClient") ?? Locator.Current.GetService<IFlurlClientCache>()?.Get("GithubUserContentClient")!;
+
+        HostScreen = screen ?? Locator.Current.GetService<IScreen>()!;
+
+        //EventLog.CollectionChanged += (s, e) => OnPropertyChanged(nameof(FilteredEventLog));
+        //Task.Run(async () =>
+        //{
+        //    await InitializeEventTypes();
+        //    InitializeWebsocket();
+        //});
+    }
+
+    public override string? UrlPathSegment => "websocket";
+
+    public override ReactiveUI.IScreen HostScreen { get; }
+
+
+    public CancellationTokenSource TokenSource { get; set; } = new();
+
     public WebsocketClient? Client { get; set; }
 
     public List<IDisposable> ClientDisposables = [];
 
-    private readonly object _tokenLock = new();
+    public SemaphoreSlim EventLogLock { get; } = new(1, 1);
-    public CancellationTokenSource TokenSource { get; set; } = new();
 
-    public HttpClient HttpClient { get; }
+    [Reactive]
+    public ObservableCollection<EventViewModel> EventLog { get; } = [];
 
-    public IReadOnlyList<EventViewModel> FilteredEventLog => string.IsNullOrWhiteSpace(Search) ? EventLog : [.. EventLog.Where(x => x.Key.Contains(Search, StringComparison.InvariantCultureIgnoreCase))];
+    [Reactive]
+    private string _search = string.Empty;
 
-    private readonly ILogger<WebsocketViewModel> _logger;
+    [Reactive]
+    private bool _isAttach = true;
 
-    public WebsocketViewModel(HttpClient httpClient, ILogger<WebsocketViewModel> logger) : base("Event Viewer", "plug", -100)
+    [Reactive]
+    private bool _isTail;
+
+    [Reactive]
+    private EventViewModel? _selectedEventLog;
+
+    [Reactive]
+    private ObservableCollection<string> _eventTypes = [];
+
+    [Reactive]
+    private string _eventType = "OnJsonApiEvent";
+
+    [ObservableAsProperty]
+    private ObservableCollection<EventViewModel> _filteredEventLog = [];
+
+    [ReactiveCommand]
+    private async Task<List<string>> GetEventTypesAsync()
     {
-        _logger = logger;
+        var file = await _githubUserContentClient.Request("/dysolix/hasagi-types/refs/heads/main/dist/lcu-events.d.ts")
-        HttpClient = httpClient;
+            .GetStringAsync();
-        EventLog.CollectionChanged += (s, e) => OnPropertyChanged(nameof(FilteredEventLog));
-        Task.Run(async () =>
-        {
-            await InitializeEventTypes();
-            InitializeWebsocket();
-        });
-    }
-
-    private async Task InitializeEventTypes()
-    {
-        try
-        {
-            var file = await HttpClient.GetStringAsync("https://raw.githubusercontent.com/dysolix/hasagi-types/refs/heads/main/dist/lcu-events.d.ts");
         var matches = EventTypesRegex().Matches(file);
-            Avalonia.Threading.Dispatcher.UIThread.Invoke(() => EventTypes.AddRange(matches.Select(m => m.Groups[1].Value)));
+        var eventTypes = matches.Select(m => m.Groups[1].Value)
-        }
+            .ToList();
-        catch (HttpRequestException ex)
+        return eventTypes;
-        {
-            _logger.LogError(ex, "Failed to get event types");
-            WeakReferenceMessenger.Default.Send(new InfoBarUpdateMessage(new("Failed to get event types", true, ex.Message, FluentAvalonia.UI.Controls.InfoBarSeverity.Error, TimeSpan.FromSeconds(10))));
-        }
     }
 
     private void InitializeWebsocket()
@@ -80,7 +96,8 @@ public partial class WebsocketViewModel : PageBase
         {
             if (Client != null)
             {
-                _logger.LogDebug("Disposing old connection");
+                this.Log()
+                    .Debug("Disposing old connection");
                 foreach (var disposable in ClientDisposables)
                     disposable.Dispose();
                 ClientDisposables.Clear();
@@ -110,23 +127,24 @@ public partial class WebsocketViewModel : PageBase
             })
             { IsBackground = true };
             thread.Start();
-            _logger.LogDebug("Initialized new connection: {EventType}", EventType);
+            this.Log()
+                .Debug("Initialized new connection: {EventType}", EventType);
             TokenSource = tokenSource;
         }
     }
 
-    partial void OnSelectedEventLogChanged(EventViewModel? value)
+    //partial void OnSelectedEventLogChanged(EventViewModel? value)
-    {
+    //{
-        if (value == null) return;
+    //    if (value == null) return;
-        if (_events.TryGetValue(value.Key, out var message))
+    //    if (_events.TryGetValue(value.Key, out var message))
-        {
+    //    {
-            var text = JsonSerializer.Serialize(message, App.JsonSerializerOptions);
+    //        var text = JsonSerializer.Serialize(message, App.JsonSerializerOptions);
-            if (text.Length >= App.MaxCharacters) WeakReferenceMessenger.Default.Send(new OopsiesDialogRequestedMessage(text));
+    //        if (text.Length >= App.MaxCharacters) WeakReferenceMessenger.Default.Send(new OopsiesDialogRequestedMessage(text));
-            else WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(text), nameof(WebsocketViewModel));
+    //        else WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(text), nameof(WebSocketViewModel));
-        }
+    //    }
-    }
+    //}
 
-    [RelayCommand]
+    [ReactiveCommand]
     private void Clear()
     {
         _events.Clear();
@@ -135,19 +153,21 @@ public partial class WebsocketViewModel : PageBase
 
     private void OnReconnection(ReconnectionInfo info)
     {
-        _logger.LogTrace("Reconnected: {Type}", info.Type);
+        this.Log()
+            .Debug("Reconnected: {Type}", info.Type);
     }
 
     private void OnDisconnection(DisconnectionInfo info)
     {
-        _logger.LogTrace("Disconnected: {Type}", info.Type);
+        this.Log()
+            .Debug("Disconnected: {Type}", info.Type);
         InitializeWebsocket();
     }
 
-    partial void OnEventTypeChanged(string value)
+    //partial void OnEventTypeChanged(string value)
-    {
+    //{
-        InitializeWebsocket();
+    //    InitializeWebsocket();
-    }
+    //}
 
     private void OnMessage(EventMessage message)
     {

Needlework.Net/ViewModels/Shared/LcuRequestViewModel.cs

@@ -1,129 +0,0 @@
-using Avalonia.Media;
-using BlossomiShymae.GrrrLCU;
-using CommunityToolkit.Mvvm.ComponentModel;
-using CommunityToolkit.Mvvm.Messaging;
-using Microsoft.Extensions.Logging;
-using Needlework.Net.Messages;
-using Needlework.Net.ViewModels.MainWindow;
-using System;
-using System.Net.Http;
-using System.Text.Json;
-using System.Threading.Tasks;
-
-namespace Needlework.Net.ViewModels.Shared;
-
-public partial class LcuRequestViewModel : ObservableObject
-{
-    [ObservableProperty] private string? _method = "GET";
-    [ObservableProperty] private SolidColorBrush _color = new(GetColor("GET"));
-
-    [ObservableProperty] private bool _isRequestBusy = false;
-    [ObservableProperty] private string? _requestPath = null;
-    [ObservableProperty] private string? _requestBody = null;
-
-    [ObservableProperty] private string? _responsePath = null;
-    [ObservableProperty] private string? _responseStatus = null;
-    [ObservableProperty] private string? _responseAuthentication = null;
-    [ObservableProperty] private string? _responseUsername = null;
-    [ObservableProperty] private string? _responsePassword = null;
-    [ObservableProperty] private string? _responseAuthorization = null;
-    [ObservableProperty] private string? _responseBody = null;
-
-    public event EventHandler<LcuRequestViewModel>? RequestText;
-    public event EventHandler<string>? UpdateText;
-
-    private readonly ILogger<LcuRequestViewModel> _logger;
-
-    public LcuRequestViewModel(ILogger<LcuRequestViewModel> logger)
-    {
-        _logger = logger;
-    }
-
-    partial void OnMethodChanged(string? oldValue, string? newValue)
-    {
-        if (newValue == null) return;
-
-        Color = new(GetColor(newValue));
-    }
-
-    public async Task ExecuteAsync()
-    {
-        try
-        {
-            IsRequestBusy = true;
-            if (string.IsNullOrEmpty(RequestPath))
-                throw new Exception("Path is empty.");
-
-            var method = Method switch
-            {
-                "GET" => HttpMethod.Get,
-                "POST" => HttpMethod.Post,
-                "PUT" => HttpMethod.Put,
-                "DELETE" => HttpMethod.Delete,
-                "HEAD" => HttpMethod.Head,
-                "PATCH" => HttpMethod.Patch,
-                "OPTIONS" => HttpMethod.Options,
-                "TRACE" => HttpMethod.Trace,
-                _ => throw new Exception("Method is not selected or missing."),
-            };
-
-            _logger.LogDebug("Sending request: {Tuple}", (Method, RequestPath));
-
-            var processInfo = ProcessFinder.GetProcessInfo();
-            RequestText?.Invoke(this, this);
-            var content = new StringContent(RequestBody ?? string.Empty, new System.Net.Http.Headers.MediaTypeHeaderValue("application/json"));
-            var client = Connector.GetLcuHttpClientInstance();
-            var response = await client.SendAsync(new(method, RequestPath) { Content = content });
-            var riotAuthentication = new RiotAuthentication(processInfo.RemotingAuthToken);
-            var responseBody = await response.Content.ReadAsByteArrayAsync();
-
-            var body = responseBody.Length > 0 ? JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(responseBody), App.JsonSerializerOptions) : string.Empty;
-            if (body.Length >= App.MaxCharacters)
-            {
-                WeakReferenceMessenger.Default.Send(new OopsiesDialogRequestedMessage(body));
-                UpdateText?.Invoke(this, string.Empty);
-            }
-            else
-            {
-                ResponseBody = body;
-                UpdateText?.Invoke(this, body);
-            }
-
-            ResponseStatus = $"{(int)response.StatusCode} {response.StatusCode.ToString()}";
-            ResponsePath = $"https://127.0.0.1:{processInfo.AppPort}{RequestPath}";
-            ResponseAuthentication = riotAuthentication.Value;
-            ResponseAuthorization = $"Basic {riotAuthentication.Value}";
-            ResponseUsername = riotAuthentication.Username;
-            ResponsePassword = riotAuthentication.Password;
-        }
-        catch (Exception ex)
-        {
-            _logger.LogError(ex, "Request failed: {Tuple}", (Method, RequestPath));
-            WeakReferenceMessenger.Default.Send(new InfoBarUpdateMessage(new InfoBarViewModel("Request Failed", true, ex.Message, FluentAvalonia.UI.Controls.InfoBarSeverity.Error, TimeSpan.FromSeconds(5))));
-            UpdateText?.Invoke(this, string.Empty);
-
-            ResponseStatus = null;
-            ResponsePath = null;
-            ResponseAuthentication = null;
-            ResponseAuthorization = null;
-            ResponseUsername = null;
-            ResponsePassword = null;
-            ResponseBody = null;
-        }
-        finally
-        {
-            IsRequestBusy = false;
-        }
-    }
-
-    private static Color GetColor(string method) => method switch
-    {
-        "GET" => Avalonia.Media.Color.FromRgb(95, 99, 186),
-        "POST" => Avalonia.Media.Color.FromRgb(103, 186, 95),
-        "PUT" => Avalonia.Media.Color.FromRgb(186, 139, 95),
-        "DELETE" => Avalonia.Media.Color.FromRgb(186, 95, 95),
-        "HEAD" => Avalonia.Media.Color.FromRgb(136, 95, 186),
-        "PATCH" => Avalonia.Media.Color.FromRgb(95, 186, 139),
-        _ => throw new InvalidOperationException("Method does not have assigned color.")
-    };
-}

Needlework.Net/ViewModels/Shared/RequestViewModel.cs

@@ -0,0 +1,204 @@
+using Avalonia.Media;
+using AvaloniaEdit.Document;
+using BlossomiShymae.Briar;
+using BlossomiShymae.Briar.Utils;
+using FluentAvalonia.UI.Controls;
+using Microsoft.Extensions.Logging;
+using Needlework.Net.Services;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using ReactiveUI.SourceGenerators;
+using Splat;
+using System;
+using System.Net.Http;
+using System.Reactive.Linq;
+using System.Text.Json;
+using System.Threading.Tasks;
+
+namespace Needlework.Net.ViewModels.Shared;
+
+public partial class RequestViewModel : ReactiveObject, IEnableLogger
+{
+    private readonly NotificationService _notificationService;
+
+    private readonly Tab _tab;
+
+    public RequestViewModel(Pages.Endpoints.Tab tab, NotificationService? notificationService = null)
+    {
+        _tab = tab;
+        _notificationService = notificationService ?? Locator.Current.GetService<NotificationService>()!;
+
+        _colorHelper = this.WhenAnyValue(x => x.Method)
+            .Select(method => GetSolidCrushBrush(method ?? "GET"))
+            .ToProperty(this, x => x.Color);
+    }
+
+    [ObservableAsProperty]
+    private SolidColorBrush _color = GetSolidCrushBrush("GET");
+
+    [Reactive]
+    private string? _method = "GET";
+
+    [Reactive]
+    private bool _isRequestBusy;
+
+    [Reactive]
+    private string? _requestPath;
+
+    [Reactive]
+    private TextDocument _requestDocument = new();
+
+    [Reactive]
+    private string? _responsePath;
+
+    [Reactive]
+    private string? _responseStatus;
+
+    [Reactive]
+    private string? _responseAuthentication;
+
+    [Reactive]
+    private string? _responseUsername;
+
+    [Reactive]
+    private string? _responsePassword;
+
+    [Reactive]
+    private string? _responseAuthorization;
+
+    [Reactive]
+    private TextDocument _responseDocument = new();
+
+    public async Task ExecuteAsync()
+    {
+        switch (_tab)
+        {
+            case Tab.LCU:
+                await ExecuteLcuAsync();
+                break;
+            case Tab.GameClient:
+                await ExecuteGameClientAsync();
+                break;
+            default:
+                break;
+        }
+    }
+
+    private async Task ExecuteGameClientAsync()
+    {
+        try
+        {
+            IsRequestBusy = true;
+            if (string.IsNullOrEmpty(RequestPath))
+                throw new Exception("Path is empty.");
+            var method = GetMethod();
+
+            this.Log()
+                .Debug("Sending request: {Tuple}", (Method, RequestPath));
+
+            var content = new StringContent(RequestDocument.Text, new System.Net.Http.Headers.MediaTypeHeaderValue("application/json"));
+            var client = Connector.GetGameHttpClientInstance();
+            var response = await client.SendAsync(new HttpRequestMessage(method, RequestPath) { Content = content });
+            var responseBody = await response.Content.ReadAsByteArrayAsync();
+            var body = responseBody.Length > 0 ? JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(responseBody), App.JsonSerializerOptions) : string.Empty;
+
+            ResponseDocument = new(body);
+            ResponseStatus = $"{(int)response.StatusCode} {response.StatusCode.ToString()}";
+            ResponsePath = $"https://127.0.0.1:2999{RequestPath}";
+
+        }
+        catch (Exception ex)
+        {
+            this.Log()
+                .Error(ex, "Request failed: {Tuple}", (Method, RequestPath));
+            _notificationService.Notify("Request Failed", ex.Message, InfoBarSeverity.Error);
+
+            ResponseStatus = null;
+            ResponsePath = null;
+            ResponseAuthentication = null;
+            ResponseAuthorization = null;
+            ResponseUsername = null;
+            ResponsePassword = null;
+            ResponseDocument = new();
+        }
+        finally
+        {
+            IsRequestBusy = false;
+        }
+    }
+
+    private async Task ExecuteLcuAsync()
+    {
+        try
+        {
+            IsRequestBusy = true;
+            if (string.IsNullOrEmpty(RequestPath))
+                throw new Exception("Path is empty.");
+            var method = GetMethod();
+
+            this.Log()
+                .Debug("Sending request: {Tuple}", (Method, RequestPath));
+
+            var processInfo = ProcessFinder.GetProcessInfo();
+            var content = new StringContent(RequestDocument.Text, new System.Net.Http.Headers.MediaTypeHeaderValue("application/json"));
+            var client = Connector.GetLcuHttpClientInstance();
+            var response = await client.SendAsync(new(method, RequestPath) { Content = content });
+            var riotAuthentication = new RiotAuthentication(processInfo.RemotingAuthToken);
+            var responseBody = await response.Content.ReadAsByteArrayAsync();
+            var body = responseBody.Length > 0 ? JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(responseBody), App.JsonSerializerOptions) : string.Empty;
+
+            ResponseDocument = new(body);
+            ResponseStatus = $"{(int)response.StatusCode} {response.StatusCode.ToString()}";
+            ResponsePath = $"https://127.0.0.1:{processInfo.AppPort}{RequestPath}";
+            ResponseAuthentication = riotAuthentication.Value;
+            ResponseAuthorization = $"Basic {riotAuthentication.Value}";
+            ResponseUsername = riotAuthentication.Username;
+            ResponsePassword = riotAuthentication.Password;
+        }
+        catch (Exception ex)
+        {
+            this.Log()
+                .Error(ex, "Request failed: {Tuple}", (Method, RequestPath));
+            _notificationService.Notify("Request Failed", ex.Message, InfoBarSeverity.Error);
+
+            ResponseStatus = null;
+            ResponsePath = null;
+            ResponseAuthentication = null;
+            ResponseAuthorization = null;
+            ResponseUsername = null;
+            ResponsePassword = null;
+            ResponseDocument = new();
+        }
+        finally
+        {
+            IsRequestBusy = false;
+        }
+    }
+
+    private HttpMethod GetMethod()
+    {
+        return Method switch
+        {
+            "GET" => HttpMethod.Get,
+            "POST" => HttpMethod.Post,
+            "PUT" => HttpMethod.Put,
+            "DELETE" => HttpMethod.Delete,
+            "HEAD" => HttpMethod.Head,
+            "PATCH" => HttpMethod.Patch,
+            "OPTIONS" => HttpMethod.Options,
+            "TRACE" => HttpMethod.Trace,
+            _ => throw new Exception("Method is not selected or missing."),
+        };
+    }
+
+    private static SolidColorBrush GetSolidCrushBrush(string? method = null) => new(method switch
+    {
+        "GET" or null => Avalonia.Media.Color.FromRgb(95, 99, 186),
+        "POST" => Avalonia.Media.Color.FromRgb(103, 186, 95),
+        "PUT" => Avalonia.Media.Color.FromRgb(186, 139, 95),
+        "DELETE" => Avalonia.Media.Color.FromRgb(186, 95, 95),
+        "HEAD" => Avalonia.Media.Color.FromRgb(136, 95, 186),
+        "PATCH" => Avalonia.Media.Color.FromRgb(95, 186, 139),
+        _ => throw new InvalidOperationException("Method does not have assigned color.")
+    });
+}

Needlework.Net/Views/MainWindow/MainWindow.axaml

@@ -6,10 +6,11 @@
 		xmlns:ui="using:FluentAvalonia.UI.Controls"             
         xmlns:uip="using:FluentAvalonia.UI.Controls.Primitives"
 		xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+		xmlns:reactiveUi="http://reactiveui.net"
 		xmlns:i="https://github.com/projektanker/icons.avalonia"
 		xmlns:vm="using:Needlework.Net.ViewModels.MainWindow"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-        x:Class="Needlework.Net.Views.MainWindow.MainWindowView"
+        x:Class="Needlework.Net.Views.MainWindow.MainWindow"
 		x:DataType="vm:MainWindowViewModel"
         Title="Needlework.Net"
 		Icon="/Assets/app.ico"
@@ -34,14 +35,13 @@
 				Needlework.Net
 			</TextBlock>
 		</Grid>
-		<ui:NavigationView AlwaysShowHeader="False"
+		<ui:NavigationView Name="NavigationView"
+						   AlwaysShowHeader="False"
 						   PaneDisplayMode="Left"
 						   IsSettingsVisible="False"
 						   IsPaneOpen="False"
 						   OpenPaneLength="200"
-						   Grid.Row="1"
+						   Grid.Row="1">
-						   MenuItemsSource="{Binding MenuItems}"
-						   SelectedItem="{Binding SelectedMenuItem}">
 			<ui:NavigationView.PaneFooter>
 				<StackPanel Orientation="Vertical">
 					<StackPanel.Styles>
@@ -53,20 +53,16 @@
 							<Setter Property="FontSize" Value="20" />
 						</Style>
 					</StackPanel.Styles>
-					<Button 
+					<Button Name="GithubButton"
 							Theme="{StaticResource TransparentButton}"
 							VerticalAlignment="Center"
-							Command="{Binding OpenUrlCommand}"
-							CommandParameter="https://github.com/BlossomiShymae/Needlework.Net"
 							ToolTip.Tip="Open on GitHub."
 							Margin="4">
 						<materialIcons:MaterialIcon Kind="Github" />
 					</Button>
-					<Button 
+					<Button Name="DiscordButton"
 							Theme="{StaticResource TransparentButton}"
 							VerticalAlignment="Center"
-							Command="{Binding OpenUrlCommand}"
-							CommandParameter="https://discord.gg/chEvEX5J4E"
 							ToolTip.Tip="Open Discord server."
 							Margin="4">
 						<i:Icon Value="fa-brand fa-discord" />
@@ -74,28 +70,14 @@
 				</StackPanel>
 			</ui:NavigationView.PaneFooter>
 			<Grid>
-				<TransitioningContentControl Content="{Binding CurrentPage}"/>
+				<reactiveUi:RoutedViewHost Name="RoutedViewHost"/>
-				<Button Content="{Binding Version}"
+				<Button Name="VersionButton"
 						Background="RoyalBlue"
 						HorizontalAlignment="Right"
 						VerticalAlignment="Bottom"
 						Margin="16"/>
-				<ItemsRepeater ItemsSource="{Binding InfoBarItems}" 
+				<ItemsControl Name="NotificationItemsControl"
-							   VerticalAlignment="Bottom">
+							  VerticalAlignment="Bottom"/>
-					<ItemsRepeater.ItemTemplate>
-						<DataTemplate>
-							<Border Margin="4">
-								<ui:InfoBar
-								Background="{DynamicResource SolidBackgroundFillColorBaseBrush}"
-								Title="{Binding Title}"
-								IsOpen="{Binding IsOpen}"
-								Severity="{Binding Severity}"
-								Message="{Binding Message}"
-								ActionButton="{Binding ActionButton}"/>
-							</Border>
-						</DataTemplate>
-					</ItemsRepeater.ItemTemplate>
-				</ItemsRepeater>
 			</Grid>
 		</ui:NavigationView>
 	</Grid>

Needlework.Net/Views/MainWindow/MainWindow.axaml.cs

@@ -0,0 +1,70 @@
+using Avalonia;
+using Avalonia.Controls;
+using FluentAvalonia.UI.Windowing;
+using Needlework.Net.ViewModels.MainWindow;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.MainWindow;
+
+public partial class MainWindow : AppWindow, IViewFor<MainWindowViewModel>
+{
+    public MainWindow()
+    {
+        TitleBar.ExtendsContentIntoTitleBar = true;
+        TransparencyLevelHint = [WindowTransparencyLevel.Mica, WindowTransparencyLevel.None];
+        Background = IsWindows11 ? null : Background;
+
+        this.WhenActivated(disposables =>
+        {
+            this.OneWayBind(ViewModel, vm => vm.PageItems, v => v.NavigationView.MenuItemsSource)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.SelectedPageItem, v => v.NavigationView.SelectedItem)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Router, v => v.RoutedViewHost.Router)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Notifications, v => v.NotificationItemsControl.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Version, v => v.VersionButton.Content)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+
+    public static readonly StyledProperty<MainWindowViewModel?> ViewModelProperty = AvaloniaProperty
+           .Register<MainWindow, MainWindowViewModel?>(nameof(ViewModel));
+
+    public MainWindowViewModel? ViewModel
+    {
+        get => GetValue(ViewModelProperty);
+        set => SetValue(ViewModelProperty, value);
+    }
+
+    object? IViewFor.ViewModel
+    {
+        get => ViewModel;
+        set => ViewModel = (MainWindowViewModel?)value;
+    }
+
+    protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
+    {
+        base.OnPropertyChanged(change);
+
+        if (change.Property == DataContextProperty)
+        {
+            if (ReferenceEquals(change.OldValue, ViewModel)
+                && change.NewValue is null or MainWindowViewModel)
+            {
+                SetCurrentValue(ViewModelProperty, change.NewValue);
+            }
+        }
+        else if (change.Property == ViewModelProperty)
+        {
+            if (ReferenceEquals(change.OldValue, DataContext))
+            {
+                SetCurrentValue(DataContextProperty, change.NewValue);
+            }
+        }
+    }
+}

Needlework.Net/Views/MainWindow/MainWindowView.axaml.cs

@@ -1,13 +0,0 @@
-using FluentAvalonia.UI.Windowing;
-
-namespace Needlework.Net.Views.MainWindow;
-
-public partial class MainWindowView : AppWindow
-{
-    public MainWindowView()
-    {
-        InitializeComponent();
-
-        TitleBar.ExtendsContentIntoTitleBar = true;
-    }
-}

Needlework.Net/Views/MainWindow/NotificationView.axaml

@@ -0,0 +1,20 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:reactiveUi="http://reactiveui.net"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"
+			 xmlns:uip="using:FluentAvalonia.UI.Controls.Primitives"
+			 xmlns:vm="using:Needlework.Net.ViewModels.MainWindow"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.MainWindow.NotificationView"
+			 x:DataType="vm:NotificationViewModel">
+	<Border Margin="4">
+		<ui:InfoBar Name="InfoBar"
+					IsOpen="True">
+			<ui:InfoBar.ActionButton>
+				<Button Name="InfoBarButton"/>
+			</ui:InfoBar.ActionButton>
+		</ui:InfoBar>
+	</Border>
+</UserControl>

Needlework.Net/Views/MainWindow/NotificationView.axaml.cs

@@ -0,0 +1,28 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.MainWindow;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.MainWindow;
+
+public partial class NotificationView : ReactiveUserControl<NotificationViewModel>
+{
+    public NotificationView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.OneWayBind(ViewModel, vm => vm.Notification.Title, v => v.InfoBar.Title)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Notification.Message, v => v.InfoBar.Message)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Notification.InfoBarSeverity, v => v.InfoBar.Severity)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.IsButtonVisible, v => v.InfoBarButton.IsVisible)
+                .DisposeWith(disposables);
+
+            this.BindCommand(ViewModel, vm => vm.OpenUrlCommand, v => v.InfoBarButton);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/About/AboutPage.axaml

@@ -0,0 +1,54 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.About"
+			 xmlns:controls="using:Needlework.Net.Controls"
+			 xmlns:reactiveUi="http://reactiveui.net"
+			 xmlns:i="https://github.com/projektanker/icons.avalonia"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.About.AboutPage"
+			 x:DataType="vm:AboutViewModel">
+	<ScrollViewer Margin="8">
+		<WrapPanel HorizontalAlignment="Center">
+			<WrapPanel.Styles>
+				<Style Selector="controls|UserCard">
+					<Setter Property="Width" Value="272"/>
+					<Setter Property="MaxHeight" Value="378"/>
+					<Setter Property="Margin" Value="0 16 32 16"/>
+				</Style>
+			</WrapPanel.Styles>
+			<controls:UserCard UserImage="/Assets/Users/blossomishymae.png"
+							   UserName="estrogen elf"
+							   UserGithub="BlossomiShymae">
+				Needlework.Net is the .NET rewrite of Needlework. This tool was made to help others with LCU and Game Client development. Feel free to ask any questions
+				or help contribute to the project! Made with love. 💜
+			</controls:UserCard>
+			<controls:UserCard UserImage="/Assets/Users/dysolix.png"
+							   UserName="dysolix"
+							   UserGithub="dysolix">
+				For providing LCU Schema, the auto-generated OpenAPI document for the LCU.
+			</controls:UserCard>
+			<controls:UserCard UserImage="/Assets/Users/sylv.jpg"
+							   UserName="Sylv"
+							   UserGithub="AlsoSylv">
+				For providing a fixed up-to-date Game Client schema.
+			</controls:UserCard>
+			<controls:UserCard UserImage="/Assets/Users/ray.png"
+							   UserName="Ray"
+							   UserGithub="Hi-Ray">
+				For guidance, advice, and providing help via HextechDocs.
+			</controls:UserCard>
+			<controls:UserCard UserImage="/Assets/Users/dubble.png"
+							   UserName="dubble"
+							   UserGithub="cuppachino">
+				For encouraging me to publish Needlework.Net and other ideas.
+			</controls:UserCard>
+			<controls:UserCard UserImage="/Assets/Users/aoshiw.png"
+							   UserName="AoshiW"
+							   UserGithub="AoshiW">
+				For PR.
+			</controls:UserCard>
+		</WrapPanel>
+	</ScrollViewer>
+</UserControl>

Needlework.Net/Views/Pages/About/AboutPage.axaml.cs

@@ -0,0 +1,15 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.About;
+using ReactiveUI;
+
+namespace Needlework.Net.Views.Pages.About;
+
+public partial class AboutPage : ReactiveUserControl<AboutViewModel>
+{
+    public AboutPage()
+    {
+        this.WhenActivated(disposables => { });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/AboutView.axaml

@@ -1,167 +0,0 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-			 xmlns:vm="using:Needlework.Net.ViewModels.Pages"
-			 xmlns:controls="using:Needlework.Net.Controls"
-			 xmlns:i="https://github.com/projektanker/icons.avalonia"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="Needlework.Net.Views.Pages.AboutView"
-			 x:DataType="vm:AboutViewModel">
-	<UserControl.Styles>
-		<Style Selector="Button">
-			<Setter Property="Theme" Value="{StaticResource TransparentButton}"/>
-			<Setter Property="Command" Value="{Binding OpenUrlCommand}"/>
-		</Style>
-		<Style Selector="i|Icon">
-			<Setter Property="FontSize" Value="20" />
-		</Style>
-	</UserControl.Styles>
-	<Grid Margin="8"
-			VerticalAlignment="Center"
-			HorizontalAlignment="Center">
-		<StackPanel Spacing="8">
-			<Grid HorizontalAlignment="Center">
-				<StackPanel Orientation="Horizontal">
-					<controls:Card Margin="8">
-						<Image Source="/Assets/Users/blossomishymae.png"
-						   RenderOptions.BitmapInterpolationMode="MediumQuality"
-						   Width="200"
-						   Height="200"/>
-					</controls:Card>
-					<StackPanel Margin="8 0 0 0">
-						<controls:Card Width="400" Margin="8">
-							<StackPanel Orientation="Horizontal">
-								<TextBlock Theme="{StaticResource TitleTextBlockStyle}"
-										   Margin="0 0 8 0">Blossomi Shymae</TextBlock>
-								<Button CommandParameter="https://github.com/BlossomiShymae">
-									<i:Icon Value="fa-github"/>
-								</Button>
-							</StackPanel>
-						</controls:Card>
-						<controls:Card Width="400" Margin="8">
-							<StackPanel >
-								<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}">About</TextBlock>
-								<TextBlock TextWrapping="Wrap">
-									Needlework.Net is the .NET rewrite of Needlework. This tool was made to help others with LCU development. Feel free to ask any questions
-									or help contribute to the project! Made with love. 💜
-								</TextBlock>
-							</StackPanel>
-						</controls:Card>
-					</StackPanel>
-				</StackPanel>
-			</Grid>
-			<Border Width="800">
-				<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}">Thanks to the friends and people who made this tool possible...</TextBlock>
-			</Border>
-			<WrapPanel Orientation="Horizontal">
-				<StackPanel Orientation="Horizontal"
-							Margin="8">
-					<controls:Card>
-						<Image Source="/Assets/Users/dysolix.png"
-						   RenderOptions.BitmapInterpolationMode="MediumQuality"
-						   Width="100"
-						   Height="100"/>
-					</controls:Card>
-					<StackPanel Margin="2 0 0 0">
-						<controls:Card Width="250" Margin="2">
-							<StackPanel Orientation="Horizontal">
-								<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}"
-										   Margin="0 0 8 0">dysolix</TextBlock>
-								<Button CommandParameter="https://github.com/dysolix">
-									<i:Icon Value="fa-github"/>
-								</Button>
-							</StackPanel>
-						</controls:Card>
-						<controls:Card Width="250" Margin="2">
-							<StackPanel >
-								<TextBlock TextWrapping="Wrap">
-									For providing and hosting an auto-generated OpenAPI document of the LCU.
-								</TextBlock>
-							</StackPanel>
-						</controls:Card>
-					</StackPanel>
-				</StackPanel>
-				<StackPanel Orientation="Horizontal"
-							Margin="8">
-					<controls:Card>
-						<Image Source="/Assets/Users/ray.png"
-						   RenderOptions.BitmapInterpolationMode="MediumQuality"
-						   Width="100"
-						   Height="100"/>
-					</controls:Card>
-					<StackPanel Margin="2 0 0 0">
-						<controls:Card Width="250" Margin="2">
-							<StackPanel Orientation="Horizontal">
-								<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}"
-										   Margin="0 0 8 0">Ray</TextBlock>
-								<Button CommandParameter="https://github.com/Hi-Ray">
-									<i:Icon Value="fa-github"/>
-								</Button>
-							</StackPanel>
-						</controls:Card>
-						<controls:Card Width="250" Margin="2">
-							<StackPanel >
-								<TextBlock TextWrapping="Wrap">
-									For guidance, advice, or providing help via HextechDocs.
-								</TextBlock>
-							</StackPanel>
-						</controls:Card>
-					</StackPanel>
-				</StackPanel>
-				<StackPanel Orientation="Horizontal"
-							Margin="8">
-					<controls:Card>
-						<Image Source="/Assets/Users/dubble.png"
-						   RenderOptions.BitmapInterpolationMode="MediumQuality"
-						   Width="100"
-						   Height="100"/>
-					</controls:Card>
-					<StackPanel Margin="4 0 0 0">
-						<controls:Card Width="250" Margin="2">
-							<StackPanel Orientation="Horizontal">
-								<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}"
-										   Margin="0 0 8 0">dubble</TextBlock>
-								<Button CommandParameter="https://github.com/cuppachino">
-									<i:Icon Value="fa-github"/>
-								</Button>
-							</StackPanel>
-						</controls:Card>
-						<controls:Card Width="250" Margin="2">
-							<StackPanel >
-								<TextBlock TextWrapping="Wrap">
-									For encouraging me to publish Needlework. This project may never have seen the light of day without him.
-								</TextBlock>
-							</StackPanel>
-						</controls:Card>
-					</StackPanel>
-				</StackPanel>
-				<StackPanel Orientation="Horizontal"
-							Margin="8">
-					<controls:Card>
-						<Image Source="/Assets/Users/community.png"
-						   RenderOptions.BitmapInterpolationMode="MediumQuality"
-						   Width="100"
-						   Height="100"/>
-					</controls:Card>
-					<StackPanel Margin="4 0 0 0">
-						<controls:Card Width="250" Margin="2">
-							<StackPanel Orientation="Horizontal">
-								<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}"
-										   Width="250"
-										   TextWrapping="Wrap">Third Party Developer Community</TextBlock>
-							</StackPanel>
-						</controls:Card>
-						<controls:Card Width="250" Margin="2">
-							<StackPanel >
-								<TextBlock TextWrapping="Wrap">
-									For providing numerous documentation on the LCU.
-								</TextBlock>
-							</StackPanel>
-						</controls:Card>
-					</StackPanel>
-				</StackPanel>
-			</WrapPanel>
-		</StackPanel>
-	</Grid>
-</UserControl>

Needlework.Net/Views/Pages/AboutView.axaml.cs

@@ -1,11 +0,0 @@
-using Avalonia.Controls;
-
-namespace Needlework.Net.Views.Pages;
-
-public partial class AboutView : UserControl
-{
-    public AboutView()
-    {
-        InitializeComponent();
-    }
-}

Needlework.Net/Views/Pages/Console/ConsolePage.axaml

@@ -3,40 +3,47 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 			 xmlns:avaloniaEdit="https://github.com/avaloniaui/avaloniaedit"
+			 xmlns:reactiveUi="http://reactiveui.net"
 			 xmlns:ui="using:FluentAvalonia.UI.Controls"             
              xmlns:uip="using:FluentAvalonia.UI.Controls.Primitives"
-			 xmlns:vm="using:Needlework.Net.ViewModels.Pages"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Console"
 			 xmlns:controls="using:Needlework.Net.Controls"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="Needlework.Net.Views.Pages.ConsoleView"
+             x:Class="Needlework.Net.Views.Pages.Console.ConsolePage"
 			 x:DataType="vm:ConsoleViewModel">
-	<controls:BusyArea IsBusy="{Binding IsBusy}"
+	<controls:BusyArea Name="BusyArea"
 					   BusyText="Loading...">
 		<Grid Margin="16" RowDefinitions="auto,*" ColumnDefinitions="*,*">
 			<Grid Grid.Row="0"
 				  Grid.Column="0"
 				  Grid.ColumnSpan="2">
-				<StackPanel Margin="0 0 0 16">
+				<StackPanel Margin="0 0 0 8">
 					<Grid RowDefinitions="auto" ColumnDefinitions="auto,*,auto">
-						<ComboBox ItemsSource="{Binding RequestMethods}"
+						<!-- Worst behavior of Avalonia with ReactiveUI, but works for now.
-								  SelectedItem="{Binding LcuRequest.Method}"
+						https://stackoverflow.com/a/78409519 
+						https://github.com/AvaloniaUI/Avalonia/discussions/17736#discussioncomment-11525997 -->
+						<ComboBox Name="RequestMethodsComboBox"
 								  Margin="0 0 8 0"
 								  Grid.Row="0"
-								  Grid.Column="0"/>
+								  Grid.Column="0">
-						<AutoCompleteBox
+							<ComboBox.ItemTemplate>
-								 ItemsSource="{Binding RequestPaths}"
+								<DataTemplate>
-								 Text="{Binding LcuRequest.RequestPath}"
+									<TextBlock Text="{Binding}" />
+								</DataTemplate>
+							</ComboBox.ItemTemplate>
+						</ComboBox>
+						<AutoCompleteBox Name="RequestPathsAutoCompleteBox"
 								 MaxDropDownHeight="400"
 								 FilterMode="StartsWith"
 								 Grid.Row="0"
 								 Grid.Column="1"/>
-						<Button Margin="8 0 0 0"
+						<Button Name="SendRequestButton" 
+								Margin="8 0 0 0"
 								HorizontalAlignment="Center"
 								VerticalAlignment="Bottom"
 								FontWeight="DemiBold"
 								Grid.Row="0"
-								Grid.Column="2"
+								Grid.Column="2">
-								Command="{Binding SendRequestCommand}">
 							Send
 						</Button>
 					</Grid>
@@ -46,10 +53,10 @@
 				  Grid.Column="0"
 				  RowDefinitions="auto,*"
 				  ColumnDefinitions="*">
-				<TextBox IsReadOnly="True"
+				<TextBox Name="ResponsePathTextBox" 
+						 IsReadOnly="True"
 						 Grid.Row="0"
-						 Grid.Column="0"
+						 Grid.Column="0"/>
-						 Text="{Binding LcuRequest.ResponsePath}"/>
 				<avaloniaEdit:TextEditor
 								 Name="RequestEditor"
 								 Text=""
@@ -69,7 +76,7 @@
 				<StackPanel Orientation="Horizontal"
 							Grid.Row="0"
 							Grid.Column="0">
-					<Button Content="{Binding LcuRequest.ResponseStatus}"
+					<Button Name="ResponseStatusButton" 
 							FontSize="12"
 							VerticalAlignment="Center"/>
 				</StackPanel>

Needlework.Net/Views/Pages/Console/ConsolePage.axaml.cs

@@ -0,0 +1,59 @@
+using Avalonia;
+using Avalonia.ReactiveUI;
+using Avalonia.Styling;
+using Needlework.Net.Extensions;
+using Needlework.Net.ViewModels.Pages.Console;
+using ReactiveUI;
+using System;
+using System.Reactive.Disposables;
+using System.Reactive.Linq;
+using TextMateSharp.Grammars;
+
+namespace Needlework.Net.Views.Pages.Console;
+
+public partial class ConsolePage : ReactiveUserControl<ConsoleViewModel>
+{
+    public ConsolePage()
+    {
+        this.WhenAnyValue(x => x.ViewModel!.GetRequestPathsCommand)
+            .SelectMany(x => x.Execute())
+            .Subscribe();
+
+        this.WhenActivated(disposables =>
+        {
+            ResponseEditor.ApplyJsonEditorSettings();
+            RequestEditor.ApplyJsonEditorSettings();
+            OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
+
+            this.OneWayBind(ViewModel, vm => vm.IsBusy, v => v.BusyArea.IsBusy)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.RequestMethods, v => v.RequestMethodsComboBox.ItemsSource)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.Method, v => v.RequestMethodsComboBox.SelectedItem)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.RequestPaths, v => v.RequestPathsAutoCompleteBox.ItemsSource)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.RequestPath, v => v.RequestPathsAutoCompleteBox.Text)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.ResponsePath, v => v.ResponsePathTextBox.Text)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.ResponseStatus, v => v.ResponseStatusButton.Content)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.RequestDocument, v => v.RequestEditor.Document)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.Request.ResponseDocument, v => v.ResponseEditor.Document)
+                .DisposeWith(disposables);
+
+            this.BindCommand(ViewModel, vm => vm.SendRequestCommand, v => v.SendRequestButton)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+
+    private void OnBaseThemeChanged(ThemeVariant currentTheme)
+    {
+        var registryOptions = new RegistryOptions(
+            currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
+    }
+}

Needlework.Net/Views/Pages/ConsoleView.axaml.cs

@@ -1,61 +0,0 @@
-using Avalonia;
-using Avalonia.Controls;
-using Avalonia.Styling;
-using AvaloniaEdit;
-using Needlework.Net.Extensions;
-using Needlework.Net.ViewModels.Pages;
-using TextMateSharp.Grammars;
-
-namespace Needlework.Net.Views.Pages;
-
-public partial class ConsoleView : UserControl
-{
-    private TextEditor? _responseEditor;
-    private TextEditor? _requestEditor;
-
-    public ConsoleView()
-    {
-        InitializeComponent();
-    }
-
-    protected override void OnAttachedToVisualTree(VisualTreeAttachmentEventArgs e)
-    {
-        base.OnAttachedToVisualTree(e);
-
-        _responseEditor = this.FindControl<TextEditor>("ResponseEditor");
-        _requestEditor = this.FindControl<TextEditor>("RequestEditor");
-        _responseEditor?.ApplyJsonEditorSettings();
-        _requestEditor?.ApplyJsonEditorSettings();
-
-        var vm = (ConsoleViewModel)DataContext!;
-        vm.LcuRequest.RequestText += LcuRequest_RequestText; ;
-        vm.LcuRequest.UpdateText += LcuRequest_UpdateText;
-
-        OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
-    }
-
-    private void LcuRequest_RequestText(object? sender, ViewModels.Shared.LcuRequestViewModel e)
-    {
-        e.RequestBody = _requestEditor!.Text;
-    }
-
-    private void LcuRequest_UpdateText(object? sender, string e)
-    {
-        _responseEditor!.Text = e;
-    }
-
-    protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e)
-    {
-        base.OnDetachedFromVisualTree(e);
-
-        var vm = (ConsoleViewModel)DataContext!;
-        vm.LcuRequest.RequestText -= LcuRequest_RequestText;
-        vm.LcuRequest.UpdateText -= LcuRequest_UpdateText;
-    }
-
-    private void OnBaseThemeChanged(ThemeVariant currentTheme)
-    {
-        var registryOptions = new RegistryOptions(
-            currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
-    }
-}

Needlework.Net/Views/Pages/Endpoints/EndpointSearchDetailsView.axaml

@@ -0,0 +1,16 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"             
+			 xmlns:controls="using:Needlework.Net.Controls"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointSearchDetailsView"
+			 x:DataType="vm:EndpointSearchDetailsViewModel">
+	<Button Name="DetailsButton" 
+			VerticalAlignment="Stretch"
+			HorizontalAlignment="Stretch"
+			HorizontalContentAlignment="Left"
+			Theme="{StaticResource TransparentButton}"/>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointSearchDetailsView.axaml.cs

@@ -0,0 +1,23 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class EndpointSearchDetailsView : ReactiveUserControl<EndpointSearchDetailsViewModel>
+{
+    public EndpointSearchDetailsView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.Bind(ViewModel, vm => vm.Plugin, v => v.DetailsButton.Content)
+                .DisposeWith(disposables);
+
+            this.BindCommand(ViewModel, vm => vm.OpenEndpointCommand, v => v.DetailsButton)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Endpoints/EndpointTabItemContentView.axaml

@@ -0,0 +1,48 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+			xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+			xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+			xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+			xmlns:avalonEdit="https://github.com/avaloniaui/avaloniaedit"
+			xmlns:reactiveUi="http://reactiveui.net"
+			xmlns:i="https://github.com/projektanker/icons.avalonia"
+			mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+			x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointTabItemContentView"
+			x:DataType="vm:EndpointTabItemContentViewModel">
+	<Grid RowDefinitions="auto,auto,*" ColumnDefinitions="*">
+		<Menu Grid.Row="0"
+			  Grid.Column="0">
+			<MenuItem Header="_New tab">
+				<MenuItem Header="LCU"
+						  CommandParameter="{x:Static vm:Tab.LCU}"/>
+				<MenuItem Header="Game Client"
+						  CommandParameter="{x:Static vm:Tab.GameClient}"/>
+			</MenuItem>
+		</Menu>
+		<Separator Grid.Row="1"
+				   Grid.Column="0"/>
+		<Grid Grid.Row="2"
+			  Grid.Column="0"
+			  Margin="16"
+			  RowDefinitions="auto,*"
+			  ColumnDefinitions="*">
+			<StackPanel Orientation="Horizontal"
+					Grid.Row="0"
+					Grid.Column="0"
+					Margin="0 0 0 8">
+				<Button Name="GoBackButton" 
+						Theme="{StaticResource TransparentButton}"
+						Margin="0 0 8 0">
+					<i:Icon Value="fa-arrow-left"
+							FontSize="20"/>
+				</Button>
+				<TextBlock Name="TitleTextBlock"
+						   Theme="{StaticResource TitleTextBlockStyle}"
+						   Text="{Binding Title}"/>
+			</StackPanel>
+			<reactiveUi:ViewModelViewHost Name="ViewModelViewHost"
+										  Grid.Row="1"
+										  Grid.Column="0"/>
+		</Grid>
+	</Grid>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointTabItemContentView.axaml.cs

@@ -0,0 +1,25 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class EndpointTabItemContentView : ReactiveUserControl<EndpointTabItemContentViewModel>
+{
+    public EndpointTabItemContentView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.Bind(ViewModel, vm => vm.Title, v => v.TitleTextBlock.Text)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.ActiveViewModel, v => v.ViewModelViewHost.ViewModel)
+                .DisposeWith(disposables);
+
+            this.BindCommand(ViewModel, vm => vm.GoBackCommand, v => v.GoBackButton)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Endpoints/EndpointTabListView.axaml

@@ -0,0 +1,30 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+		xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+		xmlns:views="using:Needlework.Net.Views.Pages.Endpoints"
+		xmlns:controls="using:Needlework.Net.Controls"
+		xmlns:reactiveUi="http://reactiveui.net"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+		Name="EndpointsControl"
+        x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointTabListView"
+		x:DataType="vm:EndpointTabListViewModel">
+	<Grid RowDefinitions="auto,auto,*" ColumnDefinitions="*">
+		<TextBox Name="SearchTextBox" 
+				 Watermark="Search" 
+				 Margin="0 4" 
+				 Grid.Row="1" 
+				 Grid.Column="0"/>
+		<ScrollViewer Grid.Row="2" Grid.Column="0">
+			<ItemsControl Name="EndpointSearchDetailItemsControl"
+						  ItemsSource="{Binding Plugins}">
+				<ItemsControl.ItemTemplate>
+					<DataTemplate x:DataType="vm:EndpointSearchDetailsViewModel">
+						<reactiveUi:ViewModelViewHost ViewModel="{Binding}"/>
+					</DataTemplate>
+				</ItemsControl.ItemTemplate>
+			</ItemsControl>
+		</ScrollViewer>
+	</Grid>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointTabListView.axaml.cs

@@ -0,0 +1,20 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class EndpointTabListView : ReactiveUserControl<EndpointTabListViewModel>
+{
+    public EndpointTabListView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.Bind(ViewModel, vm => vm.Search, v => v.SearchTextBox.Text)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Endpoints/EndpointView.axaml.cs

@@ -1,94 +0,0 @@
-using Avalonia;
-using Avalonia.Controls;
-using Avalonia.Styling;
-using AvaloniaEdit;
-using Needlework.Net.Extensions;
-using Needlework.Net.ViewModels.Pages.Endpoints;
-using Needlework.Net.ViewModels.Shared;
-using TextMateSharp.Grammars;
-
-namespace Needlework.Net.Views.Pages.Endpoints;
-
-public partial class EndpointView : UserControl
-{
-    private TextEditor? _requestEditor;
-    private TextEditor? _responseEditor;
-    private LcuRequestViewModel? _lcuRequestVm;
-
-    public EndpointView()
-    {
-        InitializeComponent();
-    }
-
-    protected override void OnAttachedToVisualTree(VisualTreeAttachmentEventArgs e)
-    {
-        base.OnAttachedToVisualTree(e);
-
-        _requestEditor = this.FindControl<TextEditor>("EndpointRequestEditor");
-        _responseEditor = this.FindControl<TextEditor>("EndpointResponseEditor");
-        _requestEditor?.ApplyJsonEditorSettings();
-        _responseEditor?.ApplyJsonEditorSettings();
-
-        var vm = (EndpointViewModel)DataContext!;
-        vm.PathOperationSelected += Vm_PathOperationSelected;
-
-        if (vm.SelectedPathOperation != null)
-        {
-            _lcuRequestVm = vm.SelectedPathOperation.LcuRequest.Value;
-            vm.SelectedPathOperation.LcuRequest.Value.RequestText += LcuRequest_RequestText;
-            vm.SelectedPathOperation.LcuRequest.Value.UpdateText += LcuRequest_UpdateText;
-        }
-
-        OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
-    }
-
-    private void Vm_PathOperationSelected(object? sender, string e)
-    {
-        var vm = (EndpointViewModel)DataContext!;
-        if (vm.SelectedPathOperation != null)
-        {
-            _requestEditor!.Text = e;
-            if (_lcuRequestVm != null)
-            {
-                _lcuRequestVm.RequestText -= LcuRequest_RequestText;
-                _lcuRequestVm.UpdateText -= LcuRequest_UpdateText;
-            }
-            vm.SelectedPathOperation.LcuRequest.Value.RequestText += LcuRequest_RequestText;
-            vm.SelectedPathOperation.LcuRequest.Value.UpdateText += LcuRequest_UpdateText;
-            _lcuRequestVm = vm.SelectedPathOperation.LcuRequest.Value;
-            _responseEditor!.Text = vm.SelectedPathOperation.LcuRequest.Value.ResponseBody ?? string.Empty;
-        }
-    }
-
-    protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e)
-    {
-        base.OnDetachedFromVisualTree(e);
-
-        var vm = (EndpointViewModel)DataContext!;
-        vm.PathOperationSelected -= Vm_PathOperationSelected;
-
-        if (_lcuRequestVm != null)
-        {
-            _lcuRequestVm.RequestText -= LcuRequest_RequestText;
-            _lcuRequestVm.UpdateText -= LcuRequest_UpdateText;
-            _lcuRequestVm = null;
-        }
-    }
-
-    private void OnBaseThemeChanged(ThemeVariant currentTheme)
-    {
-        var registryOptions = new RegistryOptions(
-          currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
-    }
-
-    private void LcuRequest_RequestText(object? sender, LcuRequestViewModel e)
-    {
-        e.RequestBody = _requestEditor!.Text;
-    }
-
-    private void LcuRequest_UpdateText(object? sender, string e)
-    {
-        _responseEditor!.Text = e;
-    }
-
-}

Needlework.Net/Views/Pages/Endpoints/EndpointsNavigationView.axaml

@@ -1,32 +0,0 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-			xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-			xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-			xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-			xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
-			xmlns:avalonEdit="https://github.com/avaloniaui/avaloniaedit"
-			xmlns:i="https://github.com/projektanker/icons.avalonia"
-			mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-			x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointsNavigationView"
-			x:DataType="vm:EndpointsNavigationViewModel">
-	<Grid RowDefinitions="auto,*"
-		  ColumnDefinitions="*"
-		  Margin="16">
-		<StackPanel Orientation="Horizontal"
-					Grid.Row="0"
-					Grid.Column="0"
-					Margin="0 0 0 8">
-			<Button Command="{Binding GoBackCommand}"
-					Theme="{StaticResource TransparentButton}"
-					Margin="0 0 8 0">
-				<i:Icon Value="fa-arrow-left"
-						FontSize="20"/>
-			</Button>
-			<TextBlock Theme="{StaticResource TitleTextBlockStyle}"
-					   Text="{Binding Title}"/>
-		</StackPanel>
-		<TransitioningContentControl
-			Grid.Row="1"
-			Grid.Column="0"
-			Content="{Binding ActiveViewModel}"/>
-	</Grid>
-</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointsNavigationView.axaml.cs

@@ -1,11 +0,0 @@
-using Avalonia.Controls;
-
-namespace Needlework.Net.Views.Pages.Endpoints;
-
-public partial class EndpointsNavigationView : UserControl
-{
-    public EndpointsNavigationView()
-    {
-        InitializeComponent();
-    }
-}

Needlework.Net/Views/Pages/Endpoints/EndpointsPage.axaml

@@ -0,0 +1,59 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:i="https://github.com/projektanker/icons.avalonia"
+			 Name="EndpointsTab"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+			 xmlns:reactiveUi="http://reactiveui.net"
+			 xmlns:views="using:Needlework.Net.Views.Pages.Endpoints"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"
+			 xmlns:controls="using:Needlework.Net.Controls"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointsPage"
+			 x:DataType="vm:EndpointsViewModel">
+	<controls:BusyArea Name="BusyArea" 
+					   BusyText="Loading...">
+		<Grid>
+			<ui:TabView Name="TabView"
+						TabItems="{Binding EndpointTabItems}">
+				<!--Need to override Tab header for Mica theme...-->
+				<ui:TabView.Resources>
+					<ResourceDictionary>
+						<SolidColorBrush x:Key="TabViewItemHeaderBackgroundSelected" Color="{DynamicResource ControlFillColorTransparent}"/>
+					</ResourceDictionary>
+				</ui:TabView.Resources>
+				<!--We need to hack this style for Mica theme since there is no way to explicity set style priority in Avalonia...-->
+				<ui:TabView.Styles>
+					<Style Selector="Grid > ContentPresenter#TabContentPresenter">
+						<Style.Animations>
+							<Animation IterationCount="1" Duration="0:0:1" FillMode="Both">
+								<KeyFrame Cue="0%">
+									<Setter Property="Background" Value="{DynamicResource ControlFillColorTransparent}"/>
+								</KeyFrame>
+								<KeyFrame Cue="100%">
+									<Setter Property="Background" Value="{DynamicResource ControlFillColorTransparent}"/>
+								</KeyFrame>
+							</Animation>
+						</Style.Animations>
+					</Style>
+				</ui:TabView.Styles>
+				<ui:TabView.TabItemTemplate>
+					<!--We have to item template with XAML bindings here due to FluentAvalonia generating a TabViewItem control for reactive bindings...-->
+					<DataTemplate x:DataType="vm:EndpointTabItemViewModel">
+						<ui:TabViewItem Header="{Binding Header}"
+										IconSource="{Binding IconSource}"
+										IsSelected="{Binding Selected}"
+										Content="{Binding Content}">
+							<ui:TabViewItem.ContentTemplate>
+								<DataTemplate x:DataType="vm:EndpointTabItemContentViewModel">
+									<reactiveUi:ViewModelViewHost ViewModel="{Binding}"/>
+								</DataTemplate>
+							</ui:TabViewItem.ContentTemplate>
+						</ui:TabViewItem>
+					</DataTemplate>
+				</ui:TabView.TabItemTemplate>
+			</ui:TabView>
+		</Grid>
+	</controls:BusyArea>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointsPage.axaml.cs

@@ -0,0 +1,38 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System;
+using System.Collections;
+using System.Reactive.Disposables;
+using System.Reactive.Linq;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class EndpointsPage : ReactiveUserControl<EndpointsViewModel>
+{
+    public EndpointsPage()
+    {
+        this.WhenAnyValue(x => x.ViewModel!.GetEndpointCommand)
+            .SelectMany(x => x.Execute())
+            .Subscribe();
+
+        this.WhenActivated(disposables =>
+        {
+            this.Bind(ViewModel, vm => vm.IsBusy, v => v.BusyArea.IsBusy)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+
+    private void TabView_TabCloseRequested(FluentAvalonia.UI.Controls.TabView sender, FluentAvalonia.UI.Controls.TabViewTabCloseRequestedEventArgs args)
+    {
+        if (args.Tab.Content is EndpointTabItemViewModel item && sender.TabItems is IList tabItems)
+        {
+            if (tabItems.Count > 1)
+            {
+                tabItems.Remove(item);
+            }
+        }
+    }
+}

Needlework.Net/Views/Pages/Endpoints/EndpointsTabView.axaml

@@ -1,35 +0,0 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-			 xmlns:i="https://github.com/projektanker/icons.avalonia"
-			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
-			 xmlns:ui="using:FluentAvalonia.UI.Controls"             
-			 xmlns:controls="using:Needlework.Net.Controls"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointsTabView"
-			 x:DataType="vm:EndpointsTabViewModel">
-	<controls:BusyArea IsBusy="{Binding IsBusy}"
-						   BusyText="Loading...">
-		<Grid>
-			<ui:TabView TabItems="{Binding Endpoints}"
-						AddTabButtonCommand="{Binding AddEndpointCommand}"
-						TabCloseRequested="TabView_TabCloseRequested">
-				<ui:TabView.TabItemTemplate>
-					<DataTemplate DataType="vm:EndpointItem">
-						<ui:TabViewItem Header="{Binding Header}"
-										IconSource="{Binding IconSource}"
-										IsSelected="{Binding Selected}"
-										Content="{Binding}">
-							<ui:TabViewItem.ContentTemplate>
-								<DataTemplate DataType="vm:EndpointItem">
-									<ContentControl Content="{Binding Content}"/>
-								</DataTemplate>
-							</ui:TabViewItem.ContentTemplate>
-						</ui:TabViewItem>
-					</DataTemplate>
-				</ui:TabView.TabItemTemplate>
-			</ui:TabView>
-		</Grid>
-	</controls:BusyArea>
-</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointsTabView.axaml.cs

@@ -1,19 +0,0 @@
-using Avalonia.Controls;
-using Needlework.Net.ViewModels.Pages.Endpoints;
-using System.Collections;
-
-namespace Needlework.Net.Views.Pages.Endpoints;
-
-public partial class EndpointsTabView : UserControl
-{
-    public EndpointsTabView()
-    {
-        InitializeComponent();
-    }
-
-    private void TabView_TabCloseRequested(FluentAvalonia.UI.Controls.TabView sender, FluentAvalonia.UI.Controls.TabViewTabCloseRequestedEventArgs args)
-    {
-        if (args.Tab.Content is EndpointItem item)
-            ((IList)sender.TabItems).Remove(item);
-    }
-}

Needlework.Net/Views/Pages/Endpoints/EndpointsView.axaml

@@ -1,29 +0,0 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-		xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
-		xmlns:controls="using:Needlework.Net.Controls"
-        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-		Name="EndpointsControl"
-        x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointsView"
-		x:DataType="vm:EndpointsViewModel">
-	<Grid RowDefinitions="auto,auto,*" ColumnDefinitions="*">
-		<TextBox Watermark="Search" Margin="0 4" Text="{Binding Search}" Grid.Row="1" Grid.Column="0"/>
-		<ScrollViewer Grid.Row="2" Grid.Column="0">
-			<ItemsRepeater ItemsSource="{Binding Query}">
-				<ItemsRepeater.ItemTemplate>
-					<DataTemplate>
-						<Button Command="{Binding #EndpointsControl.((vm:EndpointsViewModel)DataContext).OpenEndpointCommand}"
-								VerticalAlignment="Stretch"
-								HorizontalAlignment="Stretch"
-								HorizontalContentAlignment="Left"
-								CommandParameter="{Binding}"
-								Content="{Binding}"
-								Theme="{StaticResource TransparentButton}"/>
-					</DataTemplate>
-				</ItemsRepeater.ItemTemplate>
-			</ItemsRepeater>
-		</ScrollViewer>
-	</Grid>
-</UserControl>

Needlework.Net/Views/Pages/Endpoints/EndpointsView.axaml.cs

@@ -1,11 +0,0 @@
-using Avalonia.Controls;
-
-namespace Needlework.Net.Views.Pages.Endpoints;
-
-public partial class EndpointsView : UserControl
-{
-    public EndpointsView()
-    {
-        InitializeComponent();
-    }
-}

Needlework.Net/Views/Pages/Endpoints/PathOperationView.axaml

@@ -0,0 +1,37 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"             
+			 xmlns:controls="using:Needlework.Net.Controls"
+             x:Class="Needlework.Net.Views.Pages.Endpoints.PathOperationView"
+			 x:DataType="vm:PathOperationViewModel">
+	<Grid RowDefinitions="*"
+		  ColumnDefinitions="auto,*">
+		<Grid.ContextFlyout>
+			<MenuFlyout>
+				<MenuItem Header="Copy Swagger URL" Command="{Binding CopyUrlCommand}"/>
+				<MenuItem Header="Copy Markdown" Command="{Binding CopyMarkdownCommand}"/>
+			</MenuFlyout>
+		</Grid.ContextFlyout>
+		<TextBlock
+			VerticalAlignment="Center"
+			TextAlignment="Center"
+			Margin="0 0 8 0"
+			Text="{Binding Request.Value.Method}"
+			Background="{Binding Request.Value.Color}"
+			FontSize="8"
+			Width="50"
+			Padding="10 2 10 2"
+			Grid.Row="0"
+			Grid.Column="0"/>
+		<TextBlock
+			VerticalAlignment="Center"
+			Text="{Binding Path}"
+			FontSize="11"
+			Grid.Row="0"
+			Grid.Column="1"/>
+	</Grid>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/PathOperationView.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class PathOperationView : ReactiveUserControl<PathOperationViewModel>
+{
+    public PathOperationView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            // Add any activation logic here if needed
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Endpoints/PluginView.axaml

@@ -7,8 +7,8 @@
 		xmlns:avalonEdit="https://github.com/avaloniaui/avaloniaedit"
 		xmlns:controls="using:Needlework.Net.Controls"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-        x:Class="Needlework.Net.Views.Pages.Endpoints.EndpointView"
+        x:Class="Needlework.Net.Views.Pages.Endpoints.PluginView"
-		x:DataType="vm:EndpointViewModel">
+		x:DataType="vm:PluginViewModel">
 	<UserControl.Styles>
 		<Style Selector="DataGrid">
 			<Setter Property="HorizontalGridLinesBrush" Value="{DynamicResource ControlElevationBorderBrush}"/>
@@ -35,7 +35,7 @@
 			  Grid.Column="0"
 			  RowDefinitions="*"
 			  ColumnDefinitions="auto,*">
-			<TextBox Text="{Binding Search}"
+			<TextBox Name="SearchTextBox"
 					 Grid.Row="0"
 					 Grid.Column="0"
 					 Grid.ColumnSpan="2"/>
@@ -44,38 +44,11 @@
 			  Grid.Column="0"
 			  RowDefinitions="*"
 			  ColumnDefinitions="*">
-			<ListBox ItemsSource="{Binding FilteredPathOperations}"
+			<ListBox Name="PathOperationListBox"
-					 SelectedItem="{Binding SelectedPathOperation}"
 					 ScrollViewer.HorizontalScrollBarVisibility="Visible"
 					 Margin="0 0 0 0"
 					 Grid.Row="1"
-					 Grid.Column="0">
-				<ListBox.ItemTemplate>
-					<DataTemplate>
-						<Grid
-						RowDefinitions="*"
-						ColumnDefinitions="auto,*">
-							<TextBlock
-								VerticalAlignment="Center"
-								TextAlignment="Center"
-								Margin="0 0 8 0"
-								Text="{Binding LcuRequest.Value.Method}"
-								Background="{Binding LcuRequest.Value.Color}"
-								FontSize="8"
-								Width="50"
-								Padding="10 2 10 2"
-								Grid.Row="0"
 					 Grid.Column="0"/>
-							<TextBlock
-								VerticalAlignment="Center"
-								Text="{Binding Path}"
-								FontSize="11"
-								Grid.Row="0"
-								Grid.Column="1"/>
-						</Grid>
-					</DataTemplate>
-				</ListBox.ItemTemplate>
-			</ListBox>
 		</Grid>
 		<GridSplitter Background="Gray"
 					  Margin="8 0 8 0"
@@ -86,44 +59,43 @@
 			  Grid.Column="2"
 			  RowDefinitions="*"
 			  ColumnDefinitions="auto,*,auto">
-			<TextBox Grid.Row="0" 
+			<TextBox Name="RequestMethodTextBox" 
+					 Grid.Row="0" 
 					 Grid.Column="0" 
-					 Text="{Binding SelectedPathOperation.LcuRequest.Value.Method}"
 					 FontSize="12"
 					 IsReadOnly="True"
 					 Margin="0 0 8 0"/>
-			<TextBox Grid.Row="0" 
+			<TextBox Name="RequestResponsePathTextBox" 
+					 Grid.Row="0" 
 					 Grid.Column="1" 
 					 FontSize="12"
-					 Text="{Binding SelectedPathOperation.LcuRequest.Value.ResponsePath}"
 					 IsReadOnly="True"/>
 			<StackPanel Grid.Row="0" 
 						Grid.Column="2" 
 						Orientation="Horizontal">
-				<Button Classes="Flat"
+				<Button Name="SendRequestButton" 
+						Classes="Flat"
 						Margin="4"
 						FontSize="12"
 						HorizontalAlignment="Right"
 						Padding="12 4 12 4"
-						VerticalAlignment="Center"
+						VerticalAlignment="Center">Send</Button>
-						Command="{Binding SelectedPathOperation.SendRequestCommand}">Send</Button>
 			</StackPanel>
 		</Grid>
 		<Grid Grid.Row="1" Grid.Column="2">
 			<TabControl>
 				<TabItem Header="Params">
 					<ScrollViewer>
-						<StackPanel IsVisible="{Binding SelectedPathOperation, Converter={StaticResource NullBoolConverter}}">
+						<StackPanel Name="ParamsStackPanel">
-							<controls:Card
+							<controls:Card Name="PathParametersCard"
-										   Margin="0 4"
+										   Margin="0 4">
-										   IsVisible="{Binding SelectedPathOperation.Operation.PathParameters, Converter={StaticResource EnumerableBoolConverter}}">
 								<StackPanel>
 									<TextBlock FontSize="14" 
 											   FontWeight="DemiBold">Path Parameters</TextBlock>
-									<DataGrid
+									<DataGrid Name="PathParametersDataGrid"
-								ItemsSource="{Binding SelectedPathOperation.Operation.PathParameters}"
 											  IsReadOnly="True"
-								GridLinesVisibility="All">
+											  GridLinesVisibility="All"
+											  x:DataType="vm:ParameterViewModel">
 										<DataGrid.Columns>
 											<DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
 											<DataGridCheckBoxColumn Header="Required" Binding="{Binding IsRequired}"/>
@@ -139,16 +111,15 @@
 									</DataGrid>
 								</StackPanel>
 							</controls:Card>
-							<controls:Card
+							<controls:Card Name="QueryParametersCard"
-										   Margin="0 4"
+										   Margin="0 4">
-										   IsVisible="{Binding SelectedPathOperation.Operation.QueryParameters, Converter={StaticResource EnumerableBoolConverter}}">
 								<StackPanel>
 									<TextBlock FontSize="14"
 											   FontWeight="DemiBold">Query Parameters</TextBlock>
-									<DataGrid
+									<DataGrid Name="QueryParametersDataGrid"
-								ItemsSource="{Binding SelectedPathOperation.Operation.QueryParameters}"
 											  IsReadOnly="True"
-								GridLinesVisibility="Horizontal">
+											  GridLinesVisibility="Horizontal"
+											  x:DataType="vm:ParameterViewModel">
 										<DataGrid.Columns>
 											<DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
 											<DataGridCheckBoxColumn Header="Required" Binding="{Binding IsRequired}"/>
@@ -184,110 +155,64 @@
 								   VerticalAlignment="Center">
 							Username
 						</TextBlock>
-						<TextBox FontSize="12"
+						<TextBox Name="UsernameTextBox" 
+								 FontSize="12"
 								 Grid.Row="0"
 								 Grid.Column="1"
 								 Margin="0 0 0 8"
-								 IsReadOnly="True"
+								 IsReadOnly="True"/>
-								 Text="{Binding SelectedPathOperation.LcuRequest.Value.ResponseUsername}" />
 						<TextBlock FontSize="12"
 								   Grid.Row="1"
 								   Grid.Column="0"
 								   VerticalAlignment="Center">
 							Password
 						</TextBlock>
-						<TextBox FontSize="12"
+						<TextBox Name="PasswordTextBox" 
+								 FontSize="12"
 								 Grid.Row="1"
 								 Grid.Column="1"
 								 Margin="0 0 0 8"
-								 IsReadOnly="True"
+								 IsReadOnly="True"/>
-								 Text="{Binding SelectedPathOperation.LcuRequest.Value.ResponsePassword}"/>
 						<TextBlock FontSize="12"
 								   Grid.Row="2"
 								   Grid.Column="0"
 								   VerticalAlignment="Center">
 							Authorization
 						</TextBlock>
-						<TextBox FontSize="12"
+						<TextBox Name="AuthorizationTextBox" FontSize="12"
 								 Grid.Row="2"
 								 Grid.Column="1"
-								 IsReadOnly="True"
+								 IsReadOnly="True"/>
-								 Text="{Binding SelectedPathOperation.LcuRequest.Value.ResponseAuthorization}"/>
 					</Grid>
 				</TabItem>
 				<TabItem Header="Schemas">
 					<ScrollViewer>
 						<StackPanel>
-							<controls:Card Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.RequestBodyType, Converter={StaticResource NullBoolConverter}}">
+							<controls:Card Name="RequestBodyTypeCard" 
+										   Margin="0 4">
 								<TextBlock>
 									<Run Text="Request body: " FontWeight="DemiBold" FontSize="12"/>
-									<Run Text="{Binding SelectedPathOperation.Operation.RequestBodyType}" FontSize="12"/>
+									<Run Name="RequestBodyTypeRun" FontSize="12"/>
 								</TextBlock>
 							</controls:Card>
-							<Border Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.RequestClasses, Converter={StaticResource EnumerableBoolConverter}}">
+							<Border Name="RequestClassesBorder" Margin="0 4">
 								<StackPanel>
 									<TextBlock FontSize="14" FontWeight="DemiBold" Margin="0 0 0 4">Request Classes</TextBlock>
-									<ItemsRepeater ItemsSource="{Binding SelectedPathOperation.Operation.RequestClasses}">
+									<ItemsControl Name="RequestClassItemsControl"
-										<ItemsRepeater.ItemTemplate>
+												  Margin="0 4 0 8"/>
-											<DataTemplate>
-												<StackPanel Margin="0 4 0 8">
-													<TextBlock FontSize="12" FontWeight="DemiBold" Text="{Binding Id}"/>
-													<controls:Card IsVisible="{Binding PropertyFields, Converter={StaticResource EnumerableBoolConverter}}">
-														<DataGrid
-																ItemsSource="{Binding PropertyFields}"
-																AutoGenerateColumns="True"
-																IsReadOnly="True"
-																GridLinesVisibility="Horizontal">
-														</DataGrid>
-													</controls:Card>
-													<controls:Card Margin="0 0 0 8" IsVisible="{Binding PropertyEnums, Converter={StaticResource EnumerableBoolConverter}}">
-														<DataGrid
-															ItemsSource="{Binding PropertyEnums}"
-															AutoGenerateColumns="True"
-															IsReadOnly="True"
-															GridLinesVisibility="Horizontal">
-														</DataGrid>
-													</controls:Card>
-												</StackPanel>
-											</DataTemplate>
-										</ItemsRepeater.ItemTemplate>
-									</ItemsRepeater>
 								</StackPanel>
 							</Border>
 							<controls:Card Margin="0 4">
 								<TextBlock>
 									<Run Text="Return value: " FontWeight="DemiBold" FontSize="12"/>
-									<Run Text="{Binding SelectedPathOperation.Operation.ReturnType}" FontSize="12"/>
+									<Run Name="ReturnTypeRun" FontSize="12"/>
 								</TextBlock>
 							</controls:Card>
-							<Border Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.ResponseClasses, Converter={StaticResource EnumerableBoolConverter}}">
+							<Border Name="ResponseClassesBorder" Margin="0 4">
 								<StackPanel>
 									<TextBlock FontSize="14" FontWeight="DemiBold">Response Classes</TextBlock>
-									<ItemsRepeater ItemsSource="{Binding SelectedPathOperation.Operation.ResponseClasses}">
+									<ItemsControl Name="ResponseClassItemsControl"
-										<ItemsRepeater.ItemTemplate>
+												  Margin="0 4 0 8"/>
-											<DataTemplate>
-												<StackPanel Margin="0 4 0 8">
-													<TextBlock FontSize="12" FontWeight="DemiBold" Text="{Binding Id}" Margin="0 0 0 4"/>
-													<controls:Card IsVisible="{Binding PropertyFields, Converter={StaticResource EnumerableBoolConverter}}">
-														<DataGrid
-														ItemsSource="{Binding PropertyFields}"
-														AutoGenerateColumns="True"
-														IsReadOnly="True"
-														GridLinesVisibility="Horizontal">
-														</DataGrid>
-													</controls:Card>
-													<controls:Card Margin="0 0 0 8" IsVisible="{Binding PropertyEnums, Converter={StaticResource EnumerableBoolConverter}}">
-														<DataGrid
-															ItemsSource="{Binding PropertyEnums}"
-															AutoGenerateColumns="True"
-															IsReadOnly="True"
-															GridLinesVisibility="Horizontal">
-														</DataGrid>
-													</controls:Card>
-												</StackPanel>
-											</DataTemplate>
-										</ItemsRepeater.ItemTemplate>
-									</ItemsRepeater>
 								</StackPanel>
 							</Border>
 						</StackPanel>
@@ -298,18 +223,18 @@
 		<GridSplitter Grid.Row="0" Grid.Column="3" Grid.RowSpan="2" Background="Gray"
 					  Margin="8 0 8 0"/>
 		<StackPanel Grid.Row="0" Grid.Column="4" Orientation="Horizontal">
-			<Button HorizontalAlignment="Left"
+			<Button Name="ResponseStatusButton" 
+					HorizontalAlignment="Left"
 					VerticalAlignment="Center"
 					Margin="4"
 					FontSize="10"
 					Padding="12 4 12 4"
-					Classes="Flat"
+					Classes="Flat"/>
-					Content="{Binding SelectedPathOperation.LcuRequest.Value.ResponseStatus}"/>
 					
 		</StackPanel>
 		<Grid Grid.Row="1" Grid.Column="4">
-			<controls:BusyArea BusyText="Loading..."
+			<controls:BusyArea Name="SelectedPathOperationBusyArea" 
-							   IsBusy="{Binding SelectedPathOperation.IsBusy}">
+							   BusyText="Loading...">
 				<TabControl>
 					<TabItem Header="Preview">
 						<avalonEdit:TextEditor

Needlework.Net/Views/Pages/Endpoints/PluginView.axaml.cs

@@ -0,0 +1,79 @@
+using Avalonia;
+using Avalonia.ReactiveUI;
+using Avalonia.Styling;
+using Needlework.Net.Extensions;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System.Reactive.Disposables;
+using TextMateSharp.Grammars;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class PluginView : ReactiveUserControl<PluginViewModel>
+{
+    public PluginView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            EndpointRequestEditor?.ApplyJsonEditorSettings();
+            EndpointResponseEditor?.ApplyJsonEditorSettings();
+            OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
+
+            this.OneWayBind(ViewModel, vm => vm.Search, v => v.SearchTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.FilteredPathOperations, v => v.PathOperationListBox.ItemsSource)
+                .DisposeWith(disposables);
+            this.Bind(ViewModel, vm => vm.SelectedPathOperation, v => v.PathOperationListBox.SelectedItem)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.Method, v => v.RequestMethodTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.ResponsePath, v => v.RequestResponsePathTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation, v => v.ParamsStackPanel.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.PathParameters, v => v.PathParametersCard.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.PathParameters, v => v.PathParametersDataGrid.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.QueryParameters, v => v.QueryParametersCard.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.QueryParameters, v => v.QueryParametersDataGrid.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.ResponseUsername, v => v.UsernameTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.ResponsePassword, v => v.PasswordTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.ResponseAuthorization, v => v.AuthorizationTextBox.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.RequestBodyType, v => v.RequestBodyTypeCard.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.RequestBodyType, v => v.RequestBodyTypeRun.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.RequestClasses, v => v.RequestClassesBorder.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.RequestClasses, v => v.RequestClassItemsControl.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.ReturnType, v => v.ReturnTypeRun.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.ResponseClasses, v => v.ResponseClassesBorder.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Operation.ResponseClasses, v => v.ResponseClassItemsControl.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.Request.Value.ResponseStatus, v => v.ResponseStatusButton.Content)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.SelectedPathOperation.IsBusy, v => v.SelectedPathOperationBusyArea.IsBusy)
+                .DisposeWith(disposables);
+
+            this.BindCommand(ViewModel, vm => vm.SelectedPathOperation.SendRequestCommand, v => v.SendRequestButton)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+
+    private void OnBaseThemeChanged(ThemeVariant currentTheme)
+    {
+        var registryOptions = new RegistryOptions(
+          currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
+    }
+}

Needlework.Net/Views/Pages/Endpoints/PropertyClassView.axaml

@@ -0,0 +1,31 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:controls="using:Needlework.Net.Controls"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.Endpoints"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"             
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.Endpoints.PropertyClassView"
+			 x:DataType="vm:PropertyClassViewModel">
+	<StackPanel>
+		<TextBlock Name="IdTextBlock" 
+				   FontSize="12" 
+				   FontWeight="DemiBold"
+				   Margin="0 0 0 4"/>
+		<controls:Card Name="PropertyFieldsCard">
+			<DataGrid Name="PropertyFieldsDataGrid"
+					  AutoGenerateColumns="True"
+					  IsReadOnly="True"
+					  GridLinesVisibility="Horizontal">
+			</DataGrid>
+		</controls:Card>
+		<controls:Card Margin="0 0 0 8" Name="PropertyEnumsCard">
+			<DataGrid Name="PropertyEnumsDataGrid"
+					  AutoGenerateColumns="True"
+					  IsReadOnly="True"
+					  GridLinesVisibility="Horizontal">
+			</DataGrid>
+		</controls:Card>
+	</StackPanel>
+</UserControl>

Needlework.Net/Views/Pages/Endpoints/PropertyClassView.axaml.cs

@@ -0,0 +1,28 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Endpoints;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.Endpoints;
+
+public partial class PropertyClassView : ReactiveUserControl<PropertyClassViewModel>
+{
+    public PropertyClassView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.OneWayBind(ViewModel, vm => vm.Id, v => v.IdTextBlock.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.PropertyFields, v => v.PropertyFieldsCard.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.PropertyFields, v => v.PropertyFieldsDataGrid.ItemsSource)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.PropertyEnums, v => v.PropertyEnumsCard.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.PropertyEnums, v => v.PropertyEnumsDataGrid.ItemsSource)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Home/HomePage.axaml

@@ -2,29 +2,14 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-		xmlns:vm="using:Needlework.Net.ViewModels.Pages"
+		xmlns:vm="using:Needlework.Net.ViewModels.Pages.Home"
 		xmlns:controls="using:Needlework.Net.Controls"
+		xmlns:reactiveUi="http://reactiveui.net"
+		xmlns:views="using:Needlework.Net.Views.Pages.Home"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
 		Name="HomeControl"
-        x:Class="Needlework.Net.Views.Pages.HomeView"
+        x:Class="Needlework.Net.Views.Pages.Home.HomePage"
 		x:DataType="vm:HomeViewModel">
-	<UserControl.Styles>
-		<Style Selector="Button">
-			<Setter Property="Command" Value="{Binding OpenUrlCommand}"/>
-		</Style>
-		<Style Selector="DataGrid">
-			<Setter Property="HorizontalGridLinesBrush" Value="{DynamicResource ControlElevationBorderBrush}"/>
-		</Style>
-		<Style Selector="DataGridColumnHeader TextBlock">
-			<Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}"/>
-		</Style>
-		<Style Selector="DataGridRow DataGridCell">
-			<Setter Property="FontSize" Value="12"></Setter>
-		</Style>
-		<Style Selector="DataGridRow">
-			<Setter Property="Margin" Value="0 0 0 4"></Setter>
-		</Style>
-	</UserControl.Styles>
 	<!-- TOP LEVEL -->
 	<Grid ColumnDefinitions="*,400"
 		  RowDefinitions="*">
@@ -40,7 +25,7 @@
 							<TextBlock Theme="{StaticResource TitleTextBlockStyle}">
 								Welcome to Needlework.Net
 							</TextBlock>
-							<TextBlock>Get started with LCU development by clicking on the endpoints tab in the left panel.</TextBlock>
+							<TextBlock>Get started with LCU or Game Client development by clicking on the endpoints tab in the left panel.</TextBlock>
 						</StackPanel>
 					</Border>
 					<controls:Card Margin="12">
@@ -66,12 +51,15 @@
 								<Button CommandParameter="https://discord.com/channels/187652476080488449/516802588805431296" Margin="4">
 									#lcu-api
 								</Button>
+								<Button CommandParameter="https://discord.com/channels/187652476080488449/543112946402721832" Margin="4">
+									#ingame-api
+								</Button>
 							</StackPanel>
 						</StackPanel>
 					</controls:Card>
 					<controls:Card Margin="12" Width="300">
 						<StackPanel>
-							<TextBlock>© 2024 - Blossomi Shymae</TextBlock>
+							<TextBlock>© 2025 - Blossomi Shymae</TextBlock>
 							<TextBlock>MIT License</TextBlock>
 						</StackPanel>
 					</controls:Card>
@@ -94,31 +82,18 @@
 			<ScrollViewer Grid.Column="0"
 						  Grid.Row="1"
 						  HorizontalScrollBarVisibility="Disabled">
-				<ItemsRepeater ItemsSource="{Binding Libraries}">
+				<ItemsControl Name="LibraryItemsControl" ItemsSource="{Binding Libraries}">
-					<ItemsRepeater.ItemTemplate>
+					<ItemsControl.Styles>
-						<DataTemplate>
+						<Style Selector="views|LibraryView">
-							<StackPanel Margin="0 12 0 0">
+							<Setter Property="Margin" Value="0 12 0 0"/>
-								<TextBlock>
+						</Style>
-									<Run Text="{Binding Language}"
+					</ItemsControl.Styles>
-										 FontWeight="Bold"/>
+					<ItemsControl.ItemTemplate>
-									<Bold> - </Bold>
+						<DataTemplate x:DataType="vm:LibraryViewModel">
-									<Run Text="{Binding Repo}"
+							<views:LibraryView ViewModel="{Binding}"/>
-										 FontWeight="Bold"/>
-								</TextBlock>
-								<TextBlock Text="{Binding Description}"
-										   IsVisible="{Binding Description, Converter={StaticResource NullBoolConverter}}"
-										   TextAlignment="Left"
-										   TextWrapping="WrapWithOverflow"
-										   Width="350"/>
-								<Button Command="{Binding #HomeControl.((vm:HomeViewModel)DataContext).OpenUrlCommand}"
-										CommandParameter="{Binding Link}"
-										Margin="0 4 0 0">
-									<TextBlock Text="{Binding Link}"/>
-								</Button>
-							</StackPanel>
 						</DataTemplate>
-					</ItemsRepeater.ItemTemplate>
+					</ItemsControl.ItemTemplate>
-				</ItemsRepeater>
+				</ItemsControl>
 			</ScrollViewer>
 		</Grid>
 	</Grid>

Needlework.Net/Views/Pages/Home/HomePage.axaml.cs

@@ -0,0 +1,15 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Home;
+using ReactiveUI;
+
+namespace Needlework.Net.Views.Pages.Home;
+
+public partial class HomePage : ReactiveUserControl<HomeViewModel>
+{
+    public HomePage()
+    {
+        this.WhenActivated(disposables => { });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/Home/LibraryView.axaml

@@ -0,0 +1,25 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:reactiveUi="http://reactiveui.net"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.Home.LibraryView">
+	<StackPanel>
+		<TextBlock>
+			<Run Name="LanguageRun" 
+				 FontWeight="Bold"/>
+			<Bold> - </Bold>
+			<Run Name="RepoRun"
+				 FontWeight="Bold"/>
+		</TextBlock>
+		<TextBlock Name="DescriptionTextBlock" 
+				   TextAlignment="Left"
+				   TextWrapping="WrapWithOverflow"
+				   Width="350"/>
+		<Button Name="OpenUrlButton" 
+				Margin="0 4 0 0">
+			<TextBlock Name="OpenUrlTextBlock" />
+		</Button>
+	</StackPanel>
+</UserControl>

Needlework.Net/Views/Pages/Home/LibraryView.axaml.cs

@@ -0,0 +1,28 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.Home;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.Home;
+
+public partial class LibraryView : ReactiveUserControl<LibraryViewModel>
+{
+    public LibraryView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.OneWayBind(ViewModel, vm => vm.Library.Language, v => v.LanguageRun.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Library.Repo, v => v.RepoRun.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Library.Description, v => v.DescriptionTextBlock.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Library.Description, v => v.DescriptionTextBlock.IsVisible)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Library.Link, v => v.OpenUrlButton.Content)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/HomeView.axaml.cs

@@ -1,11 +0,0 @@
-using Avalonia.Controls;
-
-namespace Needlework.Net.Views.Pages;
-
-public partial class HomeView : UserControl
-{
-    public HomeView()
-    {
-        InitializeComponent();
-    }
-}

Needlework.Net/Views/Pages/WebSocket/EventView.axaml

@@ -0,0 +1,25 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:reactiveUi="http://reactiveui.net"
+			 xmlns:ui="using:FluentAvalonia.UI.Controls"
+			 xmlns:uip="using:FluentAvalonia.UI.Controls.Primitives"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.WebSocket"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.WebSocket.EventView"
+			 x:DataType="vm:EventViewModel">
+	<Grid ColumnDefinitions="auto,auto,*">
+		<TextBlock Name="TimeTextBlock"
+				   Margin="0 0 4 0"
+				   Grid.Column="0"
+				   Foreground="#8be9fd"/>
+		<TextBlock Name="TypeTextBlock"
+				   Grid.Column="1"
+				   Margin="0 0 4 0"
+				   Foreground="#ffb86c"/>
+		<TextBlock Name="UriTextBlock"
+				   Grid.Column="2"
+				   Foreground="#f8f8f2"/>
+	</Grid>
+</UserControl>

Needlework.Net/Views/Pages/WebSocket/EventView.axaml.cs

@@ -0,0 +1,24 @@
+using Avalonia.ReactiveUI;
+using Needlework.Net.ViewModels.Pages.WebSocket;
+using ReactiveUI;
+using System.Reactive.Disposables;
+
+namespace Needlework.Net.Views.Pages.WebSocket;
+
+public partial class EventView : ReactiveUserControl<EventViewModel>
+{
+    public EventView()
+    {
+        this.WhenActivated(disposables =>
+        {
+            this.OneWayBind(ViewModel, vm => vm.Time, v => v.TimeTextBlock.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Type, v => v.TypeTextBlock.Text)
+                .DisposeWith(disposables);
+            this.OneWayBind(ViewModel, vm => vm.Uri, v => v.UriTextBlock.Text)
+                .DisposeWith(disposables);
+        });
+
+        InitializeComponent();
+    }
+}

Needlework.Net/Views/Pages/WebSocket/WebSocketPage.axaml

@@ -0,0 +1,67 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+			 xmlns:avaloniaEdit="https://github.com/avaloniaui/avaloniaedit"
+			 xmlns:vm="using:Needlework.Net.ViewModels.Pages.WebSocket"
+			 xmlns:reactiveUi="http://reactiveui.net"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.Pages.WebSocket.WebSocketPage"
+			 x:DataType="vm:WebSocketViewModel">
+	<Grid RowDefinitions="*,auto,*"  Margin="16">
+		<Border Grid.Row="0"
+				Padding="0 0 0 8">
+			<Grid RowDefinitions="auto,auto,*" ColumnDefinitions="*">
+				<Grid Grid.Row="0"
+					  Grid.Column="0"
+					  RowDefinitions="*">
+					<ComboBox Name="EventTypesComboBox"
+							  Grid.Row="0"
+							  HorizontalAlignment="Stretch"
+							  HorizontalContentAlignment="Left"/>
+				</Grid>
+				<Grid
+					Grid.Row="1"
+					Grid.Column="0"
+					RowDefinitions="*"
+					ColumnDefinitions="auto,*,auto,auto"
+					Margin="0 8 0 0">
+					<Button Name="ClearButton" 
+							Margin="0 0 8 0"
+							Grid.Row="0"
+							Grid.Column="0">Clear</Button>
+					<TextBox Name="SearchTextBox" 
+							 Grid.Row="0"
+							 Grid.Column="1"
+							 MaxLines="1"
+							 Margin="0 0 8 0"/>
+					<CheckBox Name="IsAttachTextBox"
+							  Margin="0 0 8 0"
+							  Grid.Row="0"
+							  Grid.Column="2"
+							  Content="Attach"/>
+					<CheckBox Name="IsTailCheckBox"
+							  Grid.Row="0"
+							  Grid.Column="3" 
+							  Content="Tail"/>
+				</Grid>
+				<ListBox Name="EventListBox"
+						 Grid.Row="2"
+						 Grid.Column="0"
+						 Margin="0 8 0 0"
+						 ScrollViewer.HorizontalScrollBarVisibility="Auto"/>
+			</Grid>
+		</Border>
+		<GridSplitter Grid.Row="1" ResizeDirection="Rows" Background="Gray"/>
+		<Border Grid.Row="2"
+				Padding="0 8 0 0">
+			<avaloniaEdit:TextEditor
+				Name="ResponseEditor"
+				ShowLineNumbers="True"
+				HorizontalScrollBarVisibility="Auto"
+				VerticalScrollBarVisibility="Visible"
+				Text=""
+				FontSize="12"/>
+		</Border>
+	</Grid>
+</UserControl>