Refactor project structure and enhance functionality

Added `InternalsVisibleTo` attribute for "Ghost.Editor" in `AssemblyInfo.cs`.
Added a binary file `Empty.zip` to the project.
Added a new `ProjectMetadata` class in `ProjectMetadata.cs`.
Added new states and interfaces for managing application states in `EditorState.cs`, `LandingState.cs`, and `IAppState.cs`.
Added a notification service in `INotificationService.cs` and `StackedNotificationService.cs`.
Added new XAML files for UI components, including `InspectorView.xaml` and `InternalControls.xaml`.

Changed the `ProjectInfo` class in `ProjectInfo.cs` to include a `MetadataPath` property instead of `Path` and `EngineVersion`.
Changed the `TemplateInfo` class in `TemplateInfo.cs` to use a struct instead of a class for `TemplateData`.
Changed the `ProjectService` class to use the new `ProjectRepository` for managing project data.

Removed several using directives and the entire `ProjectRepository` class from `ProjectRepository.cs`, replacing it with a new implementation.
Removed old methods and properties in `EntityManager` and `World` classes to improve entity management and component handling.

Updated the `Ghost.Data.csproj` file to include the new `Empty.zip` file as a content item.
Updated the `ProjectRepository` class to manage project data using SQLite.
Updated various XAML files to include new styles and controls, improving the overall UI design.
Updated the `CreateProjectViewModel` to include a notification service and handle project creation logic.
Updated the test project to include references to the new `Ghost.Graphics` project and modified test cases to align with the new structure.

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

@@ -0,0 +1,73 @@
+<?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"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,0,1">
+            <CommandBar Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}" DefaultLabelPosition="Collapsed">
+                <CommandBar.PrimaryCommands>
+                    <AppBarButton Content="Clear" />
+                    <AppBarSeparator />
+                    <AppBarToggleButton Width="45">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xF167;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                    <AppBarToggleButton Width="45">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xE814;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                    <AppBarToggleButton Width="45">
+                        <AppBarToggleButton.Icon>
+                            <FontIcon Glyph="&#xEB90;" />
+                        </AppBarToggleButton.Icon>
+                    </AppBarToggleButton>
+                </CommandBar.PrimaryCommands>
+
+                <CommandBar.SecondaryCommands>
+                    <AppBarToggleButton BorderThickness="0" Label="Clear On Play" />
+                    <AppBarToggleButton BorderThickness="0" Label="Show Stack Trace" />
+                </CommandBar.SecondaryCommands>
+            </CommandBar>
+        </Grid>
+
+        <!--  Log Content  -->
+        <Grid Grid.Row="1">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <ListView Grid.Row="0" />
+            <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="Test Log"
+                        TextWrapping="Wrap" />
+                </ScrollViewer>
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>

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

@@ -0,0 +1,11 @@
+using Microsoft.UI.Xaml.Controls;
+
+namespace Ghost.Editor.View.Pages.EngineEditor;
+
+public sealed partial class ConsolePage : Page
+{
+    public ConsolePage()
+    {
+        InitializeComponent();
+    }
+}

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

@@ -0,0 +1,71 @@
+<?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: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.ColumnDefinitions>
+            <ColumnDefinition Width="250" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <!--  Folder Tree View  -->
+        <Grid
+            Grid.Column="0"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultSolid}"
+            BorderThickness="0,0,1,0">
+            <TreeView
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
+                ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+                ScrollViewer.VerticalScrollBarVisibility="Auto">
+                <TreeView.ItemContainerStyle>
+                    <Style TargetType="TreeViewItem">
+                        <Setter Property="Padding" Value="4,2" />
+                        <Setter Property="Margin" Value="0,0,0,2" />
+                    </Style>
+                </TreeView.ItemContainerStyle>
+            </TreeView>
+        </Grid>
+
+        <!--  Files  -->
+        <ScrollViewer
+            Grid.Column="1"
+            HorizontalScrollBarVisibility="Auto"
+            VerticalScrollBarVisibility="Auto">
+            <GridView HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+                <GridView.ItemContainerStyle>
+                    <Style BasedOn="{StaticResource DefaultGridViewItemStyle}" TargetType="GridViewItem">
+                        <Setter Property="Margin" Value="5,5,5,5" />
+                    </Style>
+                </GridView.ItemContainerStyle>
+
+                <GridView.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="*" />
+                                <RowDefinition Height="0.2*" />
+                            </Grid.RowDefinitions>
+                            <ImageIcon
+                                Grid.Row="0"
+                                Width="24"
+                                Height="24" />
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="8,0"
+                                VerticalAlignment="Center"
+                                TextTrimming="CharacterEllipsis" />
+                        </Grid>
+                    </DataTemplate>
+                </GridView.ItemTemplate>
+            </GridView>
+        </ScrollViewer>
+    </Grid>
+</Page>

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

@@ -0,0 +1,30 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+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;
+
+// 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.Pages.EngineEditor;
+
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class ProjectPage : Page
+{
+    public ProjectPage()
+    {
+        InitializeComponent();
+    }
+}

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

@@ -8,6 +8,7 @@
     xmlns:editor="using:Ghost.Editor.Controls"
     xmlns:local="using:Ghost.Editor.View.Pages.Landing"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
     <Grid>
@@ -46,7 +47,7 @@
                                 Width="24"
                                 Height="24">
                                 <ImageIcon.Source>
-                                    <BitmapImage UriSource="{x:Bind GetIconURI(), Mode=OneWay}" />
+                                    <BitmapImage UriSource="{x:Bind GetIconURI()}" />
                                 </ImageIcon.Source>
                             </ImageIcon>
                             <TextBlock
@@ -76,18 +77,18 @@
             <Grid Grid.Row="0" CornerRadius="4">
                 <Image VerticalAlignment="Center" Stretch="UniformToFill">
                     <Image.Source>
-                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.GetPreviewURI(), Mode=OneWay}" />
+                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.Value.GetPreviewURI(), Mode=OneWay}" />
                     </Image.Source>
                 </Image>
                 <Grid
-                    HorizontalAlignment="Stretch"
-                    VerticalAlignment="Stretch"
-                    Background="{ThemeResource CircleElevationBorderBrush}">
+                    MaxHeight="100"
+                    VerticalAlignment="Bottom"
+                    Background="{ThemeResource ControlOnImageFillColorDefaultBrush}">
                     <TextBlock
                         Margin="16"
                         VerticalAlignment="Bottom"
-                        Foreground="{ThemeResource TextOnAccentFillColorSecondaryBrush}"
-                        Text="{x:Bind ViewModel.SelectedTemplate.Info.Description, Mode=OneWay}" />
+                        Foreground="{ThemeResource TextFillColorTertiaryBrush}"
+                        Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Description, Mode=OneWay}" />
                 </Grid>
             </Grid>
 
@@ -95,7 +96,7 @@
                 <TextBlock
                     Margin="0,16,0,8"
                     Style="{StaticResource TitleTextBlockStyle}"
-                    Text="{x:Bind ViewModel.SelectedTemplate.Info.Name, Mode=OneWay}" />
+                    Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Name, Mode=OneWay}" />
                 <TextBlock
                     Margin="0,8,0,16"
                     Foreground="{ThemeResource TextFillColorSecondaryBrush}"

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

@@ -3,106 +3,162 @@
     x:Class="Ghost.Editor.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.Helpers.Converters"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:data="using:Ghost.Data.Models"
     xmlns:local="using:Ghost.Editor.View.Pages.Landing"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
-    <Grid>
+    <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,8,16,16">
+        <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="200" />
+                <ColumnDefinition Width="165" />
             </Grid.ColumnDefinitions>
 
             <TextBlock
                 Grid.Column="0"
-                Margin="12,0,0,0"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Name" />
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="NAME" />
             <TextBlock
                 Grid.Column="1"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Last Open" />
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="LAST OPEN" />
             <TextBlock
                 Grid.Column="2"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Engine Version" />
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="ENGINE VERSION" />
         </Grid>
 
-        <ListView
-            x:Name="ProjectListView"
-            Grid.Row="1"
+        <!--  Project ListView  -->
+        <Grid
+            Grid.Row="2"
             Padding="8"
-            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
-            CornerRadius="{StaticResource OverlayCornerRadius}"
-            IsItemClickEnabled="True"
-            ItemClick="ListView_ItemClick"
-            ItemsSource="{x:Bind projects}"
-            SelectionMode="None"
-            Visibility="Visible">
-            <ListView.ItemTemplate>
-                <DataTemplate x:DataType="data:ProjectInfo">
-                    <Grid Padding="4,8">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                            <ColumnDefinition Width="200" />
-                            <ColumnDefinition Width="100" />
-                            <ColumnDefinition Width="100" />
-                        </Grid.ColumnDefinitions>
+            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 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">
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
+                            <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.Row="0"
-                                Style="{StaticResource SubtitleTextBlockStyle}"
-                                Text="{x:Bind Name}" />
+                                Grid.Column="1"
+                                Margin="16,4"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Metadata.LastOpened}" />
                             <TextBlock
-                                Grid.Row="1"
-                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
-                                Style="{StaticResource CaptionTextBlockStyle}"
-                                Text="{x:Bind Path}" />
+                                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>
 
-                        <TextBlock
-                            Grid.Column="1"
-                            Margin="16,4"
-                            VerticalAlignment="Center"
-                            Text="{x:Bind LastOpened}" />
-                        <TextBlock
-                            Grid.Column="2"
-                            Margin="16,4"
-                            VerticalAlignment="Center"
-                            Text="{x:Bind 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="Collapsed">
+                <TextBlock
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource TitleTextBlockStyle}"
+                    Text="Drage Project Folder Here" />
+            </Grid>
+        </Grid>
 
-        <TextBlock
-            x:Name="PlaceHolderText"
-            HorizontalAlignment="Center"
-            VerticalAlignment="Center"
-            Style="{StaticResource TitleTextBlockStyle}"
-            Text="No projects found"
-            Visibility="Collapsed" />
+        <!--  Empty Place Holder  -->
+        <Grid
+            x:Name="EmptyPlaceHolder"
+            Grid.Row="2"
+            Visibility="Collapsed">
+            <TextBlock
+                HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Style="{StaticResource TitleTextBlockStyle}"
+                Text="No projects found" />
+        </Grid>
     </Grid>
 </Page>

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

@@ -1,56 +1,133 @@
 using Ghost.Data.Models;
 using Ghost.Data.Services;
-using Ghost.Editor.View.Windows;
+using Ghost.Editor.AppStates;
+using Ghost.Editor.Services;
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Navigation;
+using System;
 using System.Collections.ObjectModel;
-
-// To learn more about WinUI, the WinUI project structure,
-// and more about our project templates, see: http://aka.ms/winui-project-info.
+using System.Linq;
+using Windows.ApplicationModel.DataTransfer;
+using Windows.Storage;
 
 namespace Ghost.Editor.View.Pages.Landing;
 
 internal sealed partial class OpenProjectPage : Page
 {
     private readonly ProjectService _projectService;
+    private readonly StackedNotificationService _notificationService;
+    private readonly AppStateService _stateService;
 
-    public readonly ObservableCollection<ProjectInfo> projects = new();
+    public readonly ObservableCollection<ProjectMetadataInfo> projects = new();
 
     public OpenProjectPage()
     {
+        _notificationService = App.GetService<StackedNotificationService>();
         _projectService = App.GetService<ProjectService>();
-
+        _stateService = App.GetService<AppStateService>();
         InitializeComponent();
     }
 
+    private void UpdateEmptyPlaceHolderVisibility()
+    {
+        EmptyPlaceHolder.Visibility = projects.Count == 0 ? Visibility.Visible : Visibility.Collapsed;
+    }
+
     protected override async void OnNavigatedTo(NavigationEventArgs e)
     {
-        await foreach (var project in _projectService.LoadAllProjectAsync())
+        base.OnNavigatedTo(e);
+
+        projects.Clear();
+        await foreach (var projectInfo in _projectService.LoadAllProjectAsync())
         {
-            projects.Add(project);
+            var metadata = await ProjectService.LoadMetadataAsync(projectInfo.MetadataPath);
+            if (metadata == null)
+            {
+                continue;
+            }
+
+            projects.Add(new(projectInfo.MetadataPath, metadata));
         }
 
-        if (projects.Count == 0)
+        UpdateEmptyPlaceHolderVisibility();
+    }
+
+    private void ProjectContainer_DragEnter(object sender, DragEventArgs e)
+    {
+        DragVisual.Visibility = Visibility.Visible;
+        EmptyPlaceHolder.Visibility = Visibility.Collapsed;
+    }
+
+    private void ProjectContainer_DragLeave(object sender, DragEventArgs e)
+    {
+        DragVisual.Visibility = Visibility.Collapsed;
+        UpdateEmptyPlaceHolderVisibility();
+    }
+
+    private void ProjectContainer_DragOver(object sender, DragEventArgs e)
+    {
+        if (e.DataView.Contains(StandardDataFormats.StorageItems))
         {
-            PlaceHolderText.Visibility = Visibility.Visible;
-            ProjectListView.Visibility = Visibility.Collapsed;
+            e.AcceptedOperation = DataPackageOperation.Link;
         }
+        else
+        {
+            e.AcceptedOperation = DataPackageOperation.None;
+        }
+    }
+
+    private async void ProjectContainer_Drop(object sender, DragEventArgs e)
+    {
+        var errorMessage = string.Empty;
+        if (e.DataView.Contains(StandardDataFormats.StorageItems))
+        {
+            var items = await e.DataView.GetStorageItemsAsync();
+            var rootFolder = items.OfType<StorageFolder>().FirstOrDefault();
+            if (rootFolder != null)
+            {
+                var result = await _projectService.AddProjectFromDirectoryAsync(rootFolder.Path);
+                if (result.success)
+                {
+                    projects.Add(result.data);
+                    DragVisual.Visibility = Visibility.Collapsed;
+                    goto CloseDropPanel;
+                }
+                else
+                {
+                    errorMessage = result.message;
+                }
+            }
+        }
+        else
+        {
+            errorMessage = "Unsupported data format. Please drop a folder containing a project.";
+        }
+
+        _notificationService.ShowNotification(errorMessage, InfoBarSeverity.Error);
+
+    CloseDropPanel:
+        DragVisual.Visibility = Visibility.Collapsed;
+        UpdateEmptyPlaceHolderVisibility();
     }
 
     private async void ListView_ItemClick(object sender, ItemClickEventArgs e)
     {
-        if (e.ClickedItem is not ProjectInfo project)
+        if (e.ClickedItem is not ProjectMetadataInfo project)
         {
             return;
         }
 
-        if (EngineEditorWindow.TryLoadProject(project))
+        try
         {
-            App.GetService<LandingWindow>().Close();
+            project.Metadata.LastOpened = DateTime.Now;
+            await ProjectService.CreateMetadataFileAsync(project.Path, project.Metadata);
 
-            project.LastOpened = System.DateTime.Now;
-            await _projectService.UpdateProjectAsync(project);
+            await _stateService.TransitionToAsync(StateKey.EngineEditor, project.Metadata);
+        }
+        catch (Exception exp)
+        {
+            _notificationService.ShowNotification($"Failed to load project: {exp.Message}", InfoBarSeverity.Error);
         }
     }
 }

Ghost.Editor/View/Windows/EngineEditorWindow.xaml

@@ -5,16 +5,18 @@
     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.Editor.View.Pages.EngineEditor"
     xmlns:local="using:Ghost.Editor.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>
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
@@ -41,7 +43,7 @@
                 Margin="8,0,0,0"
                 VerticalAlignment="Center"
                 Style="{StaticResource CaptionTextBlockStyle}"
-                Text="{x:Bind ViewModel.CurrentProject.Name}" />
+                Text="{x:Bind ViewModel.CurrentProject.Name, Mode=OneWay}" />
         </StackPanel>
 
         <!--  Toolbar  -->
@@ -85,32 +87,41 @@
                     Grid.Column="0"
                     Width="350"
                     Background="Aquamarine" />
-                <Grid Grid.Column="1" />
+                <Grid Grid.Column="1">
+                    <Image Source="C:\Users\Misaki\OneDrive\Pictures\Screenshots\Screenshot 2024-07-20 021657.png" Stretch="UniformToFill" />
+                </Grid>
                 <Grid
                     Grid.Column="2"
                     Width="350"
                     Background="Bisque" />
             </Grid>
 
-            <Grid Grid.Row="1" Height="350">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="Auto" />
-                </Grid.ColumnDefinitions>
-
-                <Grid Grid.Column="0" Background="AliceBlue" />
-                <Grid
-                    Grid.Column="1"
-                    Width="500"
-                    Background="HotPink" />
-            </Grid>
+            <TabView
+                Grid.Row="1"
+                Height="350"
+                TabWidthMode="Compact">
+                <TabView.TabItems>
+                    <TabViewItem Header="Project">
+                        <TabViewItem.IconSource>
+                            <FontIconSource Glyph="&#xE8B7;" />
+                        </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 SmokeFillColorDefaultBrush}">
+            Background="{ThemeResource SolidBackgroundFillColorBaseAltBrush}">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="Auto" />
                 <ColumnDefinition Width="*" />

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

@@ -1,5 +1,4 @@
-using Ghost.Data.Models;
-using Ghost.Data.Resources;
+using Ghost.Data.Resources;
 using Ghost.Editor.ViewModel.Windows;
 using Ghost.Engine.Resources;
 using WinUIEx;
@@ -22,7 +21,7 @@ internal sealed partial class EngineEditorWindow : WindowEx
     {
         ViewModel = App.GetService<EngineEditorViewModel>();
 
-        AppWindow.SetIcon(AssetsPath.AppIconPath);
+        AppWindow.SetIcon(AssetsPath.s_appIconPath);
         Title = EngineData.ENGINE_NAME;
         ExtendsContentIntoTitleBar = true;
 
@@ -31,23 +30,8 @@ internal sealed partial class EngineEditorWindow : WindowEx
         this.CenterOnScreen();
     }
 
-    public static bool TryLoadProject(ProjectInfo project)
+    private void WindowEx_Activated(object sender, Microsoft.UI.Xaml.WindowActivatedEventArgs args)
     {
-        try
-        {
-            var window = App.GetService<EngineEditorWindow>();
-            window.ViewModel.CurrentProject = project;
-
-            window.Activate();
-            window.Bindings.Update();
-
-            App.SetWindow(window);
-
-            return true;
-        }
-        catch (System.Exception)
-        {
-            return false;
-        }
+        Bindings.Update();
     }
 }

Ghost.Editor/View/Windows/LandingWindow.xaml

@@ -3,10 +3,14 @@
     x:Class="Ghost.Editor.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.Editor.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">
 
@@ -55,8 +59,19 @@
                 Grid.Row="1"
                 Padding="8"
                 CacheMode="BitmapCache"
-                CacheSize="10"
-                IsNavigationStackEnabled="False" />
+                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.Editor/View/Windows/LandingWindow.xaml.cs

@@ -1,6 +1,8 @@
 using Ghost.Data.Resources;
+using Ghost.Editor.Services;
 using Ghost.Editor.View.Pages.Landing;
 using Ghost.Engine.Resources;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Media.Animation;
 using WinUIEx;
@@ -9,11 +11,13 @@ namespace Ghost.Editor.View.Windows;
 
 internal sealed partial class LandingWindow : WindowEx
 {
+    private IServiceScope? _landingScope;
+
     private int _previousSelectedIndex;
 
     public LandingWindow()
     {
-        AppWindow.SetIcon(AssetsPath.AppIconPath);
+        AppWindow.SetIcon(AssetsPath.s_appIconPath);
         Title = EngineData.ENGINE_NAME;
 
         InitializeComponent();
@@ -24,6 +28,19 @@ internal sealed partial class LandingWindow : WindowEx
         ExtendsContentIntoTitleBar = true;
     }
 
+    private void WindowEx_Activated(object sender, Microsoft.UI.Xaml.WindowActivatedEventArgs args)
+    {
+        _landingScope?.Dispose();
+        _landingScope = App.CreateScope();
+        App.GetService<StackedNotificationService>().SetReference(InfoBar, NotificationQueue);
+    }
+
+    private void WindowEx_Closed(object sender, Microsoft.UI.Xaml.WindowEventArgs args)
+    {
+        _landingScope?.Dispose();
+        App.GetService<StackedNotificationService>().ClearReference();
+    }
+
     private void SelectorBar_SelectionChanged(SelectorBar sender, SelectorBarSelectionChangedEventArgs e)
     {
         var selectedItem = sender.SelectedItem;
@@ -37,7 +54,7 @@ internal sealed partial class LandingWindow : WindowEx
         var slideNavigationTransitionEffect = currentSelectedIndex - _previousSelectedIndex > 0 ?
             SlideNavigationTransitionEffect.FromRight : SlideNavigationTransitionEffect.FromLeft;
 
-        ContentFrame.Navigate(pageType, null, new SlideNavigationTransitionInfo() { Effect = slideNavigationTransitionEffect });
+        ContentFrame.Navigate(pageType, _landingScope, new SlideNavigationTransitionInfo() { Effect = slideNavigationTransitionEffect });
 
         _previousSelectedIndex = currentSelectedIndex;
     }