Refactor project structure and enhance functionality

Changed the project namespace from `Ghost.Editor` to `Ghost.App` across multiple files.
Changed the `InternalsVisibleTo` attribute in `AssemblyInfo.cs` to include `Ghost.App`.
Changed the `ProjectRepository` class to add new asynchronous methods for retrieving projects by ID, name, and metadata path.
Changed the `ProjectService` class to utilize the new asynchronous project loading methods.
Changed the `SceneGraph` classes to improve node management and serialization.
Changed the `EntityManager` class to enhance entity management with new component handling methods.
Added new test classes, `EntityTest` and `SerializationTest`, to ensure reliability in entity and serialization systems.
Added the `Ghost.App` project file to establish a modular project structure.
Added the `Ghost.Generator` project for automated component serialization code generation.
Updated UI components to reflect the new namespace for proper functionality.

Ghost.InternalEditor/View/Pages/EngineEditor/ConsolePage.xaml

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.App.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.App.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"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,0,1">
+            <CommandBar Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}" 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.ToStringWithStackTrace(), Mode=OneWay}"
+                        TextWrapping="Wrap" />
+                </ScrollViewer>
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>

Ghost.InternalEditor/View/Pages/EngineEditor/ConsolePage.xaml.cs

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

Ghost.InternalEditor/View/Pages/EngineEditor/HierarchyPage.xaml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.App.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:local="using:Ghost.App.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:sg="using:Ghost.Editor.SceneGraph"
+    mc:Ignorable="d">
+
+    <Page.Resources>
+        <DataTemplate x:Key="SceneTemplate" x:DataType="sg:SceneGraphNode">
+            <TreeViewItem
+                AutomationProperties.Name="{x:Bind Name}"
+                Background="{ThemeResource ControlSolidFillColorDefaultBrush}"
+                IsExpanded="True"
+                ItemsSource="{x:Bind Children}">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon FontSize="14" Glyph="&#xF159;" />
+                    <TextBlock Margin="10,0" Text="{x:Bind Name}" />
+                </StackPanel>
+            </TreeViewItem>
+        </DataTemplate>
+
+        <DataTemplate x:Key="EntityTemplate" x:DataType="sg:SceneGraphNode">
+            <TreeViewItem AutomationProperties.Name="{x:Bind Name}" ItemsSource="{x:Bind Children}">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon FontSize="14" Glyph="&#xF158;" />
+                    <TextBlock Margin="10,0" Text="{x:Bind Name}" />
+                </StackPanel>
+            </TreeViewItem>
+        </DataTemplate>
+    </Page.Resources>
+
+    <Grid Padding="4,6" Background="{ThemeResource LayerFillColorDefaultBrush}">
+        <TreeView ItemsSource="{x:Bind ViewModel.SceneList}">
+            <TreeView.ItemTemplateSelector>
+                <local:HierarchyTemplateSector EntityTemplate="{StaticResource EntityTemplate}" WorldTemplate="{StaticResource SceneTemplate}" />
+            </TreeView.ItemTemplateSelector>
+        </TreeView>
+    </Grid>
+</Page>

Ghost.InternalEditor/View/Pages/EngineEditor/HierarchyPage.xaml.cs

@@ -0,0 +1,57 @@
+using Ghost.Editor.SceneGraph;
+using Ghost.Editor.ViewModels.Pages.EngineEditor;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace Ghost.App.View.Pages.EngineEditor;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+internal sealed partial class HierarchyPage : Page
+{
+    public HierarchyViewModel ViewModel
+    {
+        get;
+    }
+
+    public HierarchyPage()
+    {
+        ViewModel = GhostApplication.GetService<HierarchyViewModel>();
+
+        InitializeComponent();
+    }
+}
+
+internal partial class HierarchyTemplateSector : DataTemplateSelector
+{
+    public DataTemplate? WorldTemplate
+    {
+        get;
+        set;
+    }
+
+    public DataTemplate? EntityTemplate
+    {
+        get;
+        set;
+    }
+
+    protected override DataTemplate SelectTemplateCore(object item)
+    {
+        if (WorldTemplate == null || EntityTemplate == null)
+        {
+            return base.SelectTemplateCore(item);
+        }
+
+        var node = (SceneGraphNode)item;
+        return node.NodeType switch
+        {
+            SceneGraphNodeType.Scene => WorldTemplate,
+            SceneGraphNodeType.Entity => EntityTemplate,
+            _ => base.SelectTemplateCore(item)
+        };
+    }
+}

Ghost.InternalEditor/View/Pages/EngineEditor/ProjectPage.xaml

@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.App.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.App.View.Pages.EngineEditor"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:model="using:Ghost.App.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 Path, 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.Path, Mode=OneWay}"
+                    TextTrimming="CharacterEllipsis" />
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>

Ghost.InternalEditor/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.App.View.Pages.EngineEditor;
+
+internal sealed partial class ProjectPage : Page
+{
+    public ProjectViewModel ViewModel
+    {
+        get;
+    }
+
+    public ProjectPage()
+    {
+        ViewModel = GhostApplication.GetService<ProjectViewModel>();
+
+        InitializeComponent();
+    }
+
+    private void GridViewItem_DoubleTapped(object sender, DoubleTappedRoutedEventArgs e)
+    {
+        ViewModel.NavigateToSelected();
+    }
+}

Ghost.InternalEditor/View/Pages/Landing/CreateProjectPage.xaml

@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.App.View.Pages.Landing.CreateProjectPage"
+    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:data="using:Ghost.Data.Models"
+    xmlns:editor="using:Ghost.Editor.Controls"
+    xmlns:local="using:Ghost.App.View.Pages.Landing"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
+    mc:Ignorable="d">
+
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <!--  Template Info  -->
+        <Grid Grid.Column="0" Width="300">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+
+            <TextBlock
+                Grid.Row="0"
+                Margin="0,0,0,24"
+                Style="{StaticResource SubtitleTextBlockStyle}"
+                Text="Template" />
+
+            <ListView
+                Grid.Row="1"
+                ItemsSource="{x:Bind ViewModel.templates}"
+                SelectedItem="{x:Bind ViewModel.SelectedTemplate, Mode=TwoWay}">
+                <ListView.ItemTemplate>
+                    <DataTemplate x:DataType="data:TemplateData">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+
+                            <ImageIcon
+                                Grid.Column="0"
+                                Width="24"
+                                Height="24">
+                                <ImageIcon.Source>
+                                    <BitmapImage UriSource="{x:Bind GetIconURI()}" />
+                                </ImageIcon.Source>
+                            </ImageIcon>
+                            <TextBlock
+                                Grid.Column="1"
+                                Margin="8,0"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Info.Name}" />
+                        </Grid>
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+            </ListView>
+        </Grid>
+
+        <!--  Project Info  -->
+        <Grid
+            Grid.Column="1"
+            Margin="16,0,0,0"
+            Padding="16"
+            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+            CornerRadius="{StaticResource OverlayCornerRadius}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="300" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid Grid.Row="0" CornerRadius="4">
+                <Image VerticalAlignment="Center" Stretch="UniformToFill">
+                    <Image.Source>
+                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.Value.GetPreviewURI(), Mode=OneWay}" />
+                    </Image.Source>
+                </Image>
+                <Grid
+                    MaxHeight="100"
+                    VerticalAlignment="Bottom"
+                    Background="{ThemeResource ControlOnImageFillColorDefaultBrush}">
+                    <TextBlock
+                        Margin="16"
+                        VerticalAlignment="Bottom"
+                        Foreground="{ThemeResource TextFillColorTertiaryBrush}"
+                        Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Description, Mode=OneWay}" />
+                </Grid>
+            </Grid>
+
+            <StackPanel Grid.Row="1" Margin="8,0">
+                <TextBlock
+                    Margin="0,16,0,8"
+                    Style="{StaticResource TitleTextBlockStyle}"
+                    Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Name, Mode=OneWay}" />
+                <TextBlock
+                    Margin="0,8,0,16"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource SubtitleTextBlockStyle}"
+                    Text="Project Settings" />
+
+                <editor:PropertyField Label="Name">
+                    <TextBox Text="{x:Bind ViewModel.ProjectName, Mode=TwoWay}" />
+                </editor:PropertyField>
+                <editor:PropertyField Label="Location">
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+
+                        <TextBox
+                            Grid.Column="0"
+                            IsReadOnly="True"
+                            Text="{x:Bind ViewModel.ProjectLocation, Mode=TwoWay}" />
+                        <Button
+                            Grid.Column="1"
+                            Margin="4,0,0,0"
+                            VerticalAlignment="Stretch"
+                            Command="{x:Bind ViewModel.SelectionProjectLocationCommand}">
+                            <FontIcon FontSize="16" Glyph="&#xE8DA;" />
+                        </Button>
+                    </Grid>
+                </editor:PropertyField>
+            </StackPanel>
+
+            <Grid Grid.Row="2">
+                <Button
+                    Width="150"
+                    HorizontalAlignment="Right"
+                    Command="{x:Bind ViewModel.CreateProjectCommand}"
+                    Content="Create"
+                    Style="{ThemeResource AccentButtonStyle}" />
+            </Grid>
+        </Grid>
+
+    </Grid>
+</Page>

Ghost.InternalEditor/View/Pages/Landing/CreateProjectPage.xaml.cs

@@ -0,0 +1,26 @@
+using Ghost.Editor.ViewModels.Pages.Landing;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Navigation;
+
+namespace Ghost.App.View.Pages.Landing;
+
+internal sealed partial class CreateProjectPage : Page
+{
+    public CreateProjectViewModel ViewModel
+    {
+        get;
+    }
+
+    public CreateProjectPage()
+    {
+        ViewModel = GhostApplication.GetService<CreateProjectViewModel>();
+
+        InitializeComponent();
+    }
+
+    protected override void OnNavigatedTo(NavigationEventArgs e)
+    {
+        base.OnNavigatedTo(e);
+        ViewModel.OnNavigatedTo(e.Parameter);
+    }
+}

Ghost.InternalEditor/View/Pages/Landing/OpenProjectPage.xaml

@@ -0,0 +1,165 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="Ghost.App.View.Pages.Landing.OpenProjectPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:converters="using:Ghost.Editor.Utilities.Converters"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:data="using:Ghost.Data.Models"
+    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
+    xmlns:local="using:Ghost.App.View.Pages.Landing"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
+    mc:Ignorable="d">
+
+    <Page.Resources>
+        <converters:GetDirectoryNameConverter x:Key="DirNameConverter" />
+    </Page.Resources>
+
+    <Grid x:Name="MainContainer">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <Grid Grid.Row="0" Margin="16,4">
+            <TextBlock
+                VerticalAlignment="Center"
+                Style="{StaticResource SubtitleTextBlockStyle}"
+                Text="Projects" />
+            <AutoSuggestBox
+                Width="300"
+                HorizontalAlignment="Right"
+                PlaceholderText="Search project by name"
+                QueryIcon="Find" />
+        </Grid>
+
+        <!--  Header for the ListView  -->
+        <Grid Grid.Row="1" Margin="28,16,45,8">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="200" />
+                <ColumnDefinition Width="165" />
+            </Grid.ColumnDefinitions>
+
+            <TextBlock
+                Grid.Column="0"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="NAME" />
+            <TextBlock
+                Grid.Column="1"
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="LAST OPEN" />
+            <TextBlock
+                Grid.Column="2"
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="ENGINE VERSION" />
+        </Grid>
+
+        <!--  Project ListView  -->
+        <Grid
+            Grid.Row="2"
+            Padding="8"
+            AllowDrop="True"
+            DragEnter="ProjectContainer_DragEnter"
+            DragLeave="ProjectContainer_DragLeave"
+            DragOver="ProjectContainer_DragOver"
+            Drop="ProjectContainer_Drop">
+            <ListView
+                Padding="4,8"
+                Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                CornerRadius="{StaticResource OverlayCornerRadius}"
+                IsItemClickEnabled="True"
+                ItemClick="ListView_ItemClick"
+                ItemsSource="{x:Bind ViewModel.projects}"
+                SelectionMode="None">
+                <ListView.ItemTemplate>
+                    <DataTemplate x:DataType="data:ProjectMetadataInfo">
+                        <Grid Height="64" Padding="4,8">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="*" />
+                                <ColumnDefinition Width="200" />
+                                <ColumnDefinition Width="100" />
+                                <ColumnDefinition Width="65" />
+                            </Grid.ColumnDefinitions>
+
+                            <Grid Grid.Column="0" VerticalAlignment="Center">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto" />
+                                    <RowDefinition Height="Auto" />
+                                </Grid.RowDefinitions>
+
+                                <TextBlock
+                                    Grid.Row="0"
+                                    VerticalAlignment="Center"
+                                    FontSize="16"
+                                    Style="{StaticResource SubtitleTextBlockStyle}"
+                                    Text="{x:Bind Metadata.Name}" />
+                                <TextBlock
+                                    Grid.Row="1"
+                                    Margin="0,4,0,0"
+                                    VerticalAlignment="Center"
+                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                    Style="{StaticResource CaptionTextBlockStyle}"
+                                    Text="{x:Bind Path, Converter={StaticResource DirNameConverter}}" />
+                            </Grid>
+
+                            <TextBlock
+                                Grid.Column="1"
+                                Margin="16,4"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Metadata.LastOpened}" />
+                            <TextBlock
+                                Grid.Column="2"
+                                Margin="16,4"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Metadata.EngineVersion}" />
+                            <Button
+                                Grid.Column="3"
+                                HorizontalAlignment="Right"
+                                Background="Transparent"
+                                BorderThickness="0">
+                                <FontIcon Glyph="&#xE712;" />
+                            </Button>
+                        </Grid>
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+            </ListView>
+
+            <!--  Drag Visual  -->
+            <Grid
+                x:Name="DragVisual"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{ThemeResource CardStrokeColorDefaultBrush}"
+                BorderBrush="{ThemeResource ControlStrongStrokeColorDefaultBrush}"
+                BorderThickness="2"
+                CornerRadius="{StaticResource OverlayCornerRadius}"
+                Visibility="{x:Bind ViewModel.DragVisibility, Mode=OneWay}">
+                <TextBlock
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource TitleTextBlockStyle}"
+                    Text="Drage Project Folder Here" />
+            </Grid>
+        </Grid>
+
+        <!--  Empty Place Holder  -->
+        <Grid
+            x:Name="EmptyPlaceHolder"
+            Grid.Row="2"
+            Visibility="{x:Bind ViewModel.EmptyVisibility, Mode=OneWay}">
+            <TextBlock
+                HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Style="{StaticResource TitleTextBlockStyle}"
+                Text="No projects found" />
+        </Grid>
+    </Grid>
+</Page>

Ghost.InternalEditor/View/Pages/Landing/OpenProjectPage.xaml.cs

@@ -0,0 +1,71 @@
+using Ghost.Data.Models;
+using Ghost.Editor.ViewModels.Pages.Landing;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Navigation;
+using Windows.ApplicationModel.DataTransfer;
+
+namespace Ghost.App.View.Pages.Landing;
+
+internal sealed partial class OpenProjectPage : Page
+{
+    public OpenProjectViewModel ViewModel
+    {
+        get;
+    }
+
+    public OpenProjectPage()
+    {
+        ViewModel = GhostApplication.GetService<OpenProjectViewModel>();
+        InitializeComponent();
+    }
+
+    protected override void OnNavigatedTo(NavigationEventArgs e)
+    {
+        base.OnNavigatedTo(e);
+        ViewModel.OnNavigatedTo(e.Parameter);
+    }
+
+    override protected void OnNavigatedFrom(NavigationEventArgs e)
+    {
+        base.OnNavigatedFrom(e);
+        ViewModel.OnNavigatedFrom();
+    }
+
+    private void ProjectContainer_DragEnter(object sender, DragEventArgs e)
+    {
+        ViewModel.DragVisibility = Visibility.Visible;
+        ViewModel.EmptyVisibility = Visibility.Collapsed;
+    }
+
+    private void ProjectContainer_DragLeave(object sender, DragEventArgs e)
+    {
+        ViewModel.DragVisibility = Visibility.Collapsed;
+        ViewModel.UpdateEmptyPlaceHolderVisibility();
+    }
+
+    private void ProjectContainer_DragOver(object sender, DragEventArgs e)
+    {
+        if (e.DataView.Contains(StandardDataFormats.StorageItems))
+        {
+            e.AcceptedOperation = DataPackageOperation.Link;
+        }
+        else
+        {
+            e.AcceptedOperation = DataPackageOperation.None;
+        }
+    }
+
+    private async void ProjectContainer_Drop(object sender, DragEventArgs e)
+    {
+        await ViewModel.ContentDrop(e.DataView);
+    }
+
+    private async void ListView_ItemClick(object sender, ItemClickEventArgs e)
+    {
+        if (e.ClickedItem is ProjectMetadataInfo project)
+        {
+            await ViewModel.LoadProject(project);
+        }
+    }
+}

Ghost.InternalEditor/View/Windows/EngineEditorWindow.xaml

@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<winex:WindowEx
+    x:Class="Ghost.App.View.Windows.EngineEditorWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:ee="using:Ghost.App.View.Pages.EngineEditor"
+    xmlns:local="using:Ghost.App.View.Windows"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:winex="using:WinUIEx"
+    Activated="WindowEx_Activated"
+    mc:Ignorable="d">
+
+    <Window.SystemBackdrop>
+        <MicaBackdrop />
+    </Window.SystemBackdrop>
+
+    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <!--  Titlebar  -->
+        <StackPanel
+            Grid.Row="0"
+            Padding="8"
+            Orientation="Horizontal">
+            <ImageIcon
+                Width="24"
+                Height="24"
+                VerticalAlignment="Center"
+                Source="ms-appx:///Assets/Icon.targetsize-32.png" />
+            <TextBlock
+                Margin="8,0,0,0"
+                VerticalAlignment="Center"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="{x:Bind ViewModel.engineVersionDescriptor}" />
+            <TextBlock
+                Margin="8,0,0,0"
+                VerticalAlignment="Center"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="{x:Bind ViewModel.CurrentProject.Metadata.Name, Mode=OneWay}" />
+        </StackPanel>
+
+        <!--  Toolbar  -->
+        <Grid Grid.Row="1" Margin="4,4">
+            <controls:TabbedCommandBar>
+                <controls:TabbedCommandBar.MenuItems>
+                    <controls:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </controls:TabbedCommandBarItem>
+                    <controls:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </controls:TabbedCommandBarItem>
+                    <controls:TabbedCommandBarItem Header="Home">
+                        <AppBarButton Label="Undo" />
+                        <AppBarButton Label="Redo" />
+                        <AppBarButton Label="Paste" />
+                    </controls:TabbedCommandBarItem>
+                </controls:TabbedCommandBar.MenuItems>
+            </controls: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>
+
+                <TabView
+                    Grid.Column="0"
+                    Width="350"
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Stretch">
+                    <TabView.TabItems>
+                        <TabViewItem Header="Hierarchy">
+                            <TabViewItem.IconSource>
+                                <FontIconSource Glyph="&#xE8A4;" />
+                            </TabViewItem.IconSource>
+                            <ee:HierarchyPage />
+                        </TabViewItem>
+                    </TabView.TabItems>
+                </TabView>
+
+                <TabView Grid.Column="1">
+                    <TabView.TabItems>
+                        <TabViewItem Header="Scene">
+                            <TabViewItem.IconSource>
+                                <FontIconSource Glyph="&#xF159;" />
+                            </TabViewItem.IconSource>
+                            <Image
+                                VerticalAlignment="Center"
+                                Source="C:\Users\Misaki\OneDrive\Pictures\Screenshots\Screenshot 2024-07-20 021657.png"
+                                Stretch="UniformToFill" />
+                        </TabViewItem>
+                    </TabView.TabItems>
+                </TabView>
+
+                <Grid
+                    Grid.Column="2"
+                    Width="350"
+                    Background="Bisque" />
+            </Grid>
+
+            <TabView Grid.Row="1" Height="350">
+                <TabView.TabItems>
+                    <TabViewItem Header="Project">
+                        <TabViewItem.IconSource>
+                            <FontIconSource Glyph="&#xEC50;" />
+                        </TabViewItem.IconSource>
+                        <ee:ProjectPage />
+                    </TabViewItem>
+                    <TabViewItem Header="Console">
+                        <TabViewItem.IconSource>
+                            <FontIconSource Glyph="&#xE756;" />
+                        </TabViewItem.IconSource>
+                        <ee:ConsolePage />
+                    </TabViewItem>
+                </TabView.TabItems>
+            </TabView>
+        </Grid>
+
+        <!--  Status Bar  -->
+        <Grid
+            Grid.Row="3"
+            Height="25"
+            Background="{ThemeResource SolidBackgroundFillColorBaseAltBrush}">
+            <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>
+    </Grid>
+</winex:WindowEx>

Ghost.InternalEditor/View/Windows/EngineEditorWindow.xaml.cs

@@ -0,0 +1,37 @@
+using Ghost.Data.Resources;
+using Ghost.Editor.ViewModels.Windows;
+using Ghost.Engine.Resources;
+using WinUIEx;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace Ghost.App.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
+{
+    public EngineEditorViewModel ViewModel
+    {
+        get;
+    }
+
+    public EngineEditorWindow()
+    {
+        ViewModel = GhostApplication.GetService<EngineEditorViewModel>();
+
+        AppWindow.SetIcon(AssetsPath.s_appIconPath);
+        Title = EngineData.ENGINE_NAME;
+        ExtendsContentIntoTitleBar = true;
+
+        InitializeComponent();
+
+        this.CenterOnScreen();
+    }
+
+    private void WindowEx_Activated(object sender, Microsoft.UI.Xaml.WindowActivatedEventArgs args)
+    {
+        Bindings.Update();
+    }
+}

Ghost.InternalEditor/View/Windows/LandingWindow.xaml

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<winex:WindowEx
+    x:Class="Ghost.App.View.Windows.LandingWindow"
+    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:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
+    xmlns:local="using:Ghost.App.View.Windows"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:winex="using:WinUIEx"
+    Activated="WindowEx_Activated"
+    Closed="WindowEx_Closed"
+    IsResizable="False"
+    mc:Ignorable="d">
+
+    <Window.SystemBackdrop>
+        <MicaBackdrop />
+    </Window.SystemBackdrop>
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="32" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <Grid Grid.Row="0">
+            <TextBlock
+                Margin="24,0,0,0"
+                VerticalAlignment="Bottom"
+                Style="{StaticResource BodyTextBlockStyle}"
+                Text="Ghost Engine" />
+        </Grid>
+
+        <Grid Grid.Row="1" Padding="24,0,24,18">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+
+            <SelectorBar
+                Grid.Row="0"
+                HorizontalAlignment="Right"
+                SelectionChanged="SelectorBar_SelectionChanged">
+                <SelectorBarItem IsSelected="True" Text="Open">
+                    <SelectorBarItem.Icon>
+                        <FontIcon Glyph="&#xE838;" />
+                    </SelectorBarItem.Icon>
+                </SelectorBarItem>
+                <SelectorBarItem Text="Create">
+                    <SelectorBarItem.Icon>
+                        <FontIcon Glyph="&#xE8F4;" />
+                    </SelectorBarItem.Icon>
+                </SelectorBarItem>
+            </SelectorBar>
+
+            <Frame
+                x:Name="ContentFrame"
+                Grid.Row="1"
+                Padding="8"
+                CacheMode="BitmapCache"
+                CacheSize="10" />
+        </Grid>
+
+        <Grid Grid.Row="1" Padding="16">
+            <InfoBar
+                x:Name="InfoBar"
+                HorizontalAlignment="Right"
+                VerticalAlignment="Bottom">
+                <interactivity:Interaction.Behaviors>
+                    <behaviors:StackedNotificationsBehavior x:Name="NotificationQueue" />
+                </interactivity:Interaction.Behaviors>
+            </InfoBar>
+
+        </Grid>
+    </Grid>
+</winex:WindowEx>

Ghost.InternalEditor/View/Windows/LandingWindow.xaml.cs

@@ -0,0 +1,61 @@
+using Ghost.App.Services;
+using Ghost.App.View.Pages.Landing;
+using Ghost.Data.Resources;
+using Ghost.Engine.Resources;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media.Animation;
+using WinUIEx;
+
+namespace Ghost.App.View.Windows;
+
+internal sealed partial class LandingWindow : WindowEx
+{
+    private IServiceScope? _landingScope;
+
+    private int _previousSelectedIndex;
+
+    public LandingWindow()
+    {
+        AppWindow.SetIcon(AssetsPath.s_appIconPath);
+        Title = EngineData.ENGINE_NAME;
+
+        InitializeComponent();
+
+        this.SetWindowSize(1000, 750);
+        this.CenterOnScreen();
+
+        ExtendsContentIntoTitleBar = true;
+    }
+
+    private void WindowEx_Activated(object sender, Microsoft.UI.Xaml.WindowActivatedEventArgs args)
+    {
+        _landingScope?.Dispose();
+        _landingScope = GhostApplication.CreateScope();
+        GhostApplication.GetService<StackedNotificationService>().SetReference(InfoBar, NotificationQueue);
+    }
+
+    private void WindowEx_Closed(object sender, Microsoft.UI.Xaml.WindowEventArgs args)
+    {
+        _landingScope?.Dispose();
+        GhostApplication.GetService<StackedNotificationService>().ClearReference();
+    }
+
+    private void SelectorBar_SelectionChanged(SelectorBar sender, SelectorBarSelectionChangedEventArgs e)
+    {
+        var selectedItem = sender.SelectedItem;
+        var currentSelectedIndex = sender.Items.IndexOf(selectedItem);
+        var pageType = currentSelectedIndex switch
+        {
+            1 => typeof(CreateProjectPage),
+            _ => typeof(OpenProjectPage),
+        };
+
+        var slideNavigationTransitionEffect = currentSelectedIndex - _previousSelectedIndex > 0 ?
+            SlideNavigationTransitionEffect.FromRight : SlideNavigationTransitionEffect.FromLeft;
+
+        ContentFrame.Navigate(pageType, _landingScope, new SlideNavigationTransitionInfo() { Effect = slideNavigationTransitionEffect });
+
+        _previousSelectedIndex = currentSelectedIndex;
+    }
+}