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

<?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>