Refactor folder structure

src/Editor/Ghost.Editor/ActivationHandler.cs

@@ -0,0 +1,70 @@
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.Utilities;
+using Ghost.Editor.Models;
+using Ghost.Engine;
+using Microsoft.UI.Xaml;
+using System.Reflection;
+
+namespace Ghost.Editor;
+
+internal static class ActivationHandler
+{
+    public static LaunchArguments ParseArguments(ReadOnlySpan<char> args)
+    {
+        var arguments = new LaunchArguments();
+        var properties = typeof(LaunchArguments).GetProperties();
+        var split = args.Split(' ');
+
+        while (split.MoveNext())
+        {
+            var range = split.Current;
+            var arg = args[range.Start..range.End];
+            if (arg.Length > 2)
+            {
+                if (arg[0] == '-' && arg[1] == '-')
+                {
+                    var argName = arg[2..];
+                    foreach (var property in properties)
+                    {
+                        var propName = property.Name;
+                        var attr = property.GetCustomAttributes<ArgumentNameAttribute>(false).FirstOrDefault();
+                        if (attr != null)
+                        {
+                            propName = attr.Name;
+                        }
+
+                        if (argName.Equals(propName, StringComparison.OrdinalIgnoreCase))
+                        {
+                            if (split.MoveNext())
+                            {
+                                var valueRange = split.Current;
+                                var value = args[valueRange.Start..valueRange.End];
+                                var convertedValue = Convert.ChangeType(value.ToString(), property.PropertyType);
+
+                                property.SetValue(arguments, convertedValue);
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        return arguments;
+    }
+
+    public static async Task HandleAsync(LaunchArguments args)
+    {
+        await Task.Run(() =>
+        {
+            TypeCache.Init();
+            ((EngineCore)App.GetService<IEngineContext>()).Init();
+        });
+
+        await ((Core.AssetHandle.AssetService)App.GetService<IAssetService>()).Init();
+
+        // TODO: Init other subsystems here.
+        // await Task.Delay(10000); // Wait 10 seconds to simulate work.
+    }
+}

src/Editor/Ghost.Editor/App.xaml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Application
+    x:Class="Ghost.Editor.App"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:core="using:Ghost.Editor.Core.Controls"
+    xmlns:local="using:Ghost.Editor">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
+                <ResourceDictionary Source="/Themes/Generic.xaml" />
+                <core:ControlsDictionary />
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>

src/Editor/Ghost.Editor/App.xaml.cs

@@ -0,0 +1,163 @@
+using Ghost.Core;
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.AssetHandle;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.Services;
+using Ghost.Editor.View.Pages.EngineEditor;
+using Ghost.Editor.View.Windows;
+using Ghost.Editor.ViewModels.Controls;
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+using Ghost.Editor.ViewModels.Windows;
+using Ghost.Engine;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Hosting;
+using Microsoft.UI.Dispatching;
+using Microsoft.UI.Xaml;
+using System.Diagnostics;
+using WinUIEx;
+
+namespace Ghost.Editor;
+
+/// <summary>
+/// Provides application-specific behavior to supplement the default Application class.
+/// </summary>
+public partial class App : Application
+{
+    private Window? _window;
+
+    internal static Window? Window
+    {
+        get => (Current as App)!._window;
+        set
+        {
+            if (Current is App app)
+            {
+                // HACK: As far as I can tell, there is no proper application shutdown event in WinUI 3.
+                app._window?.Closed -= app.OnClosed;
+                app._window = value;
+                app._window?.Closed += app.OnClosed;
+            }
+        }
+    }
+
+    internal IHost Host
+    {
+        get;
+    }
+
+    /// <summary>
+    /// Initializes the singleton application object.  This is the first line of authored code
+    /// executed, and as such is the logical equivalent of main() or WinMain().
+    /// </summary>
+    internal App()
+    {
+        InitializeComponent();
+
+        Host = Microsoft.Extensions.Hosting.Host.
+            CreateDefaultBuilder().
+            UseContentRoot(AppContext.BaseDirectory).
+            ConfigureServices((context, services) =>
+            {
+                services.AddSingleton<IEngineContext, EngineCore>();
+
+                services.AddSingleton<INotificationService, NotificationService>();
+                services.AddSingleton<IProgressService, ProgressService>();
+                services.AddSingleton<IInspectorService, InspectorService>();
+                services.AddSingleton<IPreviewService, PreviewService>();
+                services.AddSingleton<IAssetService, AssetService>();
+
+                services.AddSingleton<EngineEditorViewModel>();
+
+                services.AddTransient<ProjectBrowserViewModel>();
+
+                #region Should be deleted
+                services.AddTransient<ScenePage>();
+
+                services.AddTransient<HierarchyPage>();
+                services.AddTransient<HierarchyViewModel>();
+
+                services.AddTransient<ProjectPage>();
+                services.AddTransient<ProjectViewModel>();
+
+                services.AddTransient<ConsolePage>();
+                services.AddTransient<ConsoleViewModel>();
+
+                services.AddTransient<InspectorPage>();
+                services.AddTransient<InspectorViewModel>();
+                #endregion
+            })
+            .Build();
+
+        UnhandledException += App_UnhandledException;
+    }
+
+    internal static IServiceScope CreateScope()
+    {
+        return (Current as App)!.Host.Services.CreateScope();
+    }
+
+    public static T GetService<T>() where T : class
+    {
+        if ((Current as App)!.Host.Services.GetService(typeof(T)) is not T service)
+        {
+            throw new ArgumentException($"{typeof(T)} needs to be registered in ConfigureServices within App.xaml.cs.");
+        }
+
+        return service;
+    }
+
+    protected override async void OnLaunched(LaunchActivatedEventArgs args)
+    {
+        base.OnLaunched(args);
+
+        var arguments = ActivationHandler.ParseArguments("--project-path F:/GhostProject/Test2 --project-name Test2"); // args.Arguments
+        if (!arguments.IsValid())
+        {
+            Exit();
+            return;
+        }
+
+        EditorApplication.Initialize(Host.Services, arguments.ProjectPath, arguments.ProjectName);
+
+        // NOTE: We must call DispatcherQueue.GetForCurrentThread() on the UI thread before any await.
+        EditorApplication.SetDispatcherQueue(DispatcherQueue.GetForCurrentThread());
+
+        var splashWindow = new SplashWindow();
+        splashWindow.Activate();
+        Window = splashWindow;
+
+        await Host.StartAsync();
+        await ActivationHandler.HandleAsync(arguments);
+
+        splashWindow.Hide();
+
+        var editorWindow = new EngineEditorWindow();
+        editorWindow.Activate();
+        Window = editorWindow;
+
+        splashWindow.Close();
+    }
+
+    private void OnClosed(object? sender, WindowEventArgs args)
+    {
+        try
+        {
+            Host.StopAsync().GetAwaiter().GetResult();
+            Host.Dispose();
+
+            EditorApplication.Shutdown();
+        }
+        catch (Exception ex)
+        {
+            Debugger.BreakForUserUnhandledException(ex);
+        }
+    }
+
+    private void App_UnhandledException(object sender, Microsoft.UI.Xaml.UnhandledExceptionEventArgs e)
+    {
+        Logger.LogError(e.Exception);
+#if DEBUG
+        Debugger.BreakForUserUnhandledException(e.Exception);
+#endif
+    }
+}

src/Editor/Ghost.Editor/AssemblyInfo.cs

@@ -0,0 +1,6 @@
+using Ghost.Core.Attributes;
+using System.Runtime.CompilerServices;
+
+[assembly: InternalsVisibleTo("Ghost.UnitTest")]
+
+[assembly: EngineAssembly]

src/Editor/Ghost.Editor/Assets/icon.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48px" height="48px">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#Безымянный_градиент_199);
+      }
+
+      .cls-2 {
+        fill: #f7c13a;
+      }
+    </style>
+    <linearGradient id="Безымянный_градиент_199" data-name="Безымянный градиент 199" x1="11.80415" y1="-22.237" x2="29.6085" y2="45.263" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6d6d6d"/>
+      <stop offset="0.12552" stop-color="#626262"/>
+      <stop offset="0.987" stop-color="#464646"/>
+      <stop offset="0.998" stop-color="#454545"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" x="6" y="6" width="36" height="36" rx="2"/>
+  <path class="cls-2" d="M22,27v1.5a.5.5,0,0,1-.5.5H17a8,8,0,0,1-8-8V19.5a.5.5,0,0,1,.5-.5h4.00612a.501.501,0,0,1,.49758.49688C14.05815,23.13441,14.70582,26,15.5,26c.73344,0,1.33761-2.43083,1.46835-5.65979a.50624.50624,0,0,1,.74437-.42711A7.99072,7.99072,0,0,1,22,27Z"/>
+  <path class="cls-2" d="M39,19.5V21a8,8,0,0,1-8,8H26.5a.5.5,0,0,1-.5-.5V27a7.99072,7.99072,0,0,1,4.28728-7.0869.50624.50624,0,0,1,.74437.42711C31.16239,23.56917,31.76656,26,32.5,26c.79418,0,1.44185-2.86559,1.4963-6.50312A.501.501,0,0,1,34.49388,19H38.5A.5.5,0,0,1,39,19.5Z"/>
+</svg>

src/Editor/Ghost.Editor/Components/HierarchyEditor.cs

@@ -0,0 +1,20 @@
+using Ghost.Editor.Core.Inspector;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Ghost.Editor.Components;
+
+//[CustomEditor(typeof(Hierarchy))]
+internal class HierarchyEditor : ComponentEditor
+{
+    public void Create(ComponentObject componentObject, StackPanel container)
+    {
+    }
+
+    public void Update(ComponentObject componentObject)
+    {
+    }
+
+    public void Destroy(ComponentObject componentObject)
+    {
+    }
+}

src/Editor/Ghost.Editor/Components/LocalToWorldEditor.cs

@@ -0,0 +1,66 @@
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.Controls;
+using Ghost.Editor.Core.Inspector;
+using Ghost.Engine.Components;
+using Ghost.Engine.Utilities;
+using Microsoft.UI.Xaml.Controls;
+using Misaki.HighPerformance.Mathematics;
+
+namespace Ghost.Editor.Components;
+
+[CustomEditor(typeof(LocalToWorld))]
+internal class LocalToWorldEditor : ComponentEditor
+{
+    private Float3Field _translationField = null!;
+    private Float3Field _rotationField = null!;
+    private Float3Field _scaleField = null!;
+
+    public override void Create(StackPanel container)
+    {
+        _translationField = new Float3Field();
+        _rotationField = new Float3Field();
+        _scaleField = new Float3Field();
+
+        _translationField.OnValueChanged += (s, e) =>
+        {
+            ref var data = ref ComponentObject.GetData<LocalToWorld>();
+            data.matrix.c3.xyz = e.NewValue;
+        };
+
+        _rotationField.OnValueChanged += (s, e) =>
+        {
+            ref var data = ref ComponentObject.GetData<LocalToWorld>();
+            var newRotation = quaternion.EulerXYZ(e.NewValue * math.TORADIANS);
+
+            data.matrix.GetTRS(out var oldTranslation, out var _, out var oldScale);
+            data.matrix = float4x4.TRS(oldTranslation, newRotation, oldScale);
+        };
+
+        _scaleField.OnValueChanged += (s, e) =>
+        {
+            ref var data = ref ComponentObject.GetData<LocalToWorld>();
+            var newScale = e.NewValue;
+
+            data.matrix.GetTRS(out var oldTranslation, out var oldRotation, out var _);
+            data.matrix = float4x4.TRS(oldTranslation, oldRotation, newScale);
+        };
+
+        container.Children.Add(new PropertyField() { Label = "Position", Content = _translationField });
+        container.Children.Add(new PropertyField() { Label = "Rotation", Content = _rotationField });
+        container.Children.Add(new PropertyField() { Label = "Scale", Content = _scaleField });
+    }
+
+    public override void Update()
+    {
+        var data = ComponentObject.GetData<LocalToWorld>();
+        data.matrix.GetTRS(out var position, out var rotation, out var scale);
+
+        _translationField.Value = position;
+        _rotationField.Value = math.degrees(math.EulerXYZ(rotation));
+        _scaleField.Value = scale;
+    }
+
+    public override void Destroy()
+    {
+    }
+}

src/Editor/Ghost.Editor/Ghost.Editor.csproj

@@ -0,0 +1,219 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <OutputType>WinExe</OutputType>
+    <TargetFramework>net10.0-windows10.0.22621.0</TargetFramework>
+    <TargetPlatformMinVersion>10.0.17763.0</TargetPlatformMinVersion>
+    <Platforms>x86;x64;ARM64</Platforms>
+    <RuntimeIdentifiers>win-x86;win-x64;win-arm64</RuntimeIdentifiers>
+    <PublishProfile>win-$(Platform).pubxml</PublishProfile>
+    <UseWinUI>true</UseWinUI>
+    <EnableMsixTooling>true</EnableMsixTooling>
+    <!-- in .net 10, field keyword is not preview anymore, but we are still waiting roslyn team to update their code analyzer packages -->
+    <langversion>preview</langversion>
+  </PropertyGroup>
+  <ItemGroup>
+    <None Remove="View\Controls\Hierarchy.xaml" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="Assets\SplashScreen.scale-200.png" />
+    <Content Include="Assets\LockScreenLogo.scale-200.png" />
+    <Content Include="Assets\Square150x150Logo.scale-200.png" />
+    <Content Include="Assets\StoreLogo.png" />
+    <Content Include="Assets\Wide310x150Logo.scale-200.png" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Manifest Include="$(ApplicationManifest)" />
+  </ItemGroup>
+
+  <!--
+    Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging
+    Tools extension to be activated for this project even if the Windows App SDK Nuget
+    package has not yet been restored.
+  -->
+  <ItemGroup Condition="'$(DisableMsixProjectCapabilityAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
+    <ProjectCapability Include="Msix" />
+  </ItemGroup>
+  <ItemGroup>
+    <PackageReference Include="CommunityToolkit.WinUI.Controls.Primitives" Version="8.2.251219" />
+    <PackageReference Include="CommunityToolkit.WinUI.Controls.TabbedCommandBar" Version="8.2.251219" />
+    <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.2" />
+    <PackageReference Include="Microsoft.Windows.CsWinRT" Version="2.2.0" />
+    <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.7463" />
+    <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.8.260101001" />
+    <PackageReference Include="WinUIEx" Version="2.9.0" />
+  </ItemGroup>
+  <ItemGroup>
+    <ProjectReference Include="..\..\Editor\Ghost.Editor.Core\Ghost.Editor.Core.csproj" />
+    <ProjectReference Include="..\..\Runtime\Ghost.Engine\Ghost.Engine.csproj" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Update="Assets\EditorIcons\document-0.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\EditorIcons\document-1.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\EditorIcons\image-0.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\EditorIcons\image-1.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.ico">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.scale-100.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.scale-125.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.scale-150.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.scale-200.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.scale-400.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.svg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-16.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-16_altform-lightunplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-16_altform-unplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-24.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-24_altform-lightunplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-24_altform-unplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-256.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-256_altform-lightunplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-256_altform-unplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-32.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-32_altform-lightunplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-32_altform-unplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-48.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-48_altform-lightunplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\icon.targetsize-48_altform-unplated.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <None Update="Assets\icon.svg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </None>
+  </ItemGroup>
+  <ItemGroup>
+    <None Update="Assets\EditorIcons\folder-0.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </None>
+    <None Update="Assets\EditorIcons\folder-1.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </None>
+    <None Update="Assets\icon.ico">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </None>
+    <Page Update="View\Controls\Hierarchy.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="Themes\Generic.xaml">
+      <SubType>Designer</SubType>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Windows\SplashWindow.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Window\Landing.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Pages\EngineEditor\InspectorPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Pages\EngineEditor\HierarchyPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Pages\EngineEditor\ProjectPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Pages\EngineEditor\ConsolePage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Windows\EngineEditorWindow.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="View\Pages\EngineEditor\ScenePage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+  <ItemGroup>
+    <Folder Include="ContextMenu\" />
+  </ItemGroup>
+  <PropertyGroup Label="Globals" />
+
+  <!--
+    Defining the "HasPackageAndPublishMenuAddedByProject" property here allows the Solution
+    Explorer "Package and Publish" context menu entry to be enabled for this project even if
+    the Windows App SDK Nuget package has not yet been restored.
+  -->
+  <PropertyGroup Condition="'$(DisableHasPackageAndPublishMenuAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
+    <HasPackageAndPublishMenu>true</HasPackageAndPublishMenu>
+  </PropertyGroup>
+
+  <!-- Publish Properties -->
+  <PropertyGroup>
+    <PublishReadyToRun Condition="'$(Configuration)' == 'Debug'">False</PublishReadyToRun>
+    <PublishReadyToRun Condition="'$(Configuration)' != 'Debug'">True</PublishReadyToRun>
+    <PublishTrimmed Condition="'$(Configuration)' != 'Debug'">True</PublishTrimmed>
+    <Nullable>enable</Nullable>
+    <SupportedOSPlatformVersion>10.0.20348.0</SupportedOSPlatformVersion>
+    <ApplicationManifest>app.manifest</ApplicationManifest>
+    <PublishAot>False</PublishAot>
+    <PublishTrimmed>False</PublishTrimmed>
+    <RootNamespace>Ghost.Editor</RootNamespace>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+</Project>

src/Editor/Ghost.Editor/Models/AssetItem.cs

@@ -0,0 +1,19 @@
+namespace Ghost.Editor.Models;
+
+internal struct AssetItem()
+{
+    public string Name
+    {
+        get; set;
+    } = string.Empty;
+
+    public string FullNam
+    {
+        get; set;
+    } = string.Empty;
+
+    public string IconGlyph
+    {
+        get; set;
+    } = string.Empty;
+}

src/Editor/Ghost.Editor/Models/ExplorerItem.cs

@@ -0,0 +1,27 @@
+using System.Collections.ObjectModel;
+
+namespace Ghost.Editor.Models;
+
+internal class ExplorerItem(string name, string path, bool isDirectory)
+{
+    public string Name
+    {
+        get;
+    } = name;
+
+    public string FullName
+    {
+        get;
+    } = path;
+
+    public bool IsDirectory
+    {
+        get;
+    } = isDirectory;
+
+    public ObservableCollection<ExplorerItem>? Children
+    {
+        get;
+        set;
+    }
+}

src/Editor/Ghost.Editor/Models/LaunchArguments.cs

@@ -0,0 +1,35 @@
+namespace Ghost.Editor.Models;
+
+[AttributeUsage(AttributeTargets.Property)]
+internal sealed class ArgumentNameAttribute : Attribute
+{
+    public string Name
+    {
+        get; 
+    }
+
+    public ArgumentNameAttribute(string name)
+    {
+        Name = name;
+    }
+}
+
+internal class LaunchArguments
+{
+    [ArgumentName("project-path")]
+    public string ProjectPath
+    {
+        get; set;
+    } = string.Empty;
+
+    [ArgumentName("project-name")]
+    public string ProjectName
+    {
+        get; set;
+    } = string.Empty;
+
+    public bool IsValid()
+    {
+        return Directory.Exists(ProjectPath) && !string.IsNullOrWhiteSpace(ProjectName);
+    }
+}

src/Editor/Ghost.Editor/Package.appxmanifest

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<Package
+  xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"
+  xmlns:mp="http://schemas.microsoft.com/appx/2014/phone/manifest"
+  xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"
+  xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
+  IgnorableNamespaces="uap rescap">
+
+  <Identity
+    Name="4bcf724a-f735-433b-b5c5-4d17b9d38197"
+    Publisher="CN=Misaki"
+    Version="1.0.0.0" />
+
+  <mp:PhoneIdentity PhoneProductId="4bcf724a-f735-433b-b5c5-4d17b9d38197" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
+
+  <Properties>
+    <DisplayName>GhostEngine</DisplayName>
+    <PublisherDisplayName>Misaki</PublisherDisplayName>
+    <Logo>Assets\StoreLogo.png</Logo>
+  </Properties>
+
+  <Dependencies>
+    <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+    <TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+  </Dependencies>
+
+  <Resources>
+    <Resource Language="x-generate"/>
+  </Resources>
+
+  <Applications>
+    <Application Id="App"
+      Executable="$targetnametoken$.exe"
+      EntryPoint="$targetentrypoint$">
+      <uap:VisualElements
+        DisplayName="GhostEngine"
+        Description="GhostEngine"
+        Square150x150Logo="Assets\Square150x150Logo.png" Square44x44Logo="Assets\icon.png" BackgroundColor="transparent">
+        <uap:DefaultTile Wide310x150Logo="Assets\Wide310x150Logo.png" >
+        </uap:DefaultTile >
+        <uap:SplashScreen Image="Assets\SplashScreen.png" />
+      </uap:VisualElements>
+    </Application>
+  </Applications>
+
+  <Capabilities>
+    <rescap:Capability Name="runFullTrust" />
+  </Capabilities>
+</Package>

src/Editor/Ghost.Editor/Properties/Resources.Designer.cs

@@ -0,0 +1,63 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Runtime Version:4.0.30319.42000
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+namespace Ghost.Editor.Properties {
+    using System;
+    
+    
+    /// <summary>
+    ///   A strongly-typed resource class, for looking up localized strings, etc.
+    /// </summary>
+    // This class was auto-generated by the StronglyTypedResourceBuilder
+    // class via a tool like ResGen or Visual Studio.
+    // To add or remove a member, edit your .ResX file then rerun ResGen
+    // with the /str option, or rebuild your VS project.
+    [global::System.CodeDom.Compiler.GeneratedCodeAttribute("System.Resources.Tools.StronglyTypedResourceBuilder", "17.0.0.0")]
+    [global::System.Diagnostics.DebuggerNonUserCodeAttribute()]
+    [global::System.Runtime.CompilerServices.CompilerGeneratedAttribute()]
+    internal class Resources {
+        
+        private static global::System.Resources.ResourceManager resourceMan;
+        
+        private static global::System.Globalization.CultureInfo resourceCulture;
+        
+        [global::System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1811:AvoidUncalledPrivateCode")]
+        internal Resources() {
+        }
+        
+        /// <summary>
+        ///   Returns the cached ResourceManager instance used by this class.
+        /// </summary>
+        [global::System.ComponentModel.EditorBrowsableAttribute(global::System.ComponentModel.EditorBrowsableState.Advanced)]
+        internal static global::System.Resources.ResourceManager ResourceManager {
+            get {
+                if (object.ReferenceEquals(resourceMan, null)) {
+                    global::System.Resources.ResourceManager temp = new global::System.Resources.ResourceManager("Ghost.Editor.Properties.Resources", typeof(Resources).Assembly);
+                    resourceMan = temp;
+                }
+                return resourceMan;
+            }
+        }
+        
+        /// <summary>
+        ///   Overrides the current thread's CurrentUICulture property for all
+        ///   resource lookups using this strongly typed resource class.
+        /// </summary>
+        [global::System.ComponentModel.EditorBrowsableAttribute(global::System.ComponentModel.EditorBrowsableState.Advanced)]
+        internal static global::System.Globalization.CultureInfo Culture {
+            get {
+                return resourceCulture;
+            }
+            set {
+                resourceCulture = value;
+            }
+        }
+    }
+}

src/Editor/Ghost.Editor/Properties/launchSettings.json

@@ -0,0 +1,11 @@
+{
+  "profiles": {
+    "Ghost.Editor (Package)": {
+      "commandName": "MsixPackage",
+      "nativeDebugging": false
+    },
+    "Ghost.Editor (Unpackaged)": {
+      "commandName": "Project"
+    }
+  }
+}

src/Editor/Ghost.Editor/Themes/Generic.xaml

@@ -0,0 +1,54 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:controls="using:Microsoft.UI.Xaml.Controls"
+    xmlns:ghost="using:Ghost.Editor.Controls"
+    xmlns:local="using:Ghost.Editor.Core">
+
+    <ResourceDictionary.ThemeDictionaries>
+        <ResourceDictionary x:Key="Dark">
+            <StaticResource x:Key="TabViewItemHeaderBackgroundSelected" ResourceKey="ControlFillColorSecondaryBrush" />
+            <StaticResource x:Key="TabViewBackground" ResourceKey="AcrylicBackgroundFillColorBaseBrush" />
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="Light">
+            <StaticResource x:Key="TabViewItemHeaderBackgroundSelected" ResourceKey="ControlFillColorSecondaryBrush" />
+            <StaticResource x:Key="TabViewBackground" ResourceKey="AcrylicBackgroundFillColorBaseBrush" />
+        </ResourceDictionary>
+    </ResourceDictionary.ThemeDictionaries>
+
+    <!--  Compact sizing  -->
+    <Style TargetType="TextBlock">
+        <Setter Property="FontSize" Value="12" />
+    </Style>
+    <x:Double x:Key="ControlContentThemeFontSize">12</x:Double>
+    <x:Double x:Key="ContentControlFontSize">12</x:Double>
+    <x:Double x:Key="TextControlThemeMinHeight">24</x:Double>
+    <Thickness x:Key="TextControlThemePadding">2,2,6,1</Thickness>
+    <x:Double x:Key="ListViewItemMinHeight">32</x:Double>
+    <x:Double x:Key="TreeViewItemMinHeight">24</x:Double>
+    <x:Double x:Key="TreeViewItemMultiSelectCheckBoxMinHeight">24</x:Double>
+    <x:Double x:Key="TreeViewItemPresenterMargin">0</x:Double>
+    <x:Double x:Key="TreeViewItemPresenterPadding">0</x:Double>
+    <Thickness x:Key="TimePickerHostPadding">0,1,0,2</Thickness>
+    <Thickness x:Key="DatePickerHostPadding">0,1,0,2</Thickness>
+    <Thickness x:Key="DatePickerHostMonthPadding">9,0,0,1</Thickness>
+    <Thickness x:Key="ComboBoxEditableTextPadding">10,0,30,0</Thickness>
+    <x:Double x:Key="ComboBoxMinHeight">24</x:Double>
+    <Thickness x:Key="ComboBoxPadding">12,1,0,3</Thickness>
+    <x:Double x:Key="NavigationViewItemOnLeftMinHeight">32</x:Double>
+
+    <!--  Control override  -->
+    <Style TargetType="ghost:NavigationTabView">
+        <Setter Property="TabWidthMode" Value="Compact" />
+    </Style>
+    <Style TargetType="NumberBox" />
+
+    <!--  Named Style  -->
+    <Style
+        x:Key="ToolbarButton"
+        BasedOn="{ThemeResource SubtleButtonStyle}"
+        TargetType="Button" />
+
+    <!--  Named Resource  -->
+    <x:Double x:Key="ToolbarIconSize">12</x:Double>
+</ResourceDictionary>

src/Editor/Ghost.Editor/Utilities/Converters/AssetPathToGlyphConverter.cs

@@ -0,0 +1,39 @@
+using Microsoft.UI.Xaml.Data;
+
+namespace Ghost.Editor.Utilities.Converters;
+
+public partial class AssetPathToGlyphConverter : IValueConverter
+{
+    public object? Convert(object value, Type targetType, object parameter, string language)
+    {
+        if (value is not string path)
+        {
+            return null;
+        }
+
+        if (Directory.Exists(path))
+        {
+            return "\uE8B7";
+        }
+
+        var extension = Path.GetExtension(path).ToLowerInvariant();
+
+        // TODO: Use resource dictionary for icons.
+        return extension switch
+        {
+            ".ghostscene" => "\uF159",
+            ".fbx" or ".obj" => "\uF158",
+            ".png" or ".jpg" or ".jpeg" or ".gif" or ".bmp" => "\uE91B",
+            ".mp3" or ".wav" or ".ogg" => "\uE767",
+            ".mp4" or ".avi" or ".mkv" => "\uE714",
+            ".txt" or ".md" => "\uF000",
+            ".cs" or ".hlsl" => "\uE943",
+            _ => "\uE8A5",
+        };
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

src/Editor/Ghost.Editor/Utilities/Converters/ExplorerItemToIconPathConverter.cs

@@ -0,0 +1,26 @@
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Models;
+using Microsoft.UI.Xaml.Data;
+
+namespace Ghost.Editor.Utilities.Converters;
+
+public partial class ExplorerItemToIconUriConverter : IValueConverter
+{
+    private readonly IPreviewService _previewService = App.GetService<IPreviewService>();
+
+    public object Convert(object value, Type targetType, object parameter, string language)
+    {
+        if (value is ExplorerItem item)
+        {
+            var path = _previewService.GetIconPath(item.FullName, item.IsDirectory, IconSize.Small);
+            return new Uri(path);
+        }
+
+        throw new NotSupportedException();
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

src/Editor/Ghost.Editor/Utilities/Converters/GetDirectoryNameConverter .cs

@@ -0,0 +1,16 @@
+using Microsoft.UI.Xaml.Data;
+
+namespace Ghost.Editor.Utilities.Converters;
+
+public partial class GetDirectoryNameConverter : IValueConverter
+{
+    public object? Convert(object value, Type targetType, object parameter, string language)
+    {
+        return value is string path ? System.IO.Path.GetDirectoryName(path) : null;
+    }
+
+    public object? ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

src/Editor/Ghost.Editor/Utilities/Converters/Vector3ToQuaternionConverter.cs

@@ -0,0 +1,29 @@
+using Ghost.Engine.Utilities;
+using Microsoft.UI.Xaml.Data;
+using Misaki.HighPerformance.Mathematics;
+using System.Numerics;
+
+namespace Ghost.Editor.Utilities.Converters;
+
+public partial class Vector3ToQuaternionConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, string language)
+    {
+        if (value is float3 vector)
+        {
+            return quaternion.EulerXYZ(vector);
+        }
+
+        throw new ArgumentException($"Value must be of type {typeof(float3)}.", nameof(value));
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        if (value is quaternion qua)
+        {
+            return math.EulerXYZ(qua);
+        }
+
+        throw new ArgumentException($"Value must be of type {typeof(quaternion)}.", nameof(value));
+    }
+}

src/Editor/Ghost.Editor/Utilities/ReflectionBinding.cs

@@ -0,0 +1,46 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using System.Reflection;
+
+namespace Ghost.Editor.Utilities;
+
+public class ReflectionBinding
+{
+    private void RefreshField(FieldInfo field, FrameworkElement control, object source)
+    {
+        var value = field.GetValue(source);
+
+        switch (control)
+        {
+            case TextBox tb:
+                tb.Text = value?.ToString();
+                break;
+            case NumberBox nb when value is double d:
+                nb.Value = d;
+                break;
+                // Add more controls...
+        }
+    }
+
+    public void StartPollingField(FieldInfo field, FrameworkElement control, object component)
+    {
+        var lastValue = field.GetValue(component);
+
+        DispatcherTimer timer = new()
+        {
+            Interval = TimeSpan.FromMilliseconds(200)
+        };
+
+        timer.Tick += (_, _) =>
+        {
+            var currentValue = field.GetValue(component);
+            if (!Equals(currentValue, lastValue))
+            {
+                RefreshField(field, control, component);
+                lastValue = currentValue;
+            }
+        };
+
+        timer.Start();
+    }
+}

src/Editor/Ghost.Editor/Utilities/SystemUtility.cs

@@ -0,0 +1,39 @@
+using Windows.Storage;
+using Windows.Storage.Pickers;
+using WinRT.Interop;
+
+namespace Ghost.Editor.Utilities;
+
+public static class SystemUtilities
+{
+    public static async Task<StorageFolder?> OpenFolderPickerAsync(PickerLocationId startLocation = PickerLocationId.DocumentsLibrary, string settingsIdentifier = "")
+    {
+        var openPicker = new FolderPicker();
+        var hWnd = WindowNative.GetWindowHandle(App.Window);
+        InitializeWithWindow.Initialize(openPicker, hWnd);
+
+        openPicker.SuggestedStartLocation = startLocation;
+        openPicker.FileTypeFilter.Add("*");
+        openPicker.SettingsIdentifier = settingsIdentifier;
+
+        var folder = await openPicker.PickSingleFolderAsync();
+        return folder;
+    }
+
+    public static async Task<StorageFile?> OpenFilePickerAsync(PickerLocationId startLocation = PickerLocationId.DocumentsLibrary, string settingsIdentifier = "", params IEnumerable<string> filter)
+    {
+        var openPicker = new FileOpenPicker();
+        var hWnd = WindowNative.GetWindowHandle(App.Window);
+        InitializeWithWindow.Initialize(openPicker, hWnd);
+
+        openPicker.SuggestedStartLocation = startLocation;
+        openPicker.SettingsIdentifier = settingsIdentifier;
+        foreach (var fileType in filter)
+        {
+            openPicker.FileTypeFilter.Add(fileType);
+        }
+
+        var file = await openPicker.PickSingleFileAsync();
+        return file;
+    }
+}

src/Editor/Ghost.Editor/View/Controls/Hierarchy.xaml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<UserControl
+    x:Class="Ghost.Editor.View.Controls.Hierarchy"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Ghost.Editor.View.Controls"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <Grid
+            Grid.Row="0"
+            Height="40"
+            Padding="8,8,8,4"
+            Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+            BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
+            BorderThickness="0,0,0,1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+
+            <AutoSuggestBox
+                Grid.Column="0"
+                PlaceholderText="Search"
+                QueryIcon="Find" />
+            <StackPanel Grid.Column="1" Orientation="Horizontal">
+                <AppBarSeparator />
+                <Button Style="{ThemeResource ToolbarButton}">
+                    <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xE8F4;" />
+                </Button>
+            </StackPanel>
+        </Grid>
+
+        <Border Grid.Row="1" Padding="4">
+            <ListView>
+                <StackPanel Orientation="Horizontal" Spacing="4">
+                    <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xF159;" />
+                    <TextBlock Text="Test" />
+                </StackPanel>
+                <StackPanel Orientation="Horizontal" Spacing="4">
+                    <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xF159;" />
+                    <TextBlock Text="Test" />
+                </StackPanel>
+                <StackPanel Orientation="Horizontal" Spacing="4">
+                    <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xF159;" />
+                    <TextBlock Text="Test" />
+                </StackPanel>
+                <StackPanel Orientation="Horizontal" Spacing="4">
+                    <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xF159;" />
+                    <TextBlock Text="Test" />
+                </StackPanel>
+            </ListView>
+        </Border>
+    </Grid>
+</UserControl>

src/Editor/Ghost.Editor/View/Controls/Hierarchy.xaml.cs

@@ -0,0 +1,27 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Navigation;
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace Ghost.Editor.View.Controls;
+
+public sealed partial class Hierarchy : UserControl
+{
+    public Hierarchy()
+    {
+        InitializeComponent();
+    }
+}

src/Editor/Ghost.Editor/View/Controls/ProjectBrowser.Menu.cs

@@ -0,0 +1,53 @@
+using Ghost.Editor.Core;
+
+namespace Ghost.Editor.View.Controls;
+
+internal partial class ProjectBrowser
+{
+    [ContextMenuItem("project-browser", "Show in Explorer")]
+    private static void ShowInExplorer()
+    {
+        var path = LastFocused?.ViewModel.CurrentDirectoryPath;
+        if (!Directory.Exists(path))
+        {
+            return;
+        }
+
+        System.Diagnostics.Process.Start(new System.Diagnostics.ProcessStartInfo()
+        {
+            FileName = path,
+            UseShellExecute = true,
+            Verb = "open"
+        });
+    }
+
+    [ContextMenuItem("project-browser", "Create/Folder")]
+    private static void CreateFolder()
+    {
+        // TODO: Use AssetService
+
+        var viewModel = LastFocused?.ViewModel;
+        if (viewModel is null)
+        {
+            return;
+        }
+        
+        var currentDir = viewModel.CurrentDirectoryPath;
+        if (!Directory.Exists(currentDir))
+        {
+            return;
+        }
+
+        var newFolderPath = Path.Combine(currentDir, "New Folder");
+        var folderIndex = 1;
+        while (Directory.Exists(newFolderPath))
+        {
+            newFolderPath = Path.Combine(currentDir, $"New Folder ({folderIndex})");
+            folderIndex++;
+        }
+
+        Directory.CreateDirectory(newFolderPath);
+        // Refresh the view model to show the new folder
+        viewModel.NavigateToDirectory(currentDir);
+    }
+}

src/Editor/Ghost.Editor/View/Controls/ProjectBrowser.xaml

@@ -0,0 +1,216 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<UserControl
+    x:Class="Ghost.Editor.View.Controls.ProjectBrowser"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:community="using:CommunityToolkit.WinUI.Controls"
+    xmlns:converter="using:Ghost.Editor.Utilities.Converters"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:ghost="using:Ghost.Editor.Core.Controls"
+    xmlns:local="using:Ghost.Editor.View.Controls"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:model="using:Ghost.Editor.Models"
+    xmlns:sys="using:System"
+    mc:Ignorable="d">
+
+    <UserControl.Resources>
+        <converter:ExplorerItemToIconUriConverter x:Key="ExplorerItemToIconUriConverter" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <!--  Toolbar  -->
+        <Grid
+            Height="36"
+            Padding="4"
+            Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+            BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
+            BorderThickness="0,0,0,1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+
+            <StackPanel Grid.Column="0" Orientation="Horizontal">
+                <Button Style="{ThemeResource ToolbarButton}">
+                    <Button.Content>
+                        <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xE710;" />
+                    </Button.Content>
+                    <Button.Flyout>
+                        <MenuFlyout>
+                            <MenuFlyoutItem Text="Folder" />
+                            <MenuFlyoutItem Text="Script" />
+                            <MenuFlyoutSubItem Text="Rendering">
+                                <MenuFlyoutItem Text="Material" />
+                                <MenuFlyoutItem Text="Volume Profile" />
+                            </MenuFlyoutSubItem>
+                        </MenuFlyout>
+                    </Button.Flyout>
+                </Button>
+            </StackPanel>
+            <StackPanel Grid.Column="2" Orientation="Horizontal">
+                <AutoSuggestBox
+                    Width="250"
+                    PlaceholderText="Search"
+                    QueryIcon="Find" />
+                <AppBarSeparator />
+                <Button Style="{ThemeResource ToolbarButton}">
+                    <Button.Content>
+                        <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xE97C;" />
+                    </Button.Content>
+                    <Button.Flyout>
+                        <MenuFlyout>
+                            <ToggleMenuFlyoutItem Text="Animation" />
+                            <ToggleMenuFlyoutItem Text="Audio" />
+                            <ToggleMenuFlyoutItem Text="Material" />
+                            <ToggleMenuFlyoutItem Text="Script" />
+                            <ToggleMenuFlyoutItem Text="Texture" />
+                        </MenuFlyout>
+                    </Button.Flyout>
+                </Button>
+                <Button Style="{ThemeResource ToolbarButton}">
+                    <Button.Content>
+                        <FontIcon FontSize="{StaticResource ToolbarIconSize}" Glyph="&#xE8EC;" />
+                    </Button.Content>
+                </Button>
+            </StackPanel>
+        </Grid>
+
+        <!--  Conent Viewer  -->
+        <Grid Grid.Row="1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <Border
+                Grid.Column="0"
+                Width="200"
+                Padding="4,0,0,0"
+                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+                BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
+                BorderThickness="0,0,1,0">
+                <TreeView
+                    x:Name="PART_DirectoriesView"
+                    ItemsSource="{x:Bind ViewModel.Directories, Mode=OneWay}"
+                    SelectionChanged="PART_DirectoriesView_SelectionChanged"
+                    SelectionMode="Single">
+                    <TreeView.ItemTemplate>
+                        <DataTemplate x:DataType="model:ExplorerItem">
+                            <TreeViewItem ItemsSource="{x:Bind Children}">
+                                <StackPanel Orientation="Horizontal" Spacing="4">
+                                    <!--  TODO: Open/Close folder icon based on state  -->
+                                    <FontIcon
+                                        VerticalAlignment="Center"
+                                        FontSize="12"
+                                        Glyph="&#xE8B7;" />
+                                    <TextBlock
+                                        VerticalAlignment="Center"
+                                        Style="{StaticResource CaptionTextBlockStyle}"
+                                        Text="{x:Bind Name}"
+                                        TextTrimming="CharacterEllipsis" />
+                                </StackPanel>
+                            </TreeViewItem>
+                        </DataTemplate>
+                    </TreeView.ItemTemplate>
+                </TreeView>
+            </Border>
+
+            <Grid Grid.Column="1">
+                <Grid.RowDefinitions>
+                    <!--<RowDefinition Height="Auto" />-->
+                    <RowDefinition Height="*" />
+                    <RowDefinition Height="Auto" />
+                </Grid.RowDefinitions>
+
+                <!--<Border
+                    Grid.Row="0"
+                    Height="24"
+                    Background="{ThemeResource LayerFillColorDefaultBrush}"
+                    BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
+                    BorderThickness="0,0,0,1">
+                    <BreadcrumbBar />
+                </Border>-->
+
+                <ItemsView
+                    x:Name="PART_FilesView"
+                    Grid.Row="0"
+                    Padding="8"
+                    DoubleTapped="PART_FilesView_DoubleTapped"
+                    IsDoubleTapEnabled="True"
+                    ItemsSource="{x:Bind ViewModel.Files, Mode=OneWay}"
+                    SelectionChanged="PART_FilesView_SelectionChanged"
+                    SelectionMode="Single">
+                    <ItemsView.ItemTemplate>
+                        <DataTemplate x:DataType="model:ExplorerItem">
+                            <ItemContainer>
+                                <Grid
+                                    Padding="8"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    RowSpacing="4"
+                                    ToolTipService.ToolTip="{x:Bind Name}">
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="*" />
+                                        <RowDefinition Height="Auto" />
+                                    </Grid.RowDefinitions>
+
+                                    <Grid.ContextFlyout>
+                                        <MenuFlyout>
+                                            <MenuFlyoutItem Text="Open" />
+                                            <MenuFlyoutItem Text="Rename" />
+                                            <MenuFlyoutItem Text="Delete" />
+                                            <MenuFlyoutItem Text="Show in Explorer" />
+                                        </MenuFlyout>
+                                    </Grid.ContextFlyout>
+
+                                    <community:ConstrainedBox Grid.Row="0" AspectRatio="1:1">
+                                        <Image HorizontalAlignment="Center">
+                                            <Image.Source>
+                                                <BitmapImage DecodePixelWidth="48" UriSource="{x:Bind Converter={StaticResource ExplorerItemToIconUriConverter}}" />
+                                            </Image.Source>
+                                        </Image>
+                                    </community:ConstrainedBox>
+                                    <TextBlock
+                                        Grid.Row="1"
+                                        HorizontalAlignment="Center"
+                                        Style="{StaticResource CaptionTextBlockStyle}"
+                                        Text="{x:Bind Name}"
+                                        TextTrimming="CharacterEllipsis"
+                                        TextWrapping="NoWrap" />
+                                </Grid>
+                            </ItemContainer>
+                        </DataTemplate>
+                    </ItemsView.ItemTemplate>
+                    <ItemsView.Layout>
+                        <UniformGridLayout
+                            ItemsStretch="Fill"
+                            MinColumnSpacing="4"
+                            MinItemWidth="72"
+                            MinRowSpacing="4" />
+                    </ItemsView.Layout>
+                    <ItemsView.ContextFlyout>
+                        <ghost:ContextFlyout Tag="project-browser" />
+                    </ItemsView.ContextFlyout>
+                </ItemsView>
+
+                <Border
+                    Grid.Row="1"
+                    Height="24"
+                    Padding="8,2"
+                    Background="{ThemeResource LayerFillColorDefaultBrush}"
+                    BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
+                    BorderThickness="0,1,0,0">
+                    <StackPanel>
+                        <TextBlock Text="{x:Bind sys:String.Format('{0} items', ViewModel.Files.Count), Mode=OneWay}" />
+                    </StackPanel>
+                </Border>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>

src/Editor/Ghost.Editor/View/Controls/ProjectBrowser.xaml.cs

@@ -0,0 +1,146 @@
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Models;
+using Ghost.Editor.ViewModels.Controls;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Input;
+
+namespace Ghost.Editor.View.Controls;
+
+internal sealed partial class ProjectBrowser : UserControl
+{
+    public static ProjectBrowser? LastFocused
+    {
+        get;
+        private set;
+    }
+
+    private readonly IInspectorService _inspectorService;
+    private bool _isUpdatingSelection = false;
+
+    public ProjectBrowserViewModel ViewModel
+    {
+        get;
+    }
+
+    public ProjectBrowser()
+    {
+        _inspectorService = App.GetService<IInspectorService>();
+        ViewModel = App.GetService<ProjectBrowserViewModel>();
+
+        InitializeComponent();
+
+        Loaded += ProjectBrowser_Loaded;
+        Unloaded += ProjectBrowser_Unloaded;
+
+        GettingFocus += ProjectBrowser_GettingFocus;
+    }
+
+    private void ProjectBrowser_GettingFocus(UIElement sender, GettingFocusEventArgs args)
+    {
+        if (_isUpdatingSelection)
+        {
+            return;
+        }
+
+        LastFocused = this;
+    }
+
+    private void ProjectBrowser_Loaded(object sender, RoutedEventArgs e)
+    {
+        _inspectorService.OnSelectionChanged += _inspectorService_OnSelectionChanged;
+    }
+
+    private void ProjectBrowser_Unloaded(object sender, RoutedEventArgs e)
+    {
+        _inspectorService.OnSelectionChanged -= _inspectorService_OnSelectionChanged;
+
+        if (LastFocused == this)
+        {
+            LastFocused = null;
+        }
+    }
+
+    private void _inspectorService_OnSelectionChanged(object? sender, InspectorSelectionChangedEventArgs e)
+    {
+        if (e.Source is not ProjectBrowserViewModel)
+        {
+            PART_FilesView.DeselectAll();
+            PART_DirectoriesView.SelectedNodes.Clear();
+        }
+    }
+
+    private void PART_DirectoriesView_SelectionChanged(TreeView sender, TreeViewSelectionChangedEventArgs args)
+    {
+        if (_isUpdatingSelection)
+        {
+            return;
+        }
+
+        _isUpdatingSelection = true;
+
+        PART_FilesView.DeselectAll();
+        if (args.AddedItems.Count > 0 && args.AddedItems[0] is ExplorerItem selectedItem)
+        {
+            ViewModel.SelectedItem = selectedItem;
+            ViewModel.NavigateToDirectory(selectedItem.FullName);
+        }
+
+        _isUpdatingSelection = false;
+    }
+
+    private void PART_FilesView_SelectionChanged(ItemsView sender, ItemsViewSelectionChangedEventArgs args)
+    {
+        if (_isUpdatingSelection)
+        {
+            return;
+        }
+
+        _isUpdatingSelection = true;
+
+        PART_DirectoriesView.SelectedNodes.Clear();
+        if (PART_FilesView.SelectedItem is ExplorerItem selectedItem)
+        {
+            ViewModel.SelectedItem = selectedItem;
+        }
+
+        _isUpdatingSelection = false;
+    }
+
+    private async void PART_FilesView_DoubleTapped(object sender, Microsoft.UI.Xaml.Input.DoubleTappedRoutedEventArgs e)
+    {
+        if (PART_FilesView.SelectedItem is ExplorerItem selectedItem)
+        {
+            _isUpdatingSelection = true;
+
+            PART_FilesView.DeselectAll();
+            PART_DirectoriesView.SelectedNodes.Clear();
+
+            // NOTE: There is bug that the hover state of the item may remain when navigating to another folder.
+            // Which causes incorrect selection (double click a folder -> directories view select target folder -> files view select the item that has the same index as the double clicked one and the hover visual stay remain from last level)
+            // Not sure if this is a WinUI bug or something else. This may because of the virtualization of the ItemsView.
+            // The core issue is not sure why PART_FilesView_SelectionChanged been triggered after NavigateToDirectory is already finished. And this only happens after the first double click navigation (first time is always fine).
+
+            // HACK: Wait a moment to let the ui clear it's state, otherwise the bug above will happen because of the virtualization.
+            await Task.Delay(100);
+
+            ViewModel.SelectedItem = selectedItem;
+
+            var navigatedItem = ViewModel.OpenSelected();
+            if (navigatedItem.Item1 != null)
+            {
+                if (navigatedItem.Item2 == 0)
+                {
+                    PART_DirectoriesView.SelectedItem = navigatedItem.Item1;
+                }
+                else if (navigatedItem.Item2 == 1)
+                {
+                    var index = ViewModel.Files.IndexOf(navigatedItem.Item1);
+                    PART_FilesView.Select(index);
+                }
+            }
+
+            _isUpdatingSelection = false;
+        }
+    }
+}

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ConsolePage.xaml

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.Editor.View.Pages.EngineEditor.ConsolePage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid Background="{ThemeResource LayerFillColorDefaultBrush}">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <!--  Toolbar  -->
+        <Grid
+            Grid.Row="0"
+            Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,0,1">
+            <CommandBar DefaultLabelPosition="Collapsed">
+                <CommandBar.PrimaryCommands>
+                    <AppBarButton Command="{x:Bind ViewModel.ClearLogsCommand}" Content="Clear" />
+                    <AppBarSeparator />
+                    <AppBarToggleButton Width="45" IsChecked="{x:Bind ViewModel.ShowInfo, Mode=TwoWay}">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xF167;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                    <AppBarToggleButton Width="45" IsChecked="{x:Bind ViewModel.ShowWarning, Mode=TwoWay}">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xE814;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                    <AppBarToggleButton Width="45" IsChecked="{x:Bind ViewModel.ShowError, Mode=TwoWay}">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xEB90;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                </CommandBar.PrimaryCommands>
+
+                <CommandBar.SecondaryCommands>
+                    <AppBarToggleButton BorderThickness="0" Label="Clear On Play" />
+                    <AppBarToggleButton
+                        BorderThickness="0"
+                        IsChecked="{x:Bind ViewModel.ShowStackTrace, Mode=TwoWay}"
+                        Label="Show Stack Trace" />
+                </CommandBar.SecondaryCommands>
+            </CommandBar>
+        </Grid>
+
+        <!--  Log Content  -->
+        <Grid Grid.Row="1">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <ListView
+                x:Name="LogListView"
+                Grid.Row="0"
+                ItemsSource="{x:Bind ViewModel.Logs, Mode=OneWay}"
+                SelectedItem="{x:Bind ViewModel.SelectedLog, Mode=TwoWay}" />
+            <Grid
+                Grid.Row="1"
+                Padding="4"
+                BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+                BorderThickness="0,1,0,0">
+                <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
+                    <TextBlock
+                        IsTextSelectionEnabled="True"
+                        Style="{StaticResource CaptionTextBlockStyle}"
+                        Text="{x:Bind ViewModel.SelectedLog.ToString(), Mode=OneWay}"
+                        TextWrapping="Wrap" />
+                </ScrollViewer>
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ConsolePage.xaml.cs

@@ -0,0 +1,19 @@
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+internal sealed partial class ConsolePage : Page
+{
+    public ConsoleViewModel ViewModel
+    {
+        get;
+    }
+
+    public ConsolePage()
+    {
+        ViewModel = App.GetService<ConsoleViewModel>();
+
+        InitializeComponent();
+    }
+}

src/Editor/Ghost.Editor/View/Pages/EngineEditor/HierarchyPage.xaml

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<internal:NavigationTabPage
+    x:Class="Ghost.Editor.View.Pages.EngineEditor.HierarchyPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:internal="using:Ghost.Editor.Controls"
+    xmlns:local="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:sg="using:Ghost.Editor.Core.SceneGraph"
+    mc:Ignorable="d">
+
+    <internal:NavigationTabPage.Resources>
+        <DataTemplate x:Key="SceneTemplate" x:DataType="sg:SceneGraphNode">
+            <TreeViewItem
+                AutomationProperties.Name="{x:Bind Name, Mode=OneWay}"
+                Background="{ThemeResource ControlSolidFillColorDefaultBrush}"
+                IsExpanded="True"
+                ItemsSource="{x:Bind Children, Mode=OneWay}">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon FontSize="14" Glyph="&#xF159;" />
+                    <TextBlock Margin="10,0" Text="{x:Bind Name, Mode=OneWay}" />
+                </StackPanel>
+            </TreeViewItem>
+        </DataTemplate>
+
+        <DataTemplate x:Key="EntityTemplate" x:DataType="sg:SceneGraphNode">
+            <TreeViewItem AutomationProperties.Name="{x:Bind Name, Mode=OneWay}" ItemsSource="{x:Bind Children, Mode=OneWay}">
+                <StackPanel Margin="10,0" Orientation="Horizontal">
+                    <FontIcon FontSize="14" Glyph="&#xF158;" />
+                    <TextBlock Margin="5,0,0,0" Text="{x:Bind Name, Mode=OneWay}" />
+                </StackPanel>
+            </TreeViewItem>
+        </DataTemplate>
+    </internal:NavigationTabPage.Resources>
+
+    <Grid Padding="4,6" Background="{ThemeResource LayerFillColorDefaultBrush}">
+        <!--<TreeView ItemsSource="{x:Bind ViewModel.SceneList}" SelectionChanged="TreeView_SelectionChanged">
+            <TreeView.ItemTemplateSelector>
+                <local:HierarchyTemplateSector />
+            </TreeView.ItemTemplateSelector>
+        </TreeView>-->
+    </Grid>
+</internal:NavigationTabPage>

src/Editor/Ghost.Editor/View/Pages/EngineEditor/HierarchyPage.xaml.cs

@@ -0,0 +1,61 @@
+using Ghost.Editor.Controls;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.SceneGraph;
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+internal sealed partial class HierarchyPage : NavigationTabPage
+{
+    private readonly IInspectorService _inspectorService;
+
+    public HierarchyViewModel ViewModel
+    {
+        get;
+    }
+
+    public HierarchyPage()
+    {
+        _inspectorService = App.GetService<IInspectorService>();
+        ViewModel = App.GetService<HierarchyViewModel>();
+
+        InitializeComponent();
+    }
+
+    public override void OnNavigatedTo(object? parameter)
+    {
+        ViewModel.OnNavigatedTo(parameter);
+    }
+
+    public override void OnNavigatedFrom()
+    {
+        ViewModel.OnNavigatedFrom();
+    }
+
+    private void TreeView_SelectionChanged(TreeView sender, TreeViewSelectionChangedEventArgs args)
+    {
+        if (args.AddedItems.Count > 0 && args.AddedItems[0] is IInspectable inspectable)
+        {
+            _inspectorService.SetSelected(inspectable, ViewModel);
+        }
+        else
+        {
+            _inspectorService.SetSelected(null, ViewModel);
+        }
+    }
+}
+
+internal partial class HierarchyTemplateSector : DataTemplateSelector
+{
+    protected override DataTemplate SelectTemplateCore(object item)
+    {
+        if (item is not SceneGraphNode node)
+        {
+            return base.SelectTemplateCore(item);
+        }
+
+        return node.GetSceneHierarchyTemplate();
+    }
+}

src/Editor/Ghost.Editor/View/Pages/EngineEditor/InspectorPage.xaml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<internal:NavigationTabPage
+    x:Class="Ghost.Editor.View.Pages.EngineEditor.InspectorPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:internal="using:Ghost.Editor.Controls"
+    xmlns:local="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid Background="{ThemeResource LayerFillColorDefaultBrush}">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="75" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <!--  Header  -->
+        <Grid
+            Grid.Row="0"
+            Padding="15,0,10,0"
+            Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,0,1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <!--<IconSourceElement
+                Grid.Column="0"
+                Margin="0,0,15,0"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Center"
+                IconSource="{x:Bind ViewModel.Inspectable.Icon, Mode=OneWay}" />-->
+            <!--<ContentPresenter Grid.Column="1" Content="{x:Bind ViewModel.Inspectable.HeaderContent, Mode=OneWay}" />-->
+        </Grid>
+
+        <!--  Content  -->
+        <Grid Grid.Row="1" Padding="0,0,0,0">
+            <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
+                <!--<ContentPresenter Content="{x:Bind ViewModel.Inspectable.InspectorContent, Mode=OneWay}" />-->
+            </ScrollViewer>
+        </Grid>
+    </Grid>
+</internal:NavigationTabPage>

src/Editor/Ghost.Editor/View/Pages/EngineEditor/InspectorPage.xaml.cs

@@ -0,0 +1,29 @@
+using Ghost.Editor.Controls;
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+internal sealed partial class InspectorPage : NavigationTabPage
+{
+    public InspectorViewModel ViewModel
+    {
+        get;
+    }
+
+    public InspectorPage()
+    {
+        ViewModel = App.GetService<InspectorViewModel>();
+
+        InitializeComponent();
+    }
+
+    public override void OnNavigatedTo(object? parameter)
+    {
+        ViewModel.OnNavigatedTo(parameter);
+    }
+
+    public override void OnNavigatedFrom()
+    {
+        ViewModel.OnNavigatedFrom();
+    }
+}

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ProjectPage.xaml

@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.Editor.View.Pages.EngineEditor.ProjectPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:converter="using:Ghost.Editor.Utilities.Converters"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:model="using:Ghost.Editor.Models"
+    mc:Ignorable="d">
+
+    <Page.Resources>
+        <converter:AssetPathToGlyphConverter x:Key="AssetPathToGlyphConverter" />
+    </Page.Resources>
+
+    <Grid Background="{ThemeResource LayerFillColorDefaultBrush}">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="250" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <!--  Folder Tree View  -->
+        <Grid
+            Grid.Column="0"
+            Padding="4"
+            Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,1,0">
+            <TreeView
+                x:Name="DirectoryTreeView"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                ItemsSource="{x:Bind ViewModel.SubDirectories}"
+                ScrollViewer.HorizontalScrollBarVisibility="Hidden"
+                ScrollViewer.VerticalScrollBarVisibility="Auto"
+                SelectedItem="{x:Bind ViewModel.SelectedDirectory, Mode=TwoWay}">
+                <TreeView.ItemTemplate>
+                    <DataTemplate x:DataType="model:ExplorerItem">
+                        <TreeViewItem ItemsSource="{x:Bind Children}">
+                            <StackPanel Orientation="Horizontal">
+                                <FontIcon
+                                    VerticalAlignment="Center"
+                                    FontSize="14"
+                                    Glyph="&#xE8B7;" />
+                                <TextBlock
+                                    Margin="8,0,0,0"
+                                    VerticalAlignment="Center"
+                                    Style="{StaticResource CaptionTextBlockStyle}"
+                                    Text="{x:Bind Name}"
+                                    TextTrimming="CharacterEllipsis" />
+                            </StackPanel>
+                        </TreeViewItem>
+                    </DataTemplate>
+                </TreeView.ItemTemplate>
+            </TreeView>
+        </Grid>
+
+        <!--  Files  -->
+        <Grid Grid.Column="1">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid
+                Grid.Row="0"
+                Padding="4"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+                BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+                BorderThickness="0,0,0,1">
+                <BreadcrumbBar Height="15" />
+            </Grid>
+
+            <ScrollViewer
+                Grid.Row="1"
+                Padding="8"
+                VerticalAlignment="Stretch"
+                HorizontalScrollBarVisibility="Auto"
+                VerticalScrollBarVisibility="Auto">
+                <GridView
+                    x:Name="AssetsGridView"
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Stretch"
+                    ItemsSource="{x:Bind ViewModel.DirectoryAssets, Mode=OneWay}"
+                    SelectedItem="{x:Bind ViewModel.SelectedAsset, Mode=TwoWay}">
+                    <GridView.ItemContainerStyle>
+                        <Style BasedOn="{StaticResource DefaultGridViewItemStyle}" TargetType="GridViewItem">
+                            <Setter Property="Margin" Value="2" />
+                        </Style>
+                    </GridView.ItemContainerStyle>
+
+                    <GridView.ItemTemplate>
+                        <DataTemplate x:DataType="model:ExplorerItem">
+                            <Grid
+                                Width="100"
+                                Height="100"
+                                Padding="8"
+                                DoubleTapped="GridViewItem_DoubleTapped"
+                                IsDoubleTapEnabled="True">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="*" />
+                                    <RowDefinition Height="0.25*" />
+                                </Grid.RowDefinitions>
+                                <FontIcon FontSize="42" Glyph="{x:Bind FullName, Converter={StaticResource AssetPathToGlyphConverter}}" />
+                                <TextBlock
+                                    Grid.Row="1"
+                                    Margin="8,0"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Style="{StaticResource CaptionTextBlockStyle}"
+                                    Text="{x:Bind Name}"
+                                    TextTrimming="CharacterEllipsis" />
+                            </Grid>
+                        </DataTemplate>
+                    </GridView.ItemTemplate>
+                </GridView>
+            </ScrollViewer>
+
+            <Grid
+                Grid.Row="2"
+                Padding="4"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+                BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+                BorderThickness="0,1,0,0">
+                <TextBlock
+                    VerticalAlignment="Center"
+                    HorizontalTextAlignment="Left"
+                    Style="{StaticResource CaptionTextBlockStyle}"
+                    Text="{x:Bind ViewModel.SelectedAsset.FullName, Mode=OneWay}"
+                    TextTrimming="CharacterEllipsis" />
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ProjectPage.xaml.cs

@@ -0,0 +1,25 @@
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Input;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+internal sealed partial class ProjectPage : Page
+{
+    public ProjectViewModel ViewModel
+    {
+        get;
+    }
+
+    public ProjectPage()
+    {
+        ViewModel = App.GetService<ProjectViewModel>();
+
+        InitializeComponent();
+    }
+
+    private void GridViewItem_DoubleTapped(object sender, DoubleTappedRoutedEventArgs e)
+    {
+        ViewModel.OpenSelected();
+    }
+}

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ScenePage.xaml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<internal:NavigationTabPage
+    x:Class="Ghost.Editor.View.Pages.EngineEditor.ScenePage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:internal="using:Ghost.Editor.Controls"
+    xmlns:local="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid>
+        <SwapChainPanel
+            x:Name="SwapChainPanel"
+            HorizontalAlignment="Stretch"
+            VerticalAlignment="Stretch" />
+    </Grid>
+</internal:NavigationTabPage>

src/Editor/Ghost.Editor/View/Pages/EngineEditor/ScenePage.xaml.cs

@@ -0,0 +1,45 @@
+using Ghost.Editor.Controls;
+//using Ghost.Graphics.Contracts;
+//using Microsoft.UI.Xaml;
+//using Microsoft.UI.Xaml.Controls;
+//using WinRT;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+internal sealed partial class ScenePage : NavigationTabPage
+{
+    //private Renderer? _renderView;
+    //private ISwapChainPanelNative _swapChainPanelNative;
+
+    public ScenePage()
+    {
+        InitializeComponent();
+
+        //SwapChainPanel.Loaded += SwapChainPanel_Loaded;
+        //SwapChainPanel.Unloaded += SwapChainPanel_Unloaded;
+        //SwapChainPanel.SizeChanged += SwapChainPanel_SizeChanged;
+    }
+
+    //private void SwapChainPanel_Loaded(object sender, RoutedEventArgs e)
+    //{
+    //    var guid = typeof(ISwapChainPanelNative.Interface).GUID;
+    //    ((IWinRTObject)SwapChainPanel).NativeObject.TryAs(guid, out var swapChainPanelNativeHandle);
+    //    _swapChainPanelNative = new ISwapChainPanelNative(swapChainPanelNativeHandle);
+
+    //    _renderView = GraphicsPipeline.GraphicsDevice.CreateRenderer(new(_swapChainPanelNative, (uint)SwapChainPanel.ActualWidth, (uint)SwapChainPanel.ActualHeight));
+    //}
+
+    //private void SwapChainPanel_Unloaded(object sender, RoutedEventArgs e)
+    //{
+    //    _swapChainPanelNative.Dispose();
+    //    _renderView?.Dispose();
+    //}
+
+    //private void SwapChainPanel_SizeChanged(object sender, SizeChangedEventArgs e)
+    //{
+    //    if (e.NewSize.Width > 8.0 && e.NewSize.Height > 8.0)
+    //    {
+    //        _renderView?.RequestResize((uint)e.NewSize.Width, (uint)e.NewSize.Height);
+    //    }
+    //}
+}

src/Editor/Ghost.Editor/View/Windows/EngineEditorWindow.xaml

@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<winex:WindowEx
+    x:Class="Ghost.Editor.View.Windows.EngineEditorWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:behaviors="using:CommunityToolkit.WinUI.Behaviors"
+    xmlns:controls="using:Ghost.Editor.View.Controls"
+    xmlns:ctc="using:CommunityToolkit.WinUI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:ee="using:Ghost.Editor.View.Pages.EngineEditor"
+    xmlns:ghost="using:Ghost.Editor.Controls"
+    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
+    xmlns:local="using:Ghost.Editor.View.Windows"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:winex="using:WinUIEx"
+    mc:Ignorable="d">
+
+    <Window.SystemBackdrop>
+        <MicaBackdrop />
+    </Window.SystemBackdrop>
+
+    <Grid Loaded="MainGrid_Loaded" Unloaded="MainGrid_Unloaded">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <!--  Titlebar  -->
+        <TitleBar
+            x:Name="PART_TitleBar"
+            Grid.Row="0"
+            Background="{ThemeResource AcrylicBackgroundFillColorBaseBrush}"
+            Subtitle="Ghost Engine">
+            <TitleBar.IconSource>
+                <ImageIconSource ImageSource="ms-appx:///Assets/icon.targetsize-48.png" />
+            </TitleBar.IconSource>
+        </TitleBar>
+
+        <!--  Toolbar  -->
+        <Grid
+            Grid.Row="1"
+            Padding="4,0,4,4"
+            Background="{ThemeResource AcrylicBackgroundFillColorBaseBrush}">
+            <ctc:TabbedCommandBar>
+                <ctc:TabbedCommandBar.MenuItems>
+                    <ctc:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </ctc:TabbedCommandBarItem>
+                    <ctc:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </ctc:TabbedCommandBarItem>
+                    <ctc:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </ctc:TabbedCommandBarItem>
+                </ctc:TabbedCommandBar.MenuItems>
+            </ctc:TabbedCommandBar>
+        </Grid>
+
+        <!--  Editor  -->
+        <Grid Grid.Row="2">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid Grid.Row="0">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <ghost:NavigationTabView
+                    Grid.Column="0"
+                    Width="350"
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Stretch">
+                    <ghost:NavigationTabView.TabItems>
+                        <TabViewItem Header="Hierarchy">
+                            <TabViewItem.IconSource>
+                                <FontIconSource Glyph="&#xE8A4;" />
+                            </TabViewItem.IconSource>
+                            <controls:Hierarchy />
+                        </TabViewItem>
+                    </ghost:NavigationTabView.TabItems>
+                </ghost:NavigationTabView>
+
+                <ghost:NavigationTabView Grid.Column="1">
+                    <ghost:NavigationTabView.TabItems>
+                        <ee:ScenePage Header="Scene">
+                            <ee:ScenePage.IconSource>
+                                <FontIconSource Glyph="&#xF159;" />
+                            </ee:ScenePage.IconSource>
+                        </ee:ScenePage>
+                    </ghost:NavigationTabView.TabItems>
+                </ghost:NavigationTabView>
+
+                <ghost:NavigationTabView
+                    Grid.Column="2"
+                    Width="350"
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Stretch">
+                    <ghost:NavigationTabView.TabItems>
+                        <ee:InspectorPage Header="Inspector">
+                            <ee:InspectorPage.IconSource>
+                                <FontIconSource Glyph="&#xEC7A;" />
+                            </ee:InspectorPage.IconSource>
+                        </ee:InspectorPage>
+                    </ghost:NavigationTabView.TabItems>
+                </ghost:NavigationTabView>
+            </Grid>
+
+            <ghost:NavigationTabView Grid.Row="1" Height="350">
+                <ghost:NavigationTabView.TabItems>
+                    <TabViewItem Header="Project">
+                        <TabViewItem.IconSource>
+                            <FontIconSource Glyph="&#xEC50;" />
+                        </TabViewItem.IconSource>
+                        <controls:ProjectBrowser />
+                    </TabViewItem>
+                    <TabViewItem Header="Console">
+                        <TabViewItem.IconSource>
+                            <FontIconSource Glyph="&#xE756;" />
+                        </TabViewItem.IconSource>
+                        <ee:ConsolePage />
+                    </TabViewItem>
+                </ghost:NavigationTabView.TabItems>
+            </ghost:NavigationTabView>
+        </Grid>
+
+        <!--  Status Bar  -->
+        <Grid
+            Grid.Row="3"
+            Height="25"
+            Background="{ThemeResource SmokeFillColorDefaultBrush}">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+
+            <Grid Grid.Column="0">
+                <FontIcon
+                    Margin="8,0,0,0"
+                    FontSize="16"
+                    Foreground="{ThemeResource SystemFillColorSuccessBrush}"
+                    Glyph="&#xE930;"
+                    Visibility="Visible" />
+
+                <StackPanel Orientation="Horizontal" Visibility="Collapsed">
+                    <FontIcon
+                        Margin="8,0,0,0"
+                        VerticalAlignment="Center"
+                        FontSize="16"
+                        Foreground="{ThemeResource SystemFillColorAttentionBrush}"
+                        Glyph="&#xE946;" />
+                    <TextBlock
+                        Margin="4,0,0,0"
+                        VerticalAlignment="Center"
+                        Style="{StaticResource CaptionTextBlockStyle}"
+                        Text="0" />
+                    <FontIcon
+                        Margin="8,0,0,0"
+                        VerticalAlignment="Center"
+                        FontSize="16"
+                        Foreground="{ThemeResource SystemFillColorCautionBrush}"
+                        Glyph="&#xE7BA;" />
+                    <TextBlock
+                        Margin="4,0,0,0"
+                        VerticalAlignment="Center"
+                        Style="{StaticResource CaptionTextBlockStyle}"
+                        Text="0" />
+                    <FontIcon
+                        Margin="8,0,0,0"
+                        VerticalAlignment="Center"
+                        FontSize="16"
+                        Foreground="{ThemeResource SystemFillColorCriticalBrush}"
+                        Glyph="&#xE783;" />
+                    <TextBlock
+                        Margin="4,0,0,0"
+                        VerticalAlignment="Center"
+                        Style="{StaticResource CaptionTextBlockStyle}"
+                        Text="0" />
+                </StackPanel>
+            </Grid>
+        </Grid>
+
+        <!--  Info and Progress  -->
+        <Grid Grid.Row="0" Grid.RowSpan="4">
+            <InfoBar
+                x:Name="InfoBar"
+                Margin="16"
+                HorizontalAlignment="Right"
+                VerticalAlignment="Bottom">
+                <interactivity:Interaction.Behaviors>
+                    <behaviors:StackedNotificationsBehavior x:Name="NotificationQueue" />
+                </interactivity:Interaction.Behaviors>
+            </InfoBar>
+
+            <Grid
+                x:Name="ProgressBarContainer"
+                Background="{ThemeResource SmokeFillColorDefaultBrush}"
+                Visibility="Collapsed">
+                <Grid
+                    Height="100"
+                    Padding="36,24"
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Background="{ThemeResource SolidBackgroundFillColorBaseBrush}"
+                    CornerRadius="{StaticResource OverlayCornerRadius}">
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="*" />
+                        <RowDefinition Height="Auto" />
+                    </Grid.RowDefinitions>
+
+                    <TextBlock
+                        x:Name="ProgressMessage"
+                        Grid.Row="0"
+                        Margin="0,0,0,12"
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Center"
+                        Style="{StaticResource TitleTextBlockStyle}"
+                        Text="Loading..." />
+                    <ProgressBar
+                        x:Name="ProgressBar"
+                        Grid.Row="1"
+                        HorizontalAlignment="Stretch"
+                        VerticalAlignment="Center"
+                        IsIndeterminate="True" />
+                </Grid>
+            </Grid>
+        </Grid>
+    </Grid>
+</winex:WindowEx>

src/Editor/Ghost.Editor/View/Windows/EngineEditorWindow.xaml.cs

@@ -0,0 +1,54 @@
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.Services;
+using Ghost.Editor.ViewModels.Windows;
+using System.Diagnostics;
+using Windows.ApplicationModel;
+using WinUIEx;
+
+namespace Ghost.Editor.View.Windows;
+/// <summary>
+/// An empty window that can be used on its own or navigated to within a Frame.
+/// </summary>
+internal sealed partial class EngineEditorWindow : WindowEx
+{
+    private readonly NotificationService _notificationService;
+    private readonly ProgressService _progressService;
+
+    public EngineEditorViewModel ViewModel
+    {
+        get;
+    }
+
+    public EngineEditorWindow()
+    {
+        ViewModel = App.GetService<EngineEditorViewModel>();
+
+        _notificationService = (NotificationService)App.GetService<INotificationService>();
+        _progressService = (ProgressService)App.GetService<IProgressService>();
+
+        InitializeComponent();
+
+        AppWindow.SetIcon(Path.Combine(AppContext.BaseDirectory, "Assets/icon.ico"));
+        Title = "Ghost Engine";
+        ExtendsContentIntoTitleBar = true;
+
+        SetTitleBar(PART_TitleBar);
+        this.CenterOnScreen();
+    }
+
+    private void MainGrid_Loaded(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
+    {
+        PART_TitleBar.Title = EditorApplication.CurrentProjectName;
+        PART_TitleBar.Subtitle = $"Ghost Engine {Package.Current.Id.Version.Major}.{Package.Current.Id.Version.Minor}.{Package.Current.Id.Version.Build}";
+
+        _notificationService.SetReference(InfoBar, NotificationQueue);
+        _progressService.SetReference(ProgressBarContainer);
+    }
+
+    private void MainGrid_Unloaded(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
+    {
+        _notificationService.ClearReference();
+        _progressService.ClearReference();
+    }
+}

src/Editor/Ghost.Editor/View/Windows/SplashWindow.xaml

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<winex:WindowEx
+    x:Class="Ghost.Editor.View.Windows.SplashWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Ghost.Editor.View.Windows"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:winex="using:WinUIEx"
+    Title="SplashWindow"
+    mc:Ignorable="d">
+
+    <winex:WindowEx.SystemBackdrop>
+        <MicaBackdrop />
+    </winex:WindowEx.SystemBackdrop>
+
+    <Grid Margin="32,32,32,16" Loaded="MainGrid_Loaded">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <Grid Grid.Row="0" ColumnSpacing="24">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="1.2*" />
+            </Grid.ColumnDefinitions>
+
+            <Grid Grid.Column="0" CornerRadius="8">
+                <Image
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Source="C:\Users\Misaki\Downloads\Screenshot 2024-07-20 035047.png"
+                    Stretch="UniformToFill" />
+            </Grid>
+            <Grid Grid.Column="1">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                </Grid.RowDefinitions>
+
+                <TextBlock
+                    Grid.Row="0"
+                    Style="{StaticResource TitleLargeTextBlockStyle}"
+                    Text="Ghost Engine" />
+                <TextBlock
+                    x:Name="VersionTextBlock"
+                    Grid.Row="1"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource BodyLargeStrongTextBlockStyle}" />
+                <TextBlock
+                    Grid.Row="2"
+                    Margin="0,32,0,0"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Text="An open-source, modern game engine designed for flexibility and performance."
+                    TextWrapping="WrapWholeWords" />
+            </Grid>
+        </Grid>
+        <ProgressBar
+            Grid.Row="1"
+            Margin="0,24,0,0"
+            IsIndeterminate="True" />
+        <TextBlock
+            x:Name="LoadingTextBlock"
+            Grid.Row="2"
+            Margin="0,4,0,0"
+            Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
+        <TextBlock
+            x:Name="CopyrightTextBlock"
+            Grid.Row="3"
+            Margin="0,24,0,0"
+            HorizontalAlignment="Center"
+            Foreground="{ThemeResource TextFillColorTertiaryBrush}"
+            Style="{StaticResource CaptionTextBlockStyle}" />
+    </Grid>
+</winex:WindowEx>

src/Editor/Ghost.Editor/View/Windows/SplashWindow.xaml.cs

@@ -0,0 +1,32 @@
+using Ghost.Editor.Core;
+using Microsoft.UI.Xaml;
+using Windows.ApplicationModel;
+using WinUIEx;
+
+namespace Ghost.Editor.View.Windows;
+
+/// <summary>
+/// An empty window that can be used on its own or navigated to within a Frame.
+/// </summary>
+internal sealed partial class SplashWindow : WindowEx
+{
+    public SplashWindow()
+    {
+        InitializeComponent();
+
+        IsResizable = false;
+        IsMaximizable = false;
+        IsMinimizable = false;
+        ExtendsContentIntoTitleBar = true;
+
+        this.CenterOnScreen(750, 400);
+    }
+
+    private void MainGrid_Loaded(object sender, RoutedEventArgs e)
+    {
+        var version = Package.Current.Id.Version;
+        VersionTextBlock.Text = $"Version {version.Major}.{version.Minor}.{version.Build}";
+        LoadingTextBlock.Text = $"Loading {EditorApplication.CurrentProjectName}...";
+        CopyrightTextBlock.Text = $"Copyright © {DateTime.Now.Year} Ghost Engine. All rights reserved.";
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Controls/ProjectBrowserViewModel.cs

@@ -0,0 +1,117 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.AssetHandle;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.Utilities;
+using Ghost.Editor.Models;
+using System.Collections.ObjectModel;
+
+namespace Ghost.Editor.ViewModels.Controls;
+
+internal partial class ProjectBrowserViewModel : ObservableObject
+{
+    private readonly IInspectorService _inspectorService;
+    private readonly IAssetService _assetService;
+
+    private readonly Dictionary<string, ExplorerItem> _pathToDirectoryItemMap = new();
+    private ExplorerItem? _selectedItem;
+
+    public ObservableCollection<ExplorerItem> Directories
+    {
+        get;
+    } = new();
+
+    public ObservableCollection<ExplorerItem> Files
+    {
+        get;
+    } = new();
+
+    public ExplorerItem? SelectedItem
+    {
+        get => _selectedItem;
+        set
+        {
+            // TODO: Resolve inspector by reading metadata from selected asset
+            _selectedItem = value;
+        }
+    }
+
+    public string CurrentDirectoryPath
+    {
+        get; set;
+    } = string.Empty;
+
+    public ProjectBrowserViewModel(IInspectorService inspectorService, IAssetService assetService)
+    {
+        _inspectorService = inspectorService;
+        _assetService = assetService;
+
+        var assetsRootItem = new ExplorerItem(EditorApplication.ASSETS_FOLDER_NAME, Path.Combine(EditorApplication.CurrentProjectPath, EditorApplication.ASSETS_FOLDER_NAME), true);
+        LoadSubFolderRecursive(assetsRootItem);
+
+        Directories.Add(assetsRootItem);
+    }
+
+    private void LoadSubFolderRecursive(ExplorerItem parentItem)
+    {
+        foreach (var directory in Directory.EnumerateDirectories(parentItem.FullName))
+        {
+            var item = new ExplorerItem(Path.GetFileName(directory), directory, true);
+            LoadSubFolderRecursive(item);
+
+            _pathToDirectoryItemMap[directory] = item;
+
+            parentItem.Children ??= new();
+            parentItem.Children.Add(item);
+        }
+    }
+
+    internal void NavigateToDirectory(string? path)
+    {
+        Files.Clear();
+
+        if (!Directory.Exists(path))
+        {
+            return;
+        }
+
+        foreach (var directory in Directory.EnumerateDirectories(path))
+        {
+            var directoryItem = new ExplorerItem(Path.GetFileName(directory), directory, true);
+            Files.Add(directoryItem);
+        }
+
+        foreach (var file in Directory.EnumerateFiles(path))
+        {
+            if (Path.GetExtension(file) == FileExtensions.META_FILE_EXTENSION)
+            {
+                continue;
+            }
+
+            var fileItem = new ExplorerItem(Path.GetFileName(file), file, false);
+            Files.Add(fileItem);
+        }
+
+        CurrentDirectoryPath = path;
+    }
+
+    internal (ExplorerItem?, int) OpenSelected()
+    {
+        if (SelectedItem == null)
+        {
+            return (null, 0);
+        }
+
+        if (SelectedItem.IsDirectory)
+        {
+            NavigateToDirectory(SelectedItem.FullName);
+            SelectedItem = _pathToDirectoryItemMap[SelectedItem.FullName];
+            return (SelectedItem, 0);
+        }
+        else
+        {
+            _assetService.OpenAsset(SelectedItem.FullName);
+            return (null, 1);
+        }
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Pages/EngineEditor/ConsoleViewModel.cs

@@ -0,0 +1,53 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using Ghost.Core;
+using System.Collections.ObjectModel;
+
+namespace Ghost.Editor.ViewModels.Pages.EngineEditor;
+
+internal partial class ConsoleViewModel : ObservableObject
+{
+    public ReadOnlyObservableCollection<LogMessage> Logs => Logger.Logs;
+
+    [ObservableProperty]
+    public partial bool ShowInfo
+    {
+        get; set;
+    } = true;
+
+    [ObservableProperty]
+    public partial bool ShowWarning
+    {
+        get; set;
+    } = true;
+
+    [ObservableProperty]
+    public partial bool ShowError
+    {
+        get; set;
+    } = true;
+
+    [ObservableProperty]
+    public partial bool ShowStackTrace
+    {
+        get; set;
+    } = false;
+
+    [ObservableProperty]
+    public partial LogMessage? SelectedLog
+    {
+        get; set;
+    }
+
+    partial void OnShowStackTraceChanged(bool value)
+    {
+        //Logger.HasStackTrace = value;
+        //Logger.LogInfo($"Stack trace visibility set to {value}.");
+    }
+
+    [RelayCommand]
+    private void ClearLogs()
+    {
+        Logger.Clear();
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Pages/EngineEditor/HierarchyViewModel.cs

@@ -0,0 +1,38 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Core.SceneGraph;
+using System.Collections.ObjectModel;
+
+namespace Ghost.Editor.ViewModels.Pages.EngineEditor;
+
+internal partial class HierarchyViewModel : ObservableObject, INavigationAware
+{
+    //[ObservableProperty]
+    //public partial ObservableCollection<SceneNode> SceneList
+    //{
+    //    get;
+    //    private set;
+    //} = new(EditorSceneManager.LoadedWorlds);
+
+    //private void OnWorldLoaded(SceneNode node)
+    //{
+    //    SceneList.Add(node);
+    //}
+
+    //private void OnWorldUnloaded(SceneNode node)
+    //{
+    //    SceneList.Remove(node);
+    //}
+
+    public void OnNavigatedTo(object? parameter)
+    {
+        //EditorSceneManager.OnWorldLoaded += OnWorldLoaded;
+        //EditorSceneManager.OnWorldUnloaded += OnWorldUnloaded;
+    }
+
+    public void OnNavigatedFrom()
+    {
+        //EditorSceneManager.OnWorldLoaded -= OnWorldLoaded;
+        //EditorSceneManager.OnWorldUnloaded -= OnWorldUnloaded;
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Pages/EngineEditor/InspectorViewModel.cs

@@ -0,0 +1,31 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using Ghost.Editor.Core.Contracts;
+
+namespace Ghost.Editor.ViewModels.Pages.EngineEditor;
+
+internal partial class InspectorViewModel(IInspectorService inspectorService) : ObservableObject, INavigationAware
+{
+    [ObservableProperty]
+    public partial IInspectable? Inspectable
+    {
+        get;
+        set;
+    }
+
+    public void OnNavigatedTo(object? parameter)
+    {
+        inspectorService.OnSelectionChanged += OnSelectionChanged;
+        Inspectable = inspectorService.Selected;
+    }
+
+    public void OnNavigatedFrom()
+    {
+        inspectorService.OnSelectionChanged -= OnSelectionChanged;
+        Inspectable = null;
+    }
+
+    private void OnSelectionChanged(object? sender, EventArgs e)
+    {
+        Inspectable = inspectorService.Selected;
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Pages/EngineEditor/ProjectViewModel.cs

@@ -0,0 +1,146 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using Ghost.Editor.Core;
+using Ghost.Editor.Core.AssetHandle;
+using Ghost.Editor.Core.Contracts;
+using Ghost.Editor.Models;
+using System.Collections.ObjectModel;
+
+namespace Ghost.Editor.ViewModels.Pages.EngineEditor;
+
+internal partial class ProjectViewModel : ObservableObject
+{
+    private readonly IAssetService _assetService;
+
+    public ObservableCollection<ExplorerItem> SubDirectories
+    {
+        get;
+    } = new();
+
+    [ObservableProperty]
+    public partial ObservableCollection<ExplorerItem> DirectoryAssets
+    {
+        get;
+        set;
+    } = new();
+
+    [ObservableProperty]
+    public partial ExplorerItem? SelectedDirectory
+    {
+        get;
+        set;
+    }
+
+    [ObservableProperty]
+    public partial ExplorerItem? SelectedAsset
+    {
+        get;
+        set;
+    }
+
+    public ProjectViewModel(IAssetService assetService)
+    {
+        _assetService = assetService;
+
+        var assetsRootItem = new ExplorerItem("Assets", Path.Combine(EditorApplication.CurrentProjectPath, EditorApplication.ASSETS_FOLDER_NAME), true);
+        LoadSubFolderRecursive(ref assetsRootItem);
+
+        SubDirectories.Add(assetsRootItem);
+    }
+
+    private static void LoadSubFolderRecursive(ref ExplorerItem parentItem)
+    {
+        foreach (var directory in Directory.EnumerateDirectories(parentItem.FullName))
+        {
+            var item = new ExplorerItem(Path.GetFileName(directory), directory, true);
+            LoadSubFolderRecursive(ref item);
+
+            parentItem.Children ??= new();
+            parentItem.Children.Add(item);
+        }
+    }
+
+    public static Task<ExplorerItem?> FindNodeIterative(ExplorerItem root, Func<ExplorerItem, bool> predicate)
+    {
+        var stack = new Stack<ExplorerItem>();
+        stack.Push(root);
+
+        return Task.Run(() =>
+        {
+            while (stack.Count > 0)
+            {
+                var node = stack.Pop();
+                if (predicate(node))
+                {
+                    return node;
+                }
+
+                if (node.Children == null || node.Children.Count == 0)
+                {
+                    continue;
+                }
+
+                for (var i = node.Children.Count - 1; i >= 0; i--)
+                {
+                    stack.Push(node.Children[i]);
+                }
+            }
+
+            return null;
+        });
+    }
+
+    private void NavigateToDirectory(string? path)
+    {
+        App.Window?.DispatcherQueue.TryEnqueue(async () =>
+        {
+            DirectoryAssets.Clear();
+
+            if (!Directory.Exists(path))
+            {
+                return;
+            }
+
+            foreach (var directory in Directory.EnumerateDirectories(path))
+            {
+                var directoryItem = new ExplorerItem(Path.GetFileName(directory), directory, true);
+                DirectoryAssets.Add(directoryItem);
+            }
+
+            foreach (var file in Directory.EnumerateFiles(path))
+            {
+                var fileItem = new ExplorerItem(Path.GetFileName(file), file, false);
+                DirectoryAssets.Add(fileItem);
+            }
+
+            SelectedDirectory = await FindNodeIterative(SubDirectories[0], x => x.FullName == path);
+        });
+    }
+
+    public void OpenSelected()
+    {
+        if (SelectedAsset == null)
+        {
+            return;
+        }
+
+        if (SelectedAsset.IsDirectory)
+        {
+            NavigateToDirectory(SelectedAsset.FullName);
+        }
+        else
+        {
+            _assetService.OpenAsset(SelectedAsset.FullName);
+        }
+    }
+
+    partial void OnSelectedDirectoryChanged(ExplorerItem? value)
+    {
+        if (value == null)
+        {
+            return;
+        }
+
+        DirectoryAssets.Clear();
+        NavigateToDirectory(value.FullName);
+    }
+}

src/Editor/Ghost.Editor/ViewModels/Windows/EngineEditorViewModel.cs

@@ -0,0 +1,7 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Ghost.Editor.ViewModels.Windows;
+
+internal partial class EngineEditorViewModel : ObservableRecipient
+{
+}

src/Editor/Ghost.Editor/app.manifest

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
+  <assemblyIdentity version="1.0.0.0" name="Ghost.Editor.app"/>
+
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <!-- The ID below informs the system that this application is compatible with OS features first introduced in Windows 10. 
+      It is necessary to support features in unpackaged applications, for example the custom titlebar implementation.
+      For more info see https://docs.microsoft.com/windows/apps/windows-app-sdk/use-windows-app-sdk-run-time#declare-os-compatibility-in-your-application-manifest -->
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}" />
+    </application>
+  </compatibility>
+  
+  <application xmlns="urn:schemas-microsoft-com:asm.v3">
+    <windowsSettings>
+      <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2</dpiAwareness>
+    </windowsSettings>
+  </application>
+</assembly>