Refactor workspace name

2025-12-06 18:20:47 +01:00 · 2024-08-18 19:03:47 -05:00
parent 88149d1458
commit baf189e6a9
70 changed files with 107 additions and 107 deletions
--- a/Needlework.Net/App.axaml
+++ b/Needlework.Net/App.axaml
@@ -0,0 +1,26 @@
+<Application xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             x:Class="Needlework.Net.App"
+			 xmlns:local="using:Needlework.Net"
+			 xmlns:converters="using:Needlework.Net.Converters"
+			 xmlns:sty="using:FluentAvalonia.Styling"
+			 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" />
+		<materialIcons:MaterialIconStyles />
+		<StyleInclude Source="Controls/Card.axaml"/>
+		<StyleInclude Source="avares://AvaloniaEdit/Themes/Fluent/AvaloniaEdit.xaml" />
+		<StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml"/>
+	</Application.Styles>
+
+	<Application.Resources>
+		<converters:EnumerableBoolConverter x:Key="EnumerableBoolConverter"/>
+		<converters:NullBoolConverter x:Key="NullBoolConverter"/>
+	</Application.Resources>
+</Application>
--- a/Needlework.Net/App.axaml.cs
+++ b/Needlework.Net/App.axaml.cs
@@ -0,0 +1,47 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.ApplicationLifetimes;
+using Avalonia.Markup.Xaml;
+using Microsoft.Extensions.DependencyInjection;
+using Needlework.Net.ViewModels;
+using Needlework.Net.Views;
+using System;
+using System.Text.Json;
+
+namespace Needlework.Net;
+
+public partial class App(IServiceProvider serviceProvider) : Application
+{
+    private readonly IServiceProvider _serviceProvider = serviceProvider;
+
+    public static JsonSerializerOptions JsonSerializerOptions { get; } = new()
+    {
+        WriteIndented = true,
+        Encoder = System.Text.Encodings.Web.JavaScriptEncoder.UnsafeRelaxedJsonEscaping,
+    };
+
+    public static readonly int MaxCharacters = 10_000;
+
+    public static Window? MainWindow;
+
+    public override void Initialize()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+
+    public override void OnFrameworkInitializationCompleted()
+    {
+        if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
+        {
+            desktop.MainWindow = new MainWindow()
+            {
+                DataContext = _serviceProvider.GetRequiredService<MainWindowViewModel>()
+            };
+            MainWindow = desktop.MainWindow;
+        }
+
+
+
+        base.OnFrameworkInitializationCompleted();
+    }
+}
--- a/Needlework.Net/Assets/Icons/home.png
+++ b/Needlework.Net/Assets/Icons/home.png
--- a/Needlework.Net/Assets/Icons/info-circle.png
+++ b/Needlework.Net/Assets/Icons/info-circle.png
--- a/Needlework.Net/Assets/Icons/list-alt.png
+++ b/Needlework.Net/Assets/Icons/list-alt.png
--- a/Needlework.Net/Assets/Icons/plug.png
+++ b/Needlework.Net/Assets/Icons/plug.png
--- a/Needlework.Net/Assets/Icons/terminal.png
+++ b/Needlework.Net/Assets/Icons/terminal.png
--- a/Needlework.Net/Assets/about.png
+++ b/Needlework.Net/Assets/about.png
--- a/Needlework.Net/Assets/app.ico
+++ b/Needlework.Net/Assets/app.ico
--- a/Needlework.Net/Assets/app.png
+++ b/Needlework.Net/Assets/app.png
--- a/Needlework.Net/Controls/BusyArea.axaml
+++ b/Needlework.Net/Controls/BusyArea.axaml
@@ -0,0 +1,66 @@
+<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"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Controls.BusyArea">
+	<UserControl.Styles>
+		<Style Selector="controls|BusyArea">
+			<Setter Property="Template">
+				<ControlTemplate>
+					<Panel>
+						<ContentControl Content="{TemplateBinding Content}"/>
+						<DockPanel Name="LoadingBusyArea"
+								   HorizontalAlignment="Center"
+								   VerticalAlignment="Center"
+								   LastChildFill="True">
+							<TextBlock Margin="16"
+									   DockPanel.Dock="Bottom"
+									   HorizontalAlignment="Center"
+									   FontWeight="DemiBold"
+									   Text="{TemplateBinding BusyText}"/>
+							<ProgressBar
+								Width="100"
+								IsIndeterminate="True"
+								HorizontalAlignment="Center"
+								VerticalAlignment="Center" />
+						</DockPanel>
+					</Panel>
+				</ControlTemplate>
+			</Setter>
+		</Style>
+
+		<Style Selector="controls|BusyArea DockPanel#LoadingBusyArea">
+			<Setter Property="Transitions">
+				<Transitions>
+					<DoubleTransition Property="Opacity" Duration="0:0:0.3" />
+				</Transitions>
+			</Setter>
+		</Style>
+
+		<Style Selector="controls|BusyArea[IsBusy=True] DockPanel#LoadingBusyArea">
+			<Setter Property="Opacity" Value="1"/>
+		</Style>
+
+		<Style Selector="controls|BusyArea[IsBusy=False] DockPanel#LoadingBusyArea">
+			<Setter Property="Opacity" Value="0"/>
+		</Style>
+
+		<Style Selector="controls|BusyArea ContentControl">
+			<Setter Property="Transitions">
+				<Transitions>
+					<DoubleTransition Property="Opacity" Duration="0:0:0.3"/>
+				</Transitions>
+			</Setter>
+		</Style>
+
+		<Style Selector="controls|BusyArea[IsBusy=True] ContentControl">
+			<Setter Property="Opacity" Value="0.1"/>
+		</Style>
+
+		<Style Selector="controls|BusyArea[IsBusy=False] ContentControl">
+			<Setter Property="Opacity" Value="1"/>
+		</Style>
+	</UserControl.Styles>
+</UserControl>
--- a/Needlework.Net/Controls/BusyArea.axaml.cs
+++ b/Needlework.Net/Controls/BusyArea.axaml.cs
@@ -0,0 +1,30 @@
+using Avalonia;
+using Avalonia.Controls;
+
+namespace Needlework.Net.Controls;
+
+public partial class BusyArea : UserControl
+{
+    public BusyArea()
+    {
+        InitializeComponent();
+    }
+
+    public static readonly StyledProperty<bool> IsBusyProperty =
+       AvaloniaProperty.Register<BusyArea, bool>(nameof(IsBusy), defaultValue: false);
+
+    public bool IsBusy
+    {
+        get { return GetValue(IsBusyProperty); }
+        set { SetValue(IsBusyProperty, value); }
+    }
+
+    public static readonly StyledProperty<string?> BusyTextProperty =
+        AvaloniaProperty.Register<BusyArea, string?>(nameof(BusyText), defaultValue: null);
+
+    public string? BusyText
+    {
+        get => GetValue(BusyTextProperty);
+        set => SetValue(BusyTextProperty, value);
+    }
+}
--- a/Needlework.Net/Controls/Card.axaml
+++ b/Needlework.Net/Controls/Card.axaml
@@ -0,0 +1,20 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:controls="using:Needlework.Net.Controls">
+	<Design.PreviewWith>
+		<controls:Card />
+	</Design.PreviewWith>
+
+	<Style Selector="controls|Card">
+		<!-- Set Defaults -->
+		<Setter Property="Template">
+			<ControlTemplate>
+				<Border Padding="16" 
+						CornerRadius="16,16,16,16"
+						Background="{DynamicResource CardBackgroundFillColorDefaultBrush}">
+					<ContentPresenter Content="{TemplateBinding Content}"/>
+				</Border>
+			</ControlTemplate>
+		</Setter>
+	</Style>
+</Styles>
--- a/Needlework.Net/Controls/Card.axaml.cs
+++ b/Needlework.Net/Controls/Card.axaml.cs
@@ -0,0 +1,10 @@
+using Avalonia.Controls;
+
+namespace Needlework.Net.Controls;
+
+public class Card : ContentControl
+{
+    public Card()
+    {
+    }
+}
--- a/Needlework.Net/Converters/EnumerableBoolConverter.cs
+++ b/Needlework.Net/Converters/EnumerableBoolConverter.cs
@@ -0,0 +1,22 @@
+using Avalonia.Data.Converters;
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+
+namespace Needlework.Net.Converters
+{
+    public class EnumerableBoolConverter : IValueConverter
+    {
+        public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+        {
+            if (value is IEnumerable<object> values) return values.Any();
+            return false;
+        }
+
+        public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
--- a/Needlework.Net/Converters/NullBoolConverter.cs
+++ b/Needlework.Net/Converters/NullBoolConverter.cs
@@ -0,0 +1,19 @@
+using Avalonia.Data.Converters;
+using System;
+using System.Globalization;
+
+namespace Needlework.Net.Converters
+{
+    public class NullBoolConverter : IValueConverter
+    {
+        public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+        {
+            return value != null;
+        }
+
+        public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
--- a/Needlework.Net/Extensions/TextEditorExtensions.cs
+++ b/Needlework.Net/Extensions/TextEditorExtensions.cs
@@ -0,0 +1,29 @@
+using Avalonia.Media;
+using AvaloniaEdit;
+using AvaloniaEdit.Highlighting;
+using AvaloniaEdit.Indentation.CSharp;
+
+namespace Needlework.Net.Extensions
+{
+    public static class TextEditorExtensions
+    {
+        public static void ApplyJsonEditorSettings(this TextEditor textEditor)
+        {
+            textEditor.TextArea.IndentationStrategy = new CSharpIndentationStrategy(textEditor.Options);
+            textEditor.TextArea.RightClickMovesCaret = true;
+            textEditor.TextArea.Options.EnableHyperlinks = false;
+            textEditor.TextArea.Options.EnableEmailHyperlinks = false;
+            textEditor.SyntaxHighlighting = HighlightingManager.Instance.GetDefinition("Json");
+
+            var purple = Color.FromRgb(189, 147, 249);
+            var yellow = Color.FromRgb(241, 250, 140);
+            var cyan = Color.FromRgb(139, 233, 253);
+            textEditor.SyntaxHighlighting.GetNamedColor("Bool").Foreground = new SimpleHighlightingBrush(purple);
+            textEditor.SyntaxHighlighting.GetNamedColor("Number").Foreground = new SimpleHighlightingBrush(purple);
+            textEditor.SyntaxHighlighting.GetNamedColor("String").Foreground = new SimpleHighlightingBrush(yellow);
+            textEditor.SyntaxHighlighting.GetNamedColor("Null").Foreground = new SimpleHighlightingBrush(purple);
+            textEditor.SyntaxHighlighting.GetNamedColor("FieldName").Foreground = new SimpleHighlightingBrush(cyan);
+            textEditor.SyntaxHighlighting.GetNamedColor("Punctuation").Foreground = new SimpleHighlightingBrush(yellow);
+        }
+    }
+}
--- a/Needlework.Net/GithubRelease.cs
+++ b/Needlework.Net/GithubRelease.cs
@@ -0,0 +1,12 @@
+using System.Text.Json.Serialization;
+
+namespace Needlework.Net
+{
+    public class GithubRelease
+    {
+        [JsonPropertyName("tag_name")]
+        public string TagName { get; set; } = string.Empty;
+
+        public bool IsLatest(int version) => int.Parse(TagName.Replace(".", "")) > version;
+    }
+}
--- a/Needlework.Net/Messages/ContentRequestMessage.cs
+++ b/Needlework.Net/Messages/ContentRequestMessage.cs
@@ -0,0 +1,8 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+
+namespace Needlework.Net.Messages
+{
+    public class ContentRequestMessage : RequestMessage<string>
+    {
+    }
+}
--- a/Needlework.Net/Messages/DataReadyMessage.cs
+++ b/Needlework.Net/Messages/DataReadyMessage.cs
@@ -0,0 +1,9 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+using Needlework.Net.Core;
+
+namespace Needlework.Net.Messages
+{
+    public class DataReadyMessage(LcuSchemaHandler handler) : ValueChangedMessage<LcuSchemaHandler>(handler)
+    {
+    }
+}
--- a/Needlework.Net/Messages/DataRequestMessage.cs
+++ b/Needlework.Net/Messages/DataRequestMessage.cs
@@ -0,0 +1,9 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+using Needlework.Net.Core;
+
+namespace Needlework.Net.Messages
+{
+    public class DataRequestMessage : RequestMessage<LcuSchemaHandler>
+    {
+    }
+}
--- a/Needlework.Net/Messages/EditorUpdateMessage.cs
+++ b/Needlework.Net/Messages/EditorUpdateMessage.cs
@@ -0,0 +1,20 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+
+namespace Needlework.Net.Messages
+{
+    public class EditorUpdateMessage(EditorUpdate editorUpdate) : ValueChangedMessage<EditorUpdate>(editorUpdate)
+    {
+    }
+
+    public class EditorUpdate
+    {
+        public string Text { get; }
+        public string Key { get; }
+
+        public EditorUpdate(string text, string key)
+        {
+            Text = text;
+            Key = key;
+        }
+    }
+}
--- a/Needlework.Net/Messages/HostDocumentRequestMessage.cs
+++ b/Needlework.Net/Messages/HostDocumentRequestMessage.cs
@@ -0,0 +1,9 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+using Microsoft.OpenApi.Models;
+
+namespace Needlework.Net.Messages
+{
+    public class HostDocumentRequestMessage : RequestMessage<OpenApiDocument>
+    {
+    }
+}
--- a/Needlework.Net/Messages/InfoBarUpdateMessage.cs
+++ b/Needlework.Net/Messages/InfoBarUpdateMessage.cs
@@ -0,0 +1,9 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+using Needlework.Net.ViewModels;
+
+namespace Needlework.Net.Messages
+{
+    public class InfoBarUpdateMessage(InfoBarViewModel vm) : ValueChangedMessage<InfoBarViewModel>(vm)
+    {
+    }
+}
--- a/Needlework.Net/Messages/OopsiesWindowCanceledMessage.cs
+++ b/Needlework.Net/Messages/OopsiesWindowCanceledMessage.cs
@@ -0,0 +1,8 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+
+namespace Needlework.Net.Messages
+{
+    public class OopsiesWindowCanceledMessage(object? data) : ValueChangedMessage<object?>(data)
+    {
+    }
+}
--- a/Needlework.Net/Messages/OopsiesWindowRequestedMessage.cs
+++ b/Needlework.Net/Messages/OopsiesWindowRequestedMessage.cs
@@ -0,0 +1,8 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+
+namespace Needlework.Net.Messages
+{
+    public class OopsiesWindowRequestedMessage(string text) : ValueChangedMessage<string>(text)
+    {
+    }
+}
--- a/Needlework.Net/Messages/ResponseUpdatedMessage.cs
+++ b/Needlework.Net/Messages/ResponseUpdatedMessage.cs
@@ -0,0 +1,8 @@
+using CommunityToolkit.Mvvm.Messaging.Messages;
+
+namespace Needlework.Net.Messages
+{
+    public class ResponseUpdatedMessage(string data) : ValueChangedMessage<string>(data)
+    {
+    }
+}
--- a/Needlework.Net/Needlework.Net.csproj
+++ b/Needlework.Net/Needlework.Net.csproj
@@ -0,0 +1,68 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <OutputType>WinExe</OutputType>
+    <TargetFramework>net8.0-windows</TargetFramework>
+    <Nullable>enable</Nullable>
+    <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
+    <ApplicationManifest>app.manifest</ApplicationManifest>
+    <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
+  </PropertyGroup>
+  <PropertyGroup Label="Avalonia">
+    <AvaloniaXamlIlDebuggerLaunch>False</AvaloniaXamlIlDebuggerLaunch>
+	<ApplicationIcon>app.ico</ApplicationIcon>
+    <AssemblyName>NeedleworkDotNet</AssemblyName>
+    <AssemblyVersion>0.5.1.0</AssemblyVersion>
+    <FileVersion>$(AssemblyVersion)</FileVersion>
+    <AvaloniaXamlVerboseExceptions>False</AvaloniaXamlVerboseExceptions>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Avalonia" Version="11.1.3" />
+    <PackageReference Include="Avalonia.AvaloniaEdit" Version="11.1.0" />
+    <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Controls.ItemsRepeater" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Desktop" Version="11.1.3" />
+    <PackageReference Include="Avalonia.Fonts.Inter" Version="11.1.3" />
+    <!--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 Include="Avalonia.Themes.Fluent" Version="11.1.3" />
+    <PackageReference Include="AvaloniaEdit.TextMate" Version="11.1.0" />
+    <PackageReference Include="BlossomiShymae.GrrrLCU" Version="0.9.0" />
+    <PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" />
+    <PackageReference Include="FluentAvaloniaUI" Version="2.1.0" />
+    <PackageReference Include="Material.Icons.Avalonia" Version="2.1.10" />
+    <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="8.0.0" />
+    <PackageReference Include="Microsoft.Extensions.Http" Version="8.0.0" />
+    <PackageReference Include="Projektanker.Icons.Avalonia" Version="9.4.0" />
+    <PackageReference Include="Projektanker.Icons.Avalonia.FontAwesome" Version="9.4.0" />
+    <PackageReference Include="TextMateSharp.Grammars" Version="1.0.62" />
+  </ItemGroup>
+  
+  <ItemGroup>
+    <AvaloniaResource Include="Assets\**" />	
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\Needlework.Net.Core\Needlework.Net.Core.csproj" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <UpToDateCheckInput Remove="Views\AboutView.axaml" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Compile Update="Controls\BusyArea.axaml.cs">
+      <DependentUpon>BusyArea.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\EndpointView.axaml.cs">
+      <DependentUpon>EndpointView.axaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\OopsiesWindow.axaml.cs">
+      <DependentUpon>OopsiesWindow.axaml</DependentUpon>
+    </Compile>
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="Utilities\" />
+  </ItemGroup>
+</Project>
--- a/Needlework.Net/Program.cs
+++ b/Needlework.Net/Program.cs
@@ -0,0 +1,51 @@
+using Avalonia;
+using Microsoft.Extensions.DependencyInjection;
+using Needlework.Net.Services;
+using Needlework.Net.ViewModels;
+using Projektanker.Icons.Avalonia;
+using Projektanker.Icons.Avalonia.FontAwesome;
+using System;
+using System.Linq;
+
+namespace Needlework.Net;
+
+class Program
+{
+    // Initialization code. Don't use any Avalonia, third-party APIs or any
+    // SynchronizationContext-reliant code before AppMain is called: things aren't initialized
+    // yet and stuff might break.
+    [STAThread]
+    public static void Main(string[] args) => BuildAvaloniaApp()
+        .StartWithClassicDesktopLifetime(args);
+
+    // Avalonia configuration, don't remove; also used by visual designer.
+    public static AppBuilder BuildAvaloniaApp()
+    {
+        IconProvider.Current
+            .Register<FontAwesomeIconProvider>();
+
+        return AppBuilder.Configure(() => new App(BuildServices()))
+                .UsePlatformDetect()
+                .WithInterFont()
+                .LogToTrace();
+    }
+
+    private static IServiceProvider BuildServices()
+    {
+        var builder = new ServiceCollection();
+
+        builder.AddSingleton<MainWindowViewModel>();
+        builder.AddSingleton<WindowService>();
+        // Dynamically add ViewModels
+        var types = AppDomain.CurrentDomain.GetAssemblies()
+          .SelectMany(s => s.GetTypes())
+          .Where(p => !p.IsAbstract && typeof(PageBase).IsAssignableFrom(p));
+        foreach (var type in types)
+            builder.AddSingleton(typeof(PageBase), type);
+
+        builder.AddHttpClient();
+
+        var services = builder.BuildServiceProvider();
+        return services;
+    }
+}
--- a/Needlework.Net/Services/WindowService.cs
+++ b/Needlework.Net/Services/WindowService.cs
@@ -0,0 +1,48 @@
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using Needlework.Net.ViewModels;
+using Needlework.Net.Views;
+using System;
+
+namespace Needlework.Net.Services
+{
+    public class WindowService : IRecipient<OopsiesWindowCanceledMessage>
+    {
+        public IServiceProvider ServiceProvider { get; }
+
+        public OopsiesWindow? OopsiesWindow { get; set; }
+
+        public WindowService(IServiceProvider serviceProvider)
+        {
+            ServiceProvider = serviceProvider;
+
+            WeakReferenceMessenger.Default.Register<OopsiesWindowCanceledMessage>(this);
+        }
+
+        public void ShowOopsiesWindow(string text)
+        {
+            if (OopsiesWindow != null) OopsiesWindow!.Close();
+
+            var window = new OopsiesWindow();
+            window.DataContext = new OopsiesWindowViewModel(text);
+            window.Show(App.MainWindow!);
+            window.Closed += OnOopsiesWindowClosed;
+            OopsiesWindow = window;
+        }
+
+        public void OnOopsiesWindowClosed(object? sender, EventArgs e)
+        {
+            if (sender == null) return;
+
+            var window = (OopsiesWindow)sender;
+            window.DataContext = null;
+            window.Closed -= OnOopsiesWindowClosed;
+            OopsiesWindow = null;
+        }
+
+        public void Receive(OopsiesWindowCanceledMessage message)
+        {
+            if (OopsiesWindow is OopsiesWindow window) window.Close();
+        }
+    }
+}
--- a/Needlework.Net/ViewLocator.cs
+++ b/Needlework.Net/ViewLocator.cs
@@ -0,0 +1,28 @@
+using Avalonia.Controls;
+using Avalonia.Controls.Templates;
+using System;
+using System.ComponentModel;
+
+namespace Needlework.Net
+{
+    public class ViewLocator : IDataTemplate
+    {
+        public Control? Build(object? param)
+        {
+            if (param is null) return new TextBlock { Text = "data was null" };
+
+            var name = param.GetType().FullName!
+                .Replace("ViewModels", "Views")
+                .Replace("ViewModel", "View");
+            var type = Type.GetType(name);
+
+            if (type != null) return (Control)Activator.CreateInstance(type)!;
+            else return new TextBlock { Text = "Not Found: " + name };
+        }
+
+        public bool Match(object? data)
+        {
+            return data is INotifyPropertyChanged;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/AboutViewModel.cs
+++ b/Needlework.Net/ViewModels/AboutViewModel.cs
@@ -0,0 +1,9 @@
+namespace Needlework.Net.ViewModels
+{
+    public class AboutViewModel : PageBase
+    {
+        public AboutViewModel() : base("About", "info-circle")
+        {
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/ConsoleViewModel.cs
+++ b/Needlework.Net/ViewModels/ConsoleViewModel.cs
@@ -0,0 +1,102 @@
+using Avalonia.Collections;
+using BlossomiShymae.GrrrLCU;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using Needlework.Net.Services;
+using System;
+using System.Net.Http;
+using System.Text.Json;
+using System.Threading.Tasks;
+
+namespace Needlework.Net.ViewModels
+{
+    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 bool _isRequestBusy = false;
+        [ObservableProperty] private string? _requestMethodSelected = "GET";
+        [ObservableProperty] private string? _requestPath = null;
+        [ObservableProperty] private string? _requestBody = null;
+        [ObservableProperty] private string? _responsePath = null;
+        [ObservableProperty] private string? _responseStatus = null;
+        [ObservableProperty] private string? _responseAuthorization = null;
+
+        public WindowService WindowService { get; }
+
+        public ConsoleViewModel(WindowService windowService) : base("Console", "terminal", -200)
+        {
+            WindowService = windowService;
+
+            WeakReferenceMessenger.Default.Register<DataReadyMessage>(this);
+        }
+
+        [RelayCommand]
+        private async Task SendRequest()
+        {
+            try
+            {
+                IsRequestBusy = true;
+                if (string.IsNullOrEmpty(RequestPath)) throw new Exception("Path is empty.");
+
+                var method = RequestMethodSelected 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."),
+                };
+
+                var processInfo = Connector.GetProcessInfo();
+                var requestBody = WeakReferenceMessenger.Default.Send(new ContentRequestMessage(), "ConsoleRequestEditor").Response;
+                var content = new StringContent(requestBody, new System.Net.Http.Headers.MediaTypeHeaderValue("application/json"));
+                var response = await Connector.SendAsync(method, RequestPath, 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)
+                {
+                    WindowService.ShowOopsiesWindow(body);
+                    WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(string.Empty), nameof(ConsoleViewModel));
+                }
+                else WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(body), nameof(ConsoleViewModel));
+               
+                ResponseStatus = $"{(int)response.StatusCode} {response.StatusCode.ToString()}";
+                ResponsePath = $"https://127.0.0.1:{processInfo.AppPort}{RequestPath}";
+                ResponseAuthorization = $"Basic {riotAuthentication.Value}";
+            }
+            catch (Exception ex)
+            {
+                WeakReferenceMessenger.Default.Send(new InfoBarUpdateMessage(new InfoBarViewModel("Request Failed", true, ex.Message, FluentAvalonia.UI.Controls.InfoBarSeverity.Error, TimeSpan.FromSeconds(5))));
+                ResponseStatus = null;
+                ResponsePath = null;
+                ResponseAuthorization = null;
+                WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(string.Empty), nameof(ConsoleViewModel));
+            }
+            finally
+            {
+                IsRequestBusy = false;
+            }
+        }
+
+        public void Receive(DataReadyMessage message)
+        {
+            Avalonia.Threading.Dispatcher.UIThread.Invoke(() =>
+            {
+                RequestPaths.Clear();
+                RequestPaths.AddRange(message.Value.Paths);
+                IsBusy = false;
+            });
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/EndpointViewModel.cs
+++ b/Needlework.Net/ViewModels/EndpointViewModel.cs
@@ -0,0 +1,50 @@
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace Needlework.Net.ViewModels
+{
+    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 EndpointViewModel(string endpoint)
+        {
+            Endpoint = endpoint;
+
+            var handler = WeakReferenceMessenger.Default.Send<DataRequestMessage>().Response;
+            PathOperations = new AvaloniaList<PathOperationViewModel>(handler.Plugins[endpoint].Select(x => new PathOperationViewModel(x)));
+            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;
+            WeakReferenceMessenger.Default.Send(new EditorUpdateMessage(new(value.Operation.RequestTemplate ?? string.Empty, "EndpointRequestEditor")));
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/EndpointsContainerViewModel.cs
+++ b/Needlework.Net/ViewModels/EndpointsContainerViewModel.cs
@@ -0,0 +1,31 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using System.Net.Http;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class EndpointsContainerViewModel : PageBase
+    {
+        [ObservableProperty] private ObservableObject _activeViewModel;
+        [ObservableProperty] private ObservableObject _endpointsViewModel;
+        [ObservableProperty] private string _title = string.Empty;
+
+        public EndpointsContainerViewModel(HttpClient httpClient) : base("Endpoints", "list-alt", -500)
+        {
+            _activeViewModel = _endpointsViewModel = new EndpointsViewModel(httpClient, OnClicked);
+        }
+
+        private void OnClicked(ObservableObject viewModel)
+        {
+            ActiveViewModel = viewModel;
+            if (viewModel is EndpointViewModel endpoint) Title = endpoint.Title;
+        }
+
+        [RelayCommand]
+        private void GoBack()
+        {
+            ActiveViewModel = EndpointsViewModel;
+            Title = string.Empty;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/EndpointsViewModel.cs
+++ b/Needlework.Net/ViewModels/EndpointsViewModel.cs
@@ -0,0 +1,59 @@
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using System;
+using System.Linq;
+using System.Net.Http;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class EndpointsViewModel : ObservableObject, IRecipient<DataReadyMessage>
+    {
+        public HttpClient HttpClient { get; }
+
+        public string Title => "Endpoints";
+        public Action<ObservableObject> OnClicked;
+        public IAvaloniaList<string> Plugins { get; } = new AvaloniaList<string>();
+        public IAvaloniaList<string> Query { get; } = new AvaloniaList<string>();
+
+        [ObservableProperty] private bool _isBusy = true;
+        [ObservableProperty] private string _search = string.Empty;
+        [ObservableProperty] private string? _selectedQuery = string.Empty;
+
+        public EndpointsViewModel(HttpClient httpClient, Action<ObservableObject> onClicked)
+        {
+            HttpClient = httpClient;
+            OnClicked = onClicked;
+
+            WeakReferenceMessenger.Default.Register(this);
+        }
+
+        public void Receive(DataReadyMessage message)
+        {
+            IsBusy = false;
+            Plugins.Clear();
+            Plugins.AddRange(message.Value.Plugins.Keys);
+            Query.Clear();
+            Query.AddRange(Plugins);
+        }
+
+        partial void OnSearchChanged(string value)
+        {
+            Query.Clear();
+            if (!string.IsNullOrEmpty(Search))
+                Query.AddRange(Plugins.Where(x => x.Contains(value, StringComparison.InvariantCultureIgnoreCase)));
+            else
+                Query.AddRange(Plugins);
+        }
+
+        [RelayCommand]
+        private void OpenEndpoint(string? value)
+        {
+            if (string.IsNullOrEmpty(value)) return;
+
+            OnClicked.Invoke(new EndpointViewModel(value));
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/HomeViewModel.cs
+++ b/Needlework.Net/ViewModels/HomeViewModel.cs
@@ -0,0 +1,20 @@
+using CommunityToolkit.Mvvm.Input;
+using System.Diagnostics;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class HomeViewModel : PageBase
+    {
+        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();
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/InfoBarViewModel.cs
+++ b/Needlework.Net/ViewModels/InfoBarViewModel.cs
@@ -0,0 +1,27 @@
+using Avalonia.Controls;
+using CommunityToolkit.Mvvm.ComponentModel;
+using FluentAvalonia.UI.Controls;
+using System;
+
+namespace Needlework.Net.ViewModels
+{
+    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;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/MainWindowViewModel.cs
+++ b/Needlework.Net/ViewModels/MainWindowViewModel.cs
@@ -0,0 +1,155 @@
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using FluentAvalonia.UI.Controls;
+using Microsoft.OpenApi.Models;
+using Needlework.Net.Core;
+using Needlework.Net.Messages;
+using Needlework.Net.Services;
+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.Reflection;
+using System.Threading;
+using System.Threading.Tasks;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class MainWindowViewModel : ObservableObject, IRecipient<DataRequestMessage>, IRecipient<HostDocumentRequestMessage>, IRecipient<OopsiesWindowRequestedMessage>, IRecipient<InfoBarUpdateMessage>
+    {
+        public IAvaloniaReadOnlyList<NavigationViewItem> MenuItems { get; }
+        [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";
+        [ObservableProperty] private bool _isUpdateShown = false;
+
+        public HttpClient HttpClient { get; }
+        public WindowService WindowService { get; }
+        public LcuSchemaHandler? LcuSchemaHandler { get; set; }
+        public OpenApiDocument? HostDocument { get; set; }
+
+        [ObservableProperty] private bool _isBusy = true;
+
+        [ObservableProperty] private ObservableCollection<InfoBarViewModel> _infoBarItems = [];
+
+        public MainWindowViewModel(IEnumerable<PageBase> pages, HttpClient httpClient, WindowService windowService)
+        {
+            MenuItems = new AvaloniaList<NavigationViewItem>(pages
+                .OrderBy(p => p.Index)
+                .ThenBy(p => p.DisplayName)
+                .Select(p => new NavigationViewItem()
+                {
+                    Content = p.DisplayName,
+                    Tag = p,
+                    IconSource = new BitmapIconSource() { UriSource = new Uri($"avares://NeedleworkDotNet/Assets/Icons/{p.Icon}.png") }
+                }));
+            SelectedMenuItem = MenuItems[0];
+
+            HttpClient = httpClient;
+            WindowService = windowService;
+
+            WeakReferenceMessenger.Default.RegisterAll(this);
+
+            Task.Run(FetchDataAsync);
+            new Thread(ProcessEvents) { IsBackground = true }.Start();
+        }
+
+        private void ProcessEvents(object? obj)
+        {
+            while (!IsUpdateShown)
+            {
+                Task.Run(CheckLatestVersionAsync);
+
+                Thread.Sleep(TimeSpan.FromSeconds(60));
+            }
+        }
+
+        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) 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;
+                    });
+                }
+            }
+            catch (Exception) { }
+        }
+
+        private async Task FetchDataAsync()
+        {
+            var document = await Resources.GetOpenApiDocumentAsync(HttpClient);
+            HostDocument = document;
+            var handler = new LcuSchemaHandler(document);
+            LcuSchemaHandler = handler;
+
+            WeakReferenceMessenger.Default.Send(new DataReadyMessage(handler));
+            IsBusy = false;
+        }
+
+        public void Receive(DataRequestMessage message)
+        {
+            message.Reply(LcuSchemaHandler!);
+        }
+
+        public void Receive(HostDocumentRequestMessage message)
+        {
+            message.Reply(HostDocument!);
+        }
+
+        [RelayCommand]
+        private void OpenUrl(string url)
+        {
+            var process = new Process()
+            {
+                StartInfo = new ProcessStartInfo(url)
+                {
+                    UseShellExecute = true
+                }
+            };
+            process.Start();
+        }
+
+        public void Receive(OopsiesWindowRequestedMessage message)
+        {
+            WindowService.ShowOopsiesWindow(message.Value);
+        }
+
+        public void Receive(InfoBarUpdateMessage message)
+        {
+            Avalonia.Threading.Dispatcher.UIThread.Post(async () => await ShowInfoBarAsync(message.Value));
+        }
+
+        private async Task ShowInfoBarAsync(InfoBarViewModel vm)
+        {
+            InfoBarItems.Add(vm);
+            await Task.Delay(vm.Duration);
+            InfoBarItems.Remove(vm);
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/OopsiesWindowViewModel.cs
+++ b/Needlework.Net/ViewModels/OopsiesWindowViewModel.cs
@@ -0,0 +1,29 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using System.Diagnostics;
+using System.IO;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class OopsiesWindowViewModel(string text) : ObservableObject
+    {
+        public string Text { get; } = text;
+
+        [RelayCommand]
+        private void OpenDefaultEditor()
+        {
+            var temp = Path.GetTempFileName().Replace(".tmp", ".json");
+            File.WriteAllText(temp, Text);
+            Process.Start("explorer", "\"" + temp + "\"");
+            CloseDialog();
+        }
+
+        [RelayCommand]
+        private void CloseDialog()
+        {
+            WeakReferenceMessenger.Default.Send(new OopsiesWindowCanceledMessage(null));
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/OperationViewModel.cs
+++ b/Needlework.Net/ViewModels/OperationViewModel.cs
@@ -0,0 +1,233 @@
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Messaging;
+using Microsoft.OpenApi.Models;
+using Needlework.Net.Messages;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text.Json;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class OperationViewModel : ObservableObject
+    {
+        public string Summary { get; }
+        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);
+            ResponseClasses = GetResponseClasses(operation.Responses);
+            PathParameters = GetParameters(operation.Parameters, ParameterLocation.Path);
+            QueryParameters = GetParameters(operation.Parameters, ParameterLocation.Query);
+            RequestBodyType = GetRequestBodyType(operation.RequestBody);
+            RequestTemplate = GetRequestTemplate(operation.RequestBody);
+        }
+
+        private string? GetRequestTemplate(OpenApiRequestBody? requestBody)
+        {
+            var requestClasses = GetRequestClasses(requestBody);
+            if (requestClasses.Count == 0)
+            {
+                var type = GetRequestBodyType(requestBody);
+                if (type == null) return null;
+                return GetRequestDefaultValue(type);
+            }
+
+            var template = CreateTemplate(requestClasses);
+            return JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(string.Join(string.Empty, template)), App.JsonSerializerOptions);
+        }
+
+        private List<string> CreateTemplate(AvaloniaList<PropertyClassViewModel> requestClasses)
+        {
+            if (requestClasses.Count == 0) return [];
+            List<string> template = [];
+            template.Add("{");
+
+            var rootClass = requestClasses.First();
+            if (rootClass.PropertyEnums.Any()) return [rootClass.PropertyEnums.First().Values];
+            var propertyFields = rootClass.PropertyFields;
+            for (int i = 0; i < propertyFields.Count; i++)
+            {
+                template.Add($"\"{propertyFields[i].Name}\"");
+                template.Add(":");
+                template.Add($"#{propertyFields[i].Type}");
+
+                if (i == propertyFields.Count - 1) template.Add("}");
+                else template.Add(",");
+            }
+
+            for (int i = 0; i < template.Count; i++)
+            {
+                var type = template[i];
+                if (!type.Contains("#")) continue;
+
+                var foundClass = requestClasses.Where(c => c.Id == type.Replace("#", string.Empty));
+                if (foundClass.Any())
+                {
+                    if (foundClass.First().PropertyEnums.Any())
+                    {
+                        template[i] = string.Join(string.Empty, CreateTemplate([.. foundClass]));
+                    }
+                    else
+                    {
+                        AvaloniaList<PropertyClassViewModel> classes = [.. requestClasses];
+                        classes.Remove(rootClass);
+                        template[i] = string.Join(string.Empty, CreateTemplate(classes));
+                    }
+                }
+                else
+                {
+                    template[i] = GetRequestDefaultValue(type);
+                }
+            }
+
+            return template;
+        }
+
+        private static string GetRequestDefaultValue(string type)
+        {
+            var defaultValue = string.Empty;
+            if (type.Contains("[]")) defaultValue = "[]";
+            else if (type.Contains("string")) defaultValue = "\"\"";
+            else if (type.Contains("boolean")) defaultValue = "false";
+            else if (type.Contains("integer")) defaultValue = "0";
+            else if (type.Contains("double") || type.Contains("float")) defaultValue = "0.0";
+            else if (type.Contains("object")) defaultValue = "{}";
+            return defaultValue;
+        }
+
+        private string? GetRequestBodyType(OpenApiRequestBody? requestBody)
+        {
+            if (requestBody == null) return null;
+            if (requestBody.Content.TryGetValue("application/json", out var media))
+            {
+                var schema = media.Schema;
+                if (schema == null) return null; // Because "PostLolAccountVerificationV1SendDeactivationPin" exists where the media body is empty...
+                return GetSchemaType(schema);
+            }
+            return null;
+        }
+
+        private AvaloniaList<ParameterViewModel> GetParameters(IList<OpenApiParameter> parameters, ParameterLocation location)
+        {
+            var pathParameters = new AvaloniaList<ParameterViewModel>();
+            foreach (var parameter in parameters)
+            {
+                if (parameter.In != location) continue;
+                pathParameters.Add(new ParameterViewModel(parameter.Name, GetSchemaType(parameter.Schema), parameter.Required));
+            }
+
+            return pathParameters;
+        }
+
+        private AvaloniaList<PropertyClassViewModel> GetResponseClasses(OpenApiResponses responses)
+        {
+            if (responses.TryGetValue("2XX", out var response)
+                && response.Content.TryGetValue("application/json", out var media))
+            {
+                var document = WeakReferenceMessenger.Default.Send(new HostDocumentRequestMessage()).Response;
+                var schema = media.Schema;
+                AvaloniaList<PropertyClassViewModel> propertyClasses = [];
+                WalkSchema(schema, propertyClasses, document);
+                return propertyClasses;
+            }
+            return [];
+        }
+
+        private void WalkSchema(OpenApiSchema schema, AvaloniaList<PropertyClassViewModel> propertyClasses, OpenApiDocument document)
+        {
+            var type = GetSchemaType(schema);
+            if (IsComponent(type))
+            {
+                string componentId = GetComponentId(schema);
+                var componentSchema = document.Components.Schemas[componentId];
+                var responseClass = new PropertyClassViewModel(componentId, componentSchema.Properties, componentSchema.Enum);
+
+                if (propertyClasses.Where(c => c.Id == componentId).Any()) return; // Avoid adding duplicate schemas in classes
+                propertyClasses.Add(responseClass);
+
+                foreach ((var _, var property) in componentSchema.Properties)
+                    // Check for self-references like "LolLootLootOddsResponse"
+                    // I blame dubble
+                    if (IsComponent(GetSchemaType(property)) && componentId != GetComponentId(property))
+                        WalkSchema(property, propertyClasses, document);
+            }
+        }
+
+        private static string GetComponentId(OpenApiSchema schema)
+        {
+            string componentId;
+            if (schema.Reference != null) componentId = schema.Reference.Id;
+            else if (schema.Items != null) componentId = schema.Items.Reference.Id;
+            else componentId = schema.AdditionalProperties.Reference.Id;
+            return componentId;
+        }
+
+        private static bool IsComponent(string type)
+        {
+            return !(type.Contains("object")
+                                || type.Contains("array")
+                                || type.Contains("bool")
+                                || type.Contains("string")
+                                || type.Contains("integer")
+                                || type.Contains("number"));
+        }
+
+        private AvaloniaList<PropertyClassViewModel> GetRequestClasses(OpenApiRequestBody? requestBody)
+        {
+            if (requestBody == null) return [];
+            if (requestBody.Content.TryGetValue("application/json", out var media))
+            {
+                var document = WeakReferenceMessenger.Default.Send(new HostDocumentRequestMessage()).Response;
+                var schema = media.Schema;
+                if (schema == null) return [];
+
+                var type = GetSchemaType(media.Schema);
+                if (IsComponent(type))
+                {
+                    var componentId = GetComponentId(schema);
+                    var componentSchema = document.Components.Schemas[componentId];
+                    AvaloniaList<PropertyClassViewModel> propertyClasses = [];
+                    WalkSchema(componentSchema, propertyClasses, document);
+                    return propertyClasses;
+                }
+            }
+            return [];
+        }
+
+        private string GetReturnType(OpenApiResponses responses)
+        {
+            if (responses.TryGetValue("2XX", out var response)
+                && response.Content.TryGetValue("application/json", out var media))
+            {
+                var schema = media.Schema;
+                return GetSchemaType(schema);
+            }
+            return "none";
+        }
+
+        public static string GetSchemaType(OpenApiSchema schema)
+        {
+            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.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}[]";
+            return schema.Type;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/PageBase.cs
+++ b/Needlework.Net/ViewModels/PageBase.cs
@@ -0,0 +1,12 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Needlework.Net.ViewModels
+{
+
+    public abstract partial class PageBase(string displayName, string icon, int index = 0) : ObservableValidator
+    {
+        [ObservableProperty] private string _displayName = displayName;
+        [ObservableProperty] private string _icon = icon;
+        [ObservableProperty] private int _index = index;
+    }
+}
--- a/Needlework.Net/ViewModels/ParameterViewModel.cs
+++ b/Needlework.Net/ViewModels/ParameterViewModel.cs
@@ -0,0 +1,20 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class ParameterViewModel : ObservableObject
+    {
+        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;
+            Type = type;
+            IsRequired = isRequired;
+            Value = value;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/PathOperationViewModel.cs
+++ b/Needlework.Net/ViewModels/PathOperationViewModel.cs
@@ -0,0 +1,142 @@
+using Avalonia.Media;
+using BlossomiShymae.GrrrLCU;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Core;
+using Needlework.Net.Messages;
+using System;
+using System.Net.Http;
+using System.Text;
+using System.Text.Json;
+using System.Threading.Tasks;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class PathOperationViewModel : ObservableObject
+    {
+        public string Method { get; }
+        public SolidColorBrush Color { get; }
+        public string Path { get; }
+        public OperationViewModel Operation { get; }
+        public ProcessInfo? ProcessInfo { get; }
+
+        [ObservableProperty] private bool _isBusy;
+        [ObservableProperty] private string? _responsePath;
+        [ObservableProperty] private string? _responseStatus;
+        [ObservableProperty] private string? _responseAuthentication;
+        [ObservableProperty] private string? _responseUsername;
+        [ObservableProperty] private string? _responsePassword;
+        [ObservableProperty] private string? _responseAuthorization;
+
+        public PathOperationViewModel(PathOperation pathOperation)
+        {
+            Method = pathOperation.Method.ToUpper();
+            Color = new SolidColorBrush(GetColor(Method));
+            Path = pathOperation.Path;
+            Operation = new OperationViewModel(pathOperation.Operation);
+            ProcessInfo = GetProcessInfo();
+            if (ProcessInfo != null)
+            {
+                ResponsePath = $"https://127.0.0.1:{ProcessInfo.AppPort}{Path}";
+                var riotAuth = new RiotAuthentication(ProcessInfo.RemotingAuthToken);
+                ResponseUsername = riotAuth.Username;
+                ResponsePassword = riotAuth.Password;
+                ResponseAuthorization = $"Basic {riotAuth.Value}";
+            }
+        }
+
+        private ProcessInfo? GetProcessInfo()
+        {
+            try
+            {
+                var processInfo = Connector.GetProcessInfo();
+                return processInfo;
+            }
+            catch (Exception) { }
+            return null;
+        }
+
+        [RelayCommand]
+        public async Task SendRequest()
+        {
+            try
+            {
+                IsBusy = true;
+
+                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 missing.")
+                };
+
+                var processInfo = Connector.GetProcessInfo();
+                var sb = new StringBuilder(Path);
+                foreach (var pathParameter in Operation.PathParameters)
+                {
+                    sb.Replace($"{{{pathParameter.Name}}}", pathParameter.Value);
+                }
+
+                var firstQueryAdded = false;
+                foreach (var queryParameter in Operation.QueryParameters)
+                {
+                    if (!string.IsNullOrWhiteSpace(queryParameter.Value))
+                    {
+                        sb.Append(firstQueryAdded ? '&' : '?');
+                        firstQueryAdded = true;
+                        sb.Append($"{queryParameter.Name}={Uri.EscapeDataString(queryParameter.Value)}");
+                    }
+                }
+                var uri = sb.ToString();
+
+                var requestBody = WeakReferenceMessenger.Default.Send(new ContentRequestMessage(), "EndpointRequestEditor").Response;
+                var content = new StringContent(requestBody, new System.Net.Http.Headers.MediaTypeHeaderValue("application/json"));
+
+                var response = await Connector.SendAsync(method, uri, content);
+                var riotAuthentication = new RiotAuthentication(processInfo.RemotingAuthToken);
+                var responseBytes = await response.Content.ReadAsByteArrayAsync();
+
+                var responseBody = responseBytes.Length > 0 ? JsonSerializer.Serialize(JsonSerializer.Deserialize<object>(responseBytes), App.JsonSerializerOptions) : string.Empty;
+                if (responseBody.Length >= App.MaxCharacters)
+                {
+                    WeakReferenceMessenger.Default.Send(new OopsiesWindowRequestedMessage(responseBody));
+                    WeakReferenceMessenger.Default.Send(new EditorUpdateMessage(new(string.Empty, "EndpointResponseEditor")));
+                }
+                else WeakReferenceMessenger.Default.Send(new EditorUpdateMessage(new(responseBody, "EndpointResponseEditor")));
+
+                ResponseStatus = $"{(int)response.StatusCode} {response.StatusCode}";
+                ResponsePath = $"https://127.0.0.1:{processInfo.AppPort}{uri}";
+                ResponseAuthentication = $"Basic {riotAuthentication.Value}";
+                ResponseUsername = riotAuthentication.Username;
+                ResponsePassword = riotAuthentication.Password;
+            }
+            catch (Exception ex)
+            {
+                WeakReferenceMessenger.Default.Send(new InfoBarUpdateMessage(new InfoBarViewModel("Request Failed", true, ex.Message, FluentAvalonia.UI.Controls.InfoBarSeverity.Error, TimeSpan.FromSeconds(5))));
+                WeakReferenceMessenger.Default.Send(new EditorUpdateMessage(new(string.Empty, "EndpointResponseEditor")));
+            }
+            finally
+            {
+                IsBusy = false;
+            }
+        }
+
+        public 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.")
+        };
+    }
+}
--- a/Needlework.Net/ViewModels/PropertyClassViewModel.cs
+++ b/Needlework.Net/ViewModels/PropertyClassViewModel.cs
@@ -0,0 +1,36 @@
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+using Microsoft.OpenApi.Any;
+using Microsoft.OpenApi.Models;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace Needlework.Net.ViewModels
+{
+    public class PropertyClassViewModel : ObservableObject
+    {
+        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 = [];
+            AvaloniaList<PropertyEnumViewModel> propertyEnums = [];
+            foreach ((var propertyName, var propertySchema) in properties)
+            {
+                var type = OperationViewModel.GetSchemaType(propertySchema);
+                var field = new PropertyFieldViewModel(propertyName, type);
+                propertyFields.Add(field);
+            }
+            if (enumValue != null && enumValue.Any())
+            {
+                var propertyEnum = new PropertyEnumViewModel(enumValue);
+                propertyEnums.Add(propertyEnum);
+            }
+            PropertyFields = propertyFields;
+            PropertyEnums = propertyEnums;
+            Id = id;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/PropertyEnumViewModel.cs
+++ b/Needlework.Net/ViewModels/PropertyEnumViewModel.cs
@@ -0,0 +1,17 @@
+using Microsoft.OpenApi.Any;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace Needlework.Net.ViewModels
+{
+    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())}]";
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/PropertyFieldViewModel.cs
+++ b/Needlework.Net/ViewModels/PropertyFieldViewModel.cs
@@ -0,0 +1,14 @@
+namespace Needlework.Net.ViewModels
+{
+    public class PropertyFieldViewModel
+    {
+        public string Name { get; }
+        public string Type { get; }
+
+        public PropertyFieldViewModel(string name, string type)
+        {
+            Name = name;
+            Type = type;
+        }
+    }
+}
--- a/Needlework.Net/ViewModels/WebsocketViewModel.cs
+++ b/Needlework.Net/ViewModels/WebsocketViewModel.cs
@@ -0,0 +1,131 @@
+using BlossomiShymae.GrrrLCU;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Messages;
+using Needlework.Net.Services;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Diagnostics;
+using System.Linq;
+using System.Text.Json;
+using System.Threading;
+using Websocket.Client;
+
+namespace Needlework.Net.ViewModels
+{
+    public partial class WebsocketViewModel : PageBase
+    {
+        public ObservableCollection<string> 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 string? _selectedEventLog = null;
+
+        private Dictionary<string, EventMessage> _events = [];
+
+        public WebsocketClient? Client { get; set; }
+
+        public WindowService WindowService { get; }
+
+        public IReadOnlyList<string> FilteredEventLog => string.IsNullOrWhiteSpace(Search) ? EventLog : [.. EventLog.Where(x => x.Contains(Search, StringComparison.InvariantCultureIgnoreCase))];
+
+        public WebsocketViewModel(WindowService windowService) : base("Event Viewer", "plug", -100)
+        {
+            WindowService = windowService;
+            EventLog.CollectionChanged += (s, e) => OnPropertyChanged(nameof(FilteredEventLog));
+            var thread = new Thread(InitializeWebsocket) { IsBackground = true };
+            thread.Start();
+        }
+
+        private void InitializeWebsocket()
+        {
+            while (true)
+            {
+                try
+                {
+                    var client = Connector.CreateLcuWebsocketClient();
+                    client.EventReceived.Subscribe(OnMessage);
+                    client.DisconnectionHappened.Subscribe(OnDisconnection);
+                    client.ReconnectionHappened.Subscribe(OnReconnection);
+
+                    client.Start();
+                    client.Send(new EventMessage(RequestType.Subscribe, EventMessage.Kinds.OnJsonApiEvent));
+                    Client = client;
+                    return;
+                }
+                catch (Exception) { }
+                Thread.Sleep(TimeSpan.FromSeconds(5));
+            }
+        }
+
+        [RelayCommand]
+        private void Clear()
+        {
+            _events.Clear();
+            EventLog.Clear();
+        }
+
+        partial void OnSelectedEventLogChanged(string? value)
+        {
+            if (value == null) return;
+            if (_events.TryGetValue(value, out var message))
+            {
+                var text = JsonSerializer.Serialize(message, App.JsonSerializerOptions);
+                if (text.Length >= App.MaxCharacters) WindowService.ShowOopsiesWindow(text);
+                else WeakReferenceMessenger.Default.Send(new ResponseUpdatedMessage(text), nameof(WebsocketViewModel));
+            }
+        }
+
+        private void OnReconnection(ReconnectionInfo info)
+        {
+            Trace.WriteLine($"-- Reconnection --\nType{info.Type}");
+        }
+
+        private void OnDisconnection(DisconnectionInfo info)
+        {
+            Trace.WriteLine($"-- Disconnection --\nType:{info.Type}\nSubProocol:{info.SubProtocol}\nCloseStatus:{info.CloseStatus}\nCloseStatusDescription:{info.CloseStatusDescription}\nExceptionMessage:{info?.Exception?.Message}\n:InnerException:{info?.Exception?.InnerException}");
+            Client?.Dispose();
+            var thread = new Thread(InitializeWebsocket) { IsBackground = true };
+            thread.Start();
+        }
+
+        private void OnMessage(EventMessage message)
+        {
+            Avalonia.Threading.Dispatcher.UIThread.Invoke(async () =>
+            {
+                if (!IsAttach) return;
+
+                var line = $"{DateTime.Now:HH:mm:ss.fff} {message.Data?.EventType.ToUpper()} {message.Data?.Uri}";
+                Trace.WriteLine($"Message: {line}");
+
+                await EventLogLock.WaitAsync();
+                try
+                {
+                    if (EventLog.Count < 1000)
+                    {
+                        EventLog.Add(line);
+                        _events[line] = message;
+                    }
+                    else
+                    {
+                        var key = EventLog[0];
+                        EventLog.RemoveAt(0);
+                        _events.Remove(key);
+
+                        EventLog.Add(line);
+                        _events[line] = message;
+                    }
+                }
+                finally
+                {
+                    EventLogLock.Release();
+                }
+            });
+        }
+    }
+}
--- a/Needlework.Net/Views/AboutView.axaml
+++ b/Needlework.Net/Views/AboutView.axaml
@@ -0,0 +1,39 @@
+<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"
+			 xmlns:controls="using:Needlework.Net.Controls"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.AboutView"
+			 x:DataType="vm:AboutViewModel">
+	<Grid Margin="8"
+			VerticalAlignment="Center"
+			HorizontalAlignment="Center">
+		<WrapPanel Orientation="Horizontal">
+			<controls:Card Margin="8">
+				<Image Source="/Assets/about.png"
+				   RenderOptions.BitmapInterpolationMode="MediumQuality"
+				   Width="200"
+				   Height="200"/>
+			</controls:Card>
+			<StackPanel Margin="8 0 0 0">
+				<controls:Card Width="400" Margin="8">
+					<StackPanel>
+						<TextBlock Theme="{StaticResource TitleTextBlockStyle}">Blossomi Shymae</TextBlock>
+					</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>
+		</WrapPanel>
+	</Grid>
+</UserControl>
--- a/Needlework.Net/Views/AboutView.axaml.cs
+++ b/Needlework.Net/Views/AboutView.axaml.cs
@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace Needlework.Net.Views;
+
+public partial class AboutView : UserControl
+{
+    public AboutView()
+    {
+        InitializeComponent();
+    }
+}
--- a/Needlework.Net/Views/ConsoleView.axaml
+++ b/Needlework.Net/Views/ConsoleView.axaml
@@ -0,0 +1,87 @@
+<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"
+			 xmlns:controls="using:Needlework.Net.Controls"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.ConsoleView"
+			 x:DataType="vm:ConsoleViewModel">
+	<controls:BusyArea IsBusy="{Binding IsBusy}"
+					   BusyText="Loading...">
+		<Grid Margin="16" RowDefinitions="auto,*" ColumnDefinitions="*,*">
+			<Grid Grid.Row="0"
+				  Grid.Column="0"
+				  Grid.ColumnSpan="2">
+				<StackPanel Margin="0 0 0 16">
+					<Grid RowDefinitions="auto" ColumnDefinitions="auto,*,auto">
+						<ComboBox ItemsSource="{Binding RequestMethods}"
+								  SelectedItem="{Binding RequestMethodSelected}"
+								  Margin="0 0 8 0"
+								  Grid.Row="0"
+								  Grid.Column="0"/>
+						<AutoCompleteBox
+								 ItemsSource="{Binding RequestPaths}"
+								 Text="{Binding RequestPath}"
+								 MaxDropDownHeight="400"
+								 FilterMode="StartsWith"
+								 Grid.Row="0"
+								 Grid.Column="1"/>
+						<Button Margin="8 0 0 0"
+								HorizontalAlignment="Center"
+								VerticalAlignment="Bottom"
+								FontWeight="DemiBold"
+								Grid.Row="0"
+								Grid.Column="2"
+								Command="{Binding SendRequestCommand}">
+							Send
+						</Button>
+					</Grid>
+				</StackPanel>
+			</Grid>
+			<Grid Grid.Row="1"
+				  Grid.Column="0"
+				  RowDefinitions="auto,*"
+				  ColumnDefinitions="*">
+				<TextBox IsReadOnly="True"
+						 Grid.Row="0"
+						 Grid.Column="0"
+						 Text="{Binding ResponsePath}"/>
+				<avaloniaEdit:TextEditor
+								 Name="RequestEditor"
+								 Text=""
+								 ShowLineNumbers="True"
+								 HorizontalScrollBarVisibility="Auto"
+								 VerticalScrollBarVisibility="Visible"
+								 Margin="0 8 0 0"
+								 FontSize="12"
+								 Grid.Row="1"
+								 Grid.Column="0"/>
+			</Grid>
+			<Grid	RowDefinitions="35,*"
+					ColumnDefinitions="*"
+					Margin="8 0 0 0"
+					Grid.Row="1"
+					Grid.Column="1">
+				<StackPanel Orientation="Horizontal"
+							Grid.Row="0"
+							Grid.Column="0">
+					<Button Content="{Binding ResponseStatus}"
+							FontSize="12"
+							VerticalAlignment="Center"/>
+				</StackPanel>
+				<avaloniaEdit:TextEditor
+									   Grid.Row="1"
+									   Grid.Column="0"
+									   Name="ResponseEditor"
+									   HorizontalScrollBarVisibility="Auto"
+									   VerticalScrollBarVisibility="Visible"
+									   ShowLineNumbers="True"
+									   IsReadOnly="True"
+									   Text=""
+									   FontSize="12"/>
+			</Grid>
+		</Grid>
+	</controls:BusyArea>
+</UserControl>
--- a/Needlework.Net/Views/ConsoleView.axaml.cs
+++ b/Needlework.Net/Views/ConsoleView.axaml.cs
@@ -0,0 +1,61 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Styling;
+using AvaloniaEdit;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Extensions;
+using Needlework.Net.Messages;
+using Needlework.Net.ViewModels;
+using TextMateSharp.Grammars;
+
+namespace Needlework.Net.Views;
+
+public partial class ConsoleView : UserControl, IRecipient<ResponseUpdatedMessage>, IRecipient<ContentRequestMessage>
+{
+    private TextEditor? _responseEditor;
+    private TextEditor? _requestEditor;
+
+    public ConsoleView()
+    {
+        InitializeComponent();
+    }
+
+    public void Receive(ResponseUpdatedMessage message)
+    {
+        _responseEditor!.Text = message.Value;
+    }
+
+    public void Receive(ContentRequestMessage message)
+    {
+        message.Reply(_requestEditor!.Text);
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+
+        _responseEditor = this.FindControl<TextEditor>("ResponseEditor");
+        _requestEditor = this.FindControl<TextEditor>("RequestEditor");
+        _responseEditor?.ApplyJsonEditorSettings();
+        _requestEditor?.ApplyJsonEditorSettings();
+
+        WeakReferenceMessenger.Default.Register<ResponseUpdatedMessage, string>(this, nameof(ConsoleViewModel));
+        WeakReferenceMessenger.Default.Register<ContentRequestMessage, string>(this, "ConsoleRequestEditor");
+
+        OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
+    }
+
+    protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e)
+    {
+        base.OnDetachedFromVisualTree(e);
+
+        WeakReferenceMessenger.Default.UnregisterAll(this);
+    }
+
+    private void OnBaseThemeChanged(ThemeVariant currentTheme)
+    {
+        var registryOptions = new RegistryOptions(
+            currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
+    }
+}
--- a/Needlework.Net/Views/EndpointView.axaml
+++ b/Needlework.Net/Views/EndpointView.axaml
@@ -0,0 +1,325 @@
+<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:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+		xmlns:vm="using:Needlework.Net.ViewModels"
+		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.EndpointView"
+		x:DataType="vm:EndpointViewModel">
+	<UserControl.Styles>
+		<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>
+		<Style Selector="TabItem > TextBlock">
+			<Setter Property="FontSize" Value="14"/>
+			<Setter Property="FontWeight" Value="DemiBold"/>
+		</Style>
+		<Style Selector="ListBox ListBoxItem">
+			<Setter Property="MinHeight" Value="30"/>
+		</Style>
+	</UserControl.Styles>
+	<Grid RowDefinitions="auto,*" ColumnDefinitions="3*,auto,4*,auto,4*">
+		<Grid Grid.Row="0"
+			  Grid.Column="0"
+			  RowDefinitions="*"
+			  ColumnDefinitions="auto,*">
+			<TextBox Text="{Binding Search}"
+					 Grid.Row="0"
+					 Grid.Column="0"
+					 Grid.ColumnSpan="2"/>
+		</Grid>
+		<Grid Grid.Row="1"
+			  Grid.Column="0"
+			  RowDefinitions="*"
+			  ColumnDefinitions="*">
+			<ListBox ItemsSource="{Binding FilteredPathOperations}"
+					 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 Method}"
+								Background="{Binding 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"
+						  Grid.Row="0"
+						  Grid.RowSpan="2"
+						  Grid.Column="1"/>
+		<Grid Grid.Row="0"
+			  Grid.Column="2"
+			  RowDefinitions="*"
+			  ColumnDefinitions="auto,*,auto">
+			<TextBox Grid.Row="0" 
+					 Grid.Column="0" 
+					 Text="{Binding SelectedPathOperation.Method}"
+					 FontSize="12"
+					 IsReadOnly="True"
+					 Margin="0 0 8 0"/>
+			<TextBox Grid.Row="0" 
+					 Grid.Column="1" 
+					 FontSize="12"
+					 Text="{Binding SelectedPathOperation.ResponsePath}"
+					 IsReadOnly="True"/>
+			<StackPanel Grid.Row="0" 
+						Grid.Column="2" 
+						Orientation="Horizontal">
+				<Button Classes="Flat"
+						Margin="4"
+						FontSize="12"
+						HorizontalAlignment="Right"
+						Padding="12 4 12 4"
+						VerticalAlignment="Center"
+						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}}">
+							<controls:Card
+										   Margin="0 4"
+										   IsVisible="{Binding SelectedPathOperation.Operation.PathParameters, Converter={StaticResource EnumerableBoolConverter}}">
+								<StackPanel>
+									<TextBlock FontSize="14" 
+											   FontWeight="DemiBold">Path Parameters</TextBlock>
+									<DataGrid
+								ItemsSource="{Binding SelectedPathOperation.Operation.PathParameters}"
+								IsReadOnly="True"
+								GridLinesVisibility="All">
+										<DataGrid.Columns>
+											<DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
+											<DataGridCheckBoxColumn Header="Required" Binding="{Binding IsRequired}"/>
+											<DataGridTemplateColumn Header="Value">
+												<DataGridTemplateColumn.CellTemplate>
+													<DataTemplate DataType="vm:ParameterViewModel">
+														<TextBox Text="{Binding Value}"/>
+													</DataTemplate>
+												</DataGridTemplateColumn.CellTemplate>
+											</DataGridTemplateColumn>
+											<DataGridTextColumn Header="Type" Binding="{Binding Type}"/>
+										</DataGrid.Columns>
+									</DataGrid>
+								</StackPanel>
+							</controls:Card>
+							<controls:Card
+										   Margin="0 4"
+										   IsVisible="{Binding SelectedPathOperation.Operation.QueryParameters, Converter={StaticResource EnumerableBoolConverter}}">
+								<StackPanel>
+									<TextBlock FontSize="14"
+											   FontWeight="DemiBold">Query Parameters</TextBlock>
+									<DataGrid
+								ItemsSource="{Binding SelectedPathOperation.Operation.QueryParameters}"
+								IsReadOnly="True"
+								GridLinesVisibility="Horizontal">
+										<DataGrid.Columns>
+											<DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
+											<DataGridCheckBoxColumn Header="Required" Binding="{Binding IsRequired}"/>
+											<DataGridTemplateColumn Header="Value">
+												<DataGridTemplateColumn.CellTemplate>
+													<DataTemplate DataType="vm:ParameterViewModel">
+														<TextBox Text="{Binding Value}"/>
+													</DataTemplate>
+												</DataGridTemplateColumn.CellTemplate>
+											</DataGridTemplateColumn>
+											<DataGridTextColumn Header="Type" Binding="{Binding Type}"/>
+										</DataGrid.Columns>
+									</DataGrid>
+								</StackPanel>
+							</controls:Card>
+						</StackPanel>
+					</ScrollViewer>
+				</TabItem>
+				<TabItem Header="Body">
+					<avalonEdit:TextEditor
+						Name="EndpointRequestEditor"
+						HorizontalScrollBarVisibility="Auto"
+						VerticalScrollBarVisibility="Visible"
+						Text=""
+						ShowLineNumbers="True"
+						FontSize="12"/>
+				</TabItem>
+				<TabItem Header="Auth">
+					<Grid RowDefinitions="auto,auto,auto,*" ColumnDefinitions="*,4*">
+						<TextBlock FontSize="12"
+								   Grid.Row="0"
+								   Grid.Column="0"
+								   VerticalAlignment="Center">
+							Username
+						</TextBlock>
+						<TextBox FontSize="12"
+								 Grid.Row="0"
+								 Grid.Column="1"
+								 Margin="0 0 0 8"
+								 IsReadOnly="True"
+								 Text="{Binding SelectedPathOperation.ResponseUsername}" />
+						<TextBlock FontSize="12"
+								   Grid.Row="1"
+								   Grid.Column="0"
+								   VerticalAlignment="Center">
+							Password
+						</TextBlock>
+						<TextBox FontSize="12"
+								 Grid.Row="1"
+								 Grid.Column="1"
+								 Margin="0 0 0 8"
+								 IsReadOnly="True"
+								 Text="{Binding SelectedPathOperation.ResponsePassword}"/>
+						<TextBlock FontSize="12"
+								   Grid.Row="2"
+								   Grid.Column="0"
+								   VerticalAlignment="Center">
+							Authorization
+						</TextBlock>
+						<TextBox FontSize="12"
+								 Grid.Row="2"
+								 Grid.Column="1"
+								 IsReadOnly="True"
+								 Text="{Binding SelectedPathOperation.ResponseAuthorization}"/>
+					</Grid>
+				</TabItem>
+				<TabItem Header="Schemas">
+					<ScrollViewer>
+						<StackPanel>
+							<controls:Card Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.RequestBodyType, Converter={StaticResource NullBoolConverter}}">
+								<TextBlock>
+									<Run Text="Request body: " FontWeight="DemiBold" FontSize="12"/>
+									<Run Text="{Binding SelectedPathOperation.Operation.RequestBodyType}" FontSize="12"/>
+								</TextBlock>
+							</controls:Card>
+							<Border Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.RequestClasses, Converter={StaticResource EnumerableBoolConverter}}">
+								<StackPanel>
+									<TextBlock FontSize="14" FontWeight="DemiBold" Margin="0 0 0 4">Request Classes</TextBlock>
+									<ItemsRepeater ItemsSource="{Binding SelectedPathOperation.Operation.RequestClasses}">
+										<ItemsRepeater.ItemTemplate>
+											<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"/>
+								</TextBlock>
+							</controls:Card>
+							<Border Margin="0 4" IsVisible="{Binding SelectedPathOperation.Operation.ResponseClasses, Converter={StaticResource EnumerableBoolConverter}}">
+								<StackPanel>
+									<TextBlock FontSize="14" FontWeight="DemiBold">Response Classes</TextBlock>
+									<ItemsRepeater ItemsSource="{Binding SelectedPathOperation.Operation.ResponseClasses}">
+										<ItemsRepeater.ItemTemplate>
+											<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>
+					</ScrollViewer>
+				</TabItem>
+			</TabControl>
+		</Grid>
+		<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"
+					VerticalAlignment="Center"
+					Margin="4"
+					FontSize="10"
+					Padding="12 4 12 4"
+					Classes="Flat"
+					Content="{Binding SelectedPathOperation.ResponseStatus}"/>
+					
+		</StackPanel>
+		<Grid Grid.Row="1" Grid.Column="4">
+			<TabControl>
+				<TabItem Header="Preview">
+					<avalonEdit:TextEditor
+						Name="EndpointResponseEditor"
+						HorizontalScrollBarVisibility="Auto"
+						VerticalScrollBarVisibility="Visible"
+						ShowLineNumbers="True"
+						IsReadOnly="True"
+						Text=""
+						FontSize="12"/>
+				</TabItem>
+			</TabControl>
+		</Grid>
+	</Grid>
+</UserControl>
--- a/Needlework.Net/Views/EndpointView.axaml.cs
+++ b/Needlework.Net/Views/EndpointView.axaml.cs
@@ -0,0 +1,72 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Styling;
+using AvaloniaEdit;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Extensions;
+using Needlework.Net.Messages;
+using Needlework.Net.ViewModels;
+using TextMateSharp.Grammars;
+
+namespace Needlework.Net.Views;
+
+public partial class EndpointView : UserControl, IRecipient<EditorUpdateMessage>, IRecipient<ContentRequestMessage>
+{
+    private TextEditor? _requestEditor;
+    private TextEditor? _responseEditor;
+
+    public EndpointView()
+    {
+        InitializeComponent();
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+
+        var vm = (EndpointViewModel)DataContext!;
+        _requestEditor = this.FindControl<TextEditor>("EndpointRequestEditor");
+        _responseEditor = this.FindControl<TextEditor>("EndpointResponseEditor");
+        _requestEditor?.ApplyJsonEditorSettings();
+        _responseEditor?.ApplyJsonEditorSettings();
+
+        WeakReferenceMessenger.Default.Register<EditorUpdateMessage>(this);
+        WeakReferenceMessenger.Default.Register<ContentRequestMessage, string>(this, "EndpointRequestEditor");
+
+        OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
+    }
+
+    protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e)
+    {
+        base.OnDetachedFromVisualTree(e);
+
+        WeakReferenceMessenger.Default.UnregisterAll(this);
+    }
+
+    private void OnBaseThemeChanged(ThemeVariant currentTheme)
+    {
+        var registryOptions = new RegistryOptions(
+          currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
+    }
+
+    public void Receive(EditorUpdateMessage message)
+    {
+        switch (message.Value.Key)
+        {
+            case "EndpointRequestEditor":
+                _requestEditor!.Text = message.Value.Text;
+                break;
+            case "EndpointResponseEditor":
+                _responseEditor!.Text = message.Value.Text;
+                break;
+            default:
+                break;
+        }
+    }
+
+    public void Receive(ContentRequestMessage message)
+    {
+        message.Reply(_requestEditor!.Text);
+    }
+}
--- a/Needlework.Net/Views/EndpointsContainerView.axaml
+++ b/Needlework.Net/Views/EndpointsContainerView.axaml
@@ -0,0 +1,32 @@
+<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"
+			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.EndpointsContainerView"
+			x:DataType="vm:EndpointsContainerViewModel">
+	<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>
--- a/Needlework.Net/Views/EndpointsContainerView.axaml.cs
+++ b/Needlework.Net/Views/EndpointsContainerView.axaml.cs
@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace Needlework.Net.Views;
+
+public partial class EndpointsContainerView : UserControl
+{
+    public EndpointsContainerView()
+    {
+        InitializeComponent();
+    }
+}
--- a/Needlework.Net/Views/EndpointsView.axaml
+++ b/Needlework.Net/Views/EndpointsView.axaml
@@ -0,0 +1,32 @@
+<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"
+		xmlns:controls="using:Needlework.Net.Controls"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+		Name="EndpointsControl"
+        x:Class="Needlework.Net.Views.EndpointsView"
+		x:DataType="vm:EndpointsViewModel">
+	<controls:BusyArea IsBusy="{Binding IsBusy}"
+					   BusyText="Loading...">
+		<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>
+	</controls:BusyArea>
+</UserControl>
--- a/Needlework.Net/Views/EndpointsView.axaml.cs
+++ b/Needlework.Net/Views/EndpointsView.axaml.cs
@@ -0,0 +1,12 @@
+using Avalonia.Controls;
+
+namespace Needlework.Net.Views
+{
+    public partial class EndpointsView : UserControl
+    {
+        public EndpointsView()
+        {
+            InitializeComponent();
+        }
+    }
+}
--- a/Needlework.Net/Views/HomeView.axaml
+++ b/Needlework.Net/Views/HomeView.axaml
@@ -0,0 +1,63 @@
+<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"
+		xmlns:controls="using:Needlework.Net.Controls"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="Needlework.Net.Views.HomeView"
+		x:DataType="vm:HomeViewModel">
+	<!-- TOP LEVEL -->
+	<ScrollViewer>
+		<WrapPanel Margin="8"
+				   Orientation="Horizontal">
+			<!-- WELCOME -->
+			<StackPanel>
+				<Border Margin="12">
+					<StackPanel>
+						<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>
+					</StackPanel>
+				</Border>
+				<controls:Card Margin="12">
+					<TextBlock TextWrapping="Wrap">THE PROGRAM IS PROVIDED “AS IS” WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF MERCHANTABILITY, NONINFRINGMENT, OR OF FITNESS FOR A PARTICULAR PURPOSE. LICENSOR DOES NOT WARRANT THAT THE FUNCTIONS CONTAINED IN THE PROGRAM WILL MEET YOUR REQUIREMENTS OR THAT OPERATION WILL BE UNINTERRUPTED OR ERROR FREE. LICENSOR MAKES NO WARRANTIES RESPECTING ANY HARM THAT MAY BE CAUSED BY MALICIOUS USE OF THIS SOFTWARE. LICENSOR FURTHER EXPRESSLY DISCLAIMS ANY WARRANTY OR REPRESENTATION TO AUTHORIZED USERS OR TO ANY THIRD PARTY.</TextBlock>
+				</controls:Card>
+			</StackPanel>
+			<!-- FOOTER -->
+			<StackPanel>
+				<controls:Card Margin="12" Width="300">
+					<StackPanel>
+						<TextBlock 
+								   Theme="{StaticResource SubtitleTextBlockStyle}"
+								   Margin="0 0 0 8">Resources</TextBlock>
+						<StackPanel Orientation="Horizontal">
+							<StackPanel.Styles>
+								<Style Selector="Button">
+									<Setter Property="Command" Value="{Binding OpenUrlCommand}"/>
+								</Style>
+							</StackPanel.Styles>
+							<Button CommandParameter="https://hextechdocs.dev/tag/lcu/" Margin="0 0 8 0">
+								Hextech Docs
+							</Button>
+							<Button CommandParameter="https://hextechdocs.dev/getting-started-with-the-lcu-api/">
+								Getting Started
+							</Button>
+						</StackPanel>
+					</StackPanel>
+				</controls:Card>
+				<controls:Card Margin="12" Width="300">
+					<StackPanel>
+						<TextBlock>© 2024 - Blossomi Shymae</TextBlock>
+						<TextBlock>MIT License</TextBlock>
+					</StackPanel>
+				</controls:Card>
+			</StackPanel>
+			<!-- LEGAL -->
+			<controls:Card Margin="12" Width="300">
+				<TextBlock TextWrapping="Wrap">Needlework.Net isn't endorsed by Riot Games and doesn't reflect the views or opinions of Riot Games or anyone officially involved in producing or managing Riot Games properties. Riot Games, and all associated properties are trademarks or registered trademarks of Riot Games, Inc.</TextBlock>
+			</controls:Card>
+		</WrapPanel>
+	</ScrollViewer>
+</UserControl>
--- a/Needlework.Net/Views/HomeView.axaml.cs
+++ b/Needlework.Net/Views/HomeView.axaml.cs
@@ -0,0 +1,12 @@
+using Avalonia.Controls;
+
+namespace Needlework.Net.Views
+{
+    public partial class HomeView : UserControl
+    {
+        public HomeView()
+        {
+            InitializeComponent();
+        }
+    }
+}
--- a/Needlework.Net/Views/MainWindow.axaml
+++ b/Needlework.Net/Views/MainWindow.axaml
@@ -0,0 +1,99 @@
+<Window
+		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:ui="using:FluentAvalonia.UI.Controls"             
+        xmlns:uip="using:FluentAvalonia.UI.Controls.Primitives"
+		xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+		xmlns:i="https://github.com/projektanker/icons.avalonia"
+		xmlns:vm="using:Needlework.Net.ViewModels"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="Needlework.Net.Views.MainWindow"
+		x:DataType="vm:MainWindowViewModel"
+        Title="Needlework.Net"
+		Icon="/Assets/app.ico"
+        Width="1280"
+        Height="720">	
+	<Grid RowDefinitions="auto,*">
+		<Grid ColumnDefinitions="auto,auto,*,auto"
+			  Background="Transparent"
+			  Height="40"
+			  Grid.Row="0">
+			<Image Margin="12 4"
+				   IsHitTestVisible="False"
+				   Source="/Assets/app.png"
+				   Width="18"
+				   Height="18"
+				   DockPanel.Dock="Left"
+				   Grid.Column="0"/>
+			<TextBlock FontSize="12"
+					   IsHitTestVisible="False"
+					   VerticalAlignment="Center"
+					   Grid.Column="1">
+				Needlework.Net
+			</TextBlock>
+		</Grid>
+		<ui:NavigationView AlwaysShowHeader="False"
+						   PaneDisplayMode="Left"
+						   IsSettingsVisible="False"
+						   Grid.Row="1"
+						   MenuItemsSource="{Binding MenuItems}"
+						   SelectedItem="{Binding SelectedMenuItem}">
+			<ui:NavigationView.PaneFooter>
+				<StackPanel Orientation="Vertical">
+					<StackPanel.Styles>
+						<Style Selector="materialIcons|MaterialIcon">
+							<Setter Property="Width" Value="20" />
+							<Setter Property="Height" Value="20" />
+						</Style>
+						<Style Selector="i|Icon">
+							<Setter Property="FontSize" Value="20" />
+						</Style>
+					</StackPanel.Styles>
+					<Button 
+							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 
+							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" />
+					</Button>
+				</StackPanel>
+			</ui:NavigationView.PaneFooter>
+			<Grid>
+				<TransitioningContentControl Content="{Binding CurrentPage}"/>
+				<Button Content="{Binding Version}"
+						HorizontalAlignment="Right"
+						VerticalAlignment="Bottom"
+						Margin="16"/>
+				<ItemsRepeater ItemsSource="{Binding InfoBarItems}" 
+							   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>
+</Window>
--- a/Needlework.Net/Views/MainWindow.axaml.cs
+++ b/Needlework.Net/Views/MainWindow.axaml.cs
@@ -0,0 +1,13 @@
+using FluentAvalonia.UI.Windowing;
+
+namespace Needlework.Net.Views;
+
+public partial class MainWindow : AppWindow
+{
+    public MainWindow()
+    {
+        InitializeComponent();
+
+        TitleBar.ExtendsContentIntoTitleBar = true;
+    }
+}
--- a/Needlework.Net/Views/OopsiesWindow.axaml
+++ b/Needlework.Net/Views/OopsiesWindow.axaml
@@ -0,0 +1,69 @@
+<Window
+			 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"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.OopsiesWindow"
+			 x:DataType="vm:OopsiesWindowViewModel"
+			 Title="Needlework.Net - Oopsies"
+		     WindowStartupLocation="CenterOwner"
+			 Width="560"
+			 Height="200">
+	<Grid RowDefinitions="auto,*">
+		<Grid ColumnDefinitions="auto,auto,*,auto"
+			  Background="Transparent"
+			  Height="40"
+			  Grid.Row="0">
+			<Image Margin="12 4"
+				   IsHitTestVisible="False"
+				   Source="/Assets/app.png"
+				   Width="18"
+				   Height="18"
+				   DockPanel.Dock="Left"
+				   Grid.Column="0"/>
+			<TextBlock FontSize="12"
+					   IsHitTestVisible="False"
+					   VerticalAlignment="Center"
+					   Grid.Column="1">
+				Needlework.Net - Oopsies
+			</TextBlock>
+		</Grid>
+		<Grid RowDefinitions="auto,auto,auto" 
+			  ColumnDefinitions="auto,auto"
+			  Grid.Row="1"
+			  Grid.Column="0"
+			Margin="8"
+			VerticalAlignment="Center"
+			HorizontalAlignment="Center">
+			<TextBlock
+				Grid.Row="0"
+				Grid.Column="0"
+				Grid.ColumnSpan="2">
+				This response is too large for Needlework.Net to handle for performance reasons.
+			</TextBlock>
+			<TextBlock
+				Grid.Row="1"
+				Grid.Column="0"
+				Grid.ColumnSpan="2"
+				Margin="0 0 0 12">
+				It can be viewed in an external editor or viewer.
+			</TextBlock>
+			<Button Command="{Binding OpenDefaultEditorCommand}"
+					HorizontalAlignment="Stretch"
+					Grid.Row="2"
+					Grid.Column="0"
+					Margin="0 0 8 0">
+				Open
+			</Button>
+			<Button Command="{Binding CloseDialogCommand}"
+					HorizontalAlignment="Stretch"
+					Grid.Row="2"
+					Grid.Column="1"
+					Margin="8 0 0 0">
+				Cancel
+			</Button>
+		</Grid>
+	</Grid>
+</Window>
--- a/Needlework.Net/Views/OopsiesWindow.axaml.cs
+++ b/Needlework.Net/Views/OopsiesWindow.axaml.cs
@@ -0,0 +1,13 @@
+using FluentAvalonia.UI.Windowing;
+
+namespace Needlework.Net.Views;
+
+public partial class OopsiesWindow : AppWindow
+{
+    public OopsiesWindow()
+    {
+        InitializeComponent();
+
+        TitleBar.ExtendsContentIntoTitleBar = true;
+    }
+}
--- a/Needlework.Net/Views/WebsocketView.axaml
+++ b/Needlework.Net/Views/WebsocketView.axaml
@@ -0,0 +1,60 @@
+<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"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Needlework.Net.Views.WebsocketView"
+			 x:DataType="vm:WebsocketViewModel">
+	<Grid RowDefinitions="*,auto,*"  Margin="16">
+		<Border Grid.Row="0"
+				Padding="0 0 0 8">
+			<Grid RowDefinitions="auto,*" ColumnDefinitions="*">
+				<Grid
+					Grid.Row="0"
+					Grid.Column="0"
+					RowDefinitions="*"
+					ColumnDefinitions="auto,*,auto,auto">
+					<Button Margin="0 0 8 0"
+							Grid.Row="0"
+							Grid.Column="0"
+							Command="{Binding ClearCommand}">Clear</Button>
+					<TextBox Grid.Row="0"
+							 Grid.Column="1"
+							 Text="{Binding Search}"
+							 MaxLines="1"
+							 Margin="0 0 8 0"/>
+					<CheckBox 
+								  Margin="0 0 8 0"
+								  Grid.Row="0"
+								  Grid.Column="2"
+								  Content="Attach"
+								  IsChecked="{Binding IsAttach}"/>
+					<CheckBox 
+								  Grid.Row="0"
+								  Grid.Column="3"
+								  Content="Tail"
+								  IsChecked="{Binding IsTail}"/>
+				</Grid>
+				<ListBox Grid.Row="1"
+						 Grid.Column="0"
+						 Name="EventViewer"
+						 Margin="0 8 0 0"
+						 ItemsSource="{Binding FilteredEventLog}"
+						 SelectedItem="{Binding SelectedEventLog}"/>
+			</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>
--- a/Needlework.Net/Views/WebsocketView.axaml.cs
+++ b/Needlework.Net/Views/WebsocketView.axaml.cs
@@ -0,0 +1,73 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Styling;
+using AvaloniaEdit;
+using CommunityToolkit.Mvvm.Messaging;
+using Needlework.Net.Extensions;
+using Needlework.Net.Messages;
+using Needlework.Net.ViewModels;
+using System;
+using TextMateSharp.Grammars;
+
+namespace Needlework.Net.Views;
+
+public partial class WebsocketView : UserControl, IRecipient<ResponseUpdatedMessage>
+{
+    private TextEditor? _responseEditor;
+    public WebsocketViewModel? _viewModel;
+    private ListBox? _viewer;
+
+    public WebsocketView()
+    {
+        InitializeComponent();
+    }
+
+    public void Receive(ResponseUpdatedMessage message)
+    {
+        _responseEditor!.Text = message.Value;
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+
+        _viewModel = (WebsocketViewModel)DataContext!;
+        _viewer = this.FindControl<ListBox>("EventViewer");
+        _viewModel.EventLog.CollectionChanged += EventLog_CollectionChanged; ;
+
+        _responseEditor = this.FindControl<TextEditor>("ResponseEditor");
+        _responseEditor?.ApplyJsonEditorSettings();
+
+        WeakReferenceMessenger.Default.Register(this, nameof(WebsocketViewModel));
+
+        OnBaseThemeChanged(Application.Current!.ActualThemeVariant);
+    }
+
+    private void EventLog_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+    {
+        Avalonia.Threading.Dispatcher.UIThread.Post(async () =>
+        {
+            if (_viewModel!.IsTail)
+            {
+                await _viewModel.EventLogLock.WaitAsync();
+                try
+                {
+                    _viewer!.ScrollIntoView(_viewModel.EventLog.Count - 1);
+                }
+                catch (InvalidOperationException) { }
+                finally
+                {
+                    _viewModel.EventLogLock.Release();
+                }
+            }
+        });
+    }
+
+    private void OnBaseThemeChanged(ThemeVariant currentTheme)
+    {
+
+        var registryOptions = new RegistryOptions(
+            currentTheme == ThemeVariant.Dark ? ThemeName.DarkPlus : ThemeName.LightPlus);
+    }
+}
--- a/Needlework.Net/app.ico
+++ b/Needlework.Net/app.ico
--- a/Needlework.Net/app.manifest
+++ b/Needlework.Net/app.manifest
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
+  <!-- This manifest is used on Windows only.
+       Don't remove it as it might cause problems with window transparency and embedded controls.
+       For more details visit https://learn.microsoft.com/en-us/windows/win32/sbscs/application-manifests -->
+  <assemblyIdentity version="1.0.0.0" name="Needlework.Net"/>
+
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <!-- A list of the Windows versions that this application has been tested on
+           and is designed to work with. Uncomment the appropriate elements
+           and Windows will automatically select the most compatible environment. -->
+
+      <!-- Windows 10 -->
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}" />
+    </application>
+  </compatibility>
+</assembly>