diff --git a/MainWindow.axaml b/MainWindow.axaml
index 12116d1..b437dee 100644
--- a/MainWindow.axaml
+++ b/MainWindow.axaml
@@ -22,6 +22,7 @@
         </StackPanel>
 
         <DockPanel>
+            
             <Menu Name="MenuBar" DockPanel.Dock="Top">
                 <MenuItem Header="File">
                     <MenuItem Header="Open Data Folder..." />
@@ -32,6 +33,7 @@
                 <TabItem Header="selection">
                     <UserControl Name="SelectionControl"/>
                 </TabItem>
+
                 <TabItem Header="export">
                 </TabItem>
             </TabControl>
diff --git a/Views/Selection/Selection.axaml b/Views/Selection/Selection.axaml
index c5ff6bd..33cda69 100644
--- a/Views/Selection/Selection.axaml
+++ b/Views/Selection/Selection.axaml
@@ -6,21 +6,39 @@
         x:Class="MercuryConverter.Views.Selection"
 >
     <DockPanel>
-        <ContentControl Name="SelectionInfo" DockPanel.Dock="Right" Width="250">
-            <StackPanel Margin="12">
-                <Image Name="InfoImageJacket" Margin="24 0 24 0" Source="/Assets/imgs/jacket-placeholder.png"/>
-                <TextBlock Name="InfoNameText" Text="Name" FontWeight="Bold" HorizontalAlignment="Center" Margin="0 10 0 0"/>
-                <TextBlock Name="InfoArtistText" Text="Artist" HorizontalAlignment="Center"/>
-                <TextBlock Name="InfoSourceText" Text="Source" HorizontalAlignment="Center"/>
-                <UserControl Margin="0 24 0 0">
-                    
-                </UserControl>
-            </StackPanel>
-        </ContentControl>
-        <DockPanel Margin="0 0 8 0">
+        <!-- Sidebar -->
+        <TabControl Margin="8 8 0 0" Width="250" DockPanel.Dock="Right">
+            <TabControl.Resources>
+                <ResourceDictionary>
+                    <Thickness x:Key="TabItemHeaderMargin">12 0 12 15</Thickness>
+                    <Thickness x:Key="TabItemMargin">0 0 0 0</Thickness>
+                </ResourceDictionary>
+            </TabControl.Resources>
+
+            <TabItem Header="Info" FontSize="16">
+                <StackPanel Name="SelectionInfo">
+                    <Image Name="InfoImageJacket" Margin="24 0 24 0" Source="/Assets/imgs/jacket-placeholder.png"/>
+                    <TextBlock Name="InfoNameText" Text="Name" FontWeight="Bold" HorizontalAlignment="Center" Margin="0 10 0 0"/>
+                    <TextBlock Name="InfoArtistText" Text="Artist" HorizontalAlignment="Center"/>
+                    <TextBlock Name="InfoSourceText" Text="Source" HorizontalAlignment="Center"/>
+                </StackPanel>
+            </TabItem>
+            <TabItem Header="Filters" FontSize="16">
+                <StackPanel>
+                    <!-- Sources Filter -->
+                    <TextBlock Text="Sources" FontWeight="Bold" Margin="0 0 0 4"/>
+                    <StackPanel Margin="10 0 0 0" Name="FilterSourceContainer"/>
+                    <!-- Categories Filter -->
+                    <TextBlock Text="Categories" FontWeight="Bold" Margin="0 20 0 4"/>
+                    <StackPanel Margin="10 0 0 0" Name="FilterCategoryContainer"/>
+                </StackPanel>
+            </TabItem>
+        </TabControl>
+        <!-- Song Listing Table -->
+        <DockPanel>
             <DockPanel Margin="0 4 0 8" DockPanel.Dock="Top">
-                <ComboBox DockPanel.Dock="Right" Width="160" PlaceholderText="Source filter" Name="SourceFilter"/>
-                <TextBox Margin="0 0 8 0" Watermark="Search for title, artist, designer..."/>
+                <!-- <ComboBox DockPanel.Dock="Right" Width="160" PlaceholderText="Source filter" Name="SourceFilter"/> -->
+                <TextBox Watermark="Search for title, artist, designer..."/>
             </DockPanel>
             <UserControl Background="{DynamicResource DataGridContentBackground}">
                 <DataGrid Name="ListingTable" IsReadOnly="True" SelectionMode="Extended" ItemsSource="{Binding SongCollection}">
diff --git a/Views/Selection/Selection.axaml.cs b/Views/Selection/Selection.axaml.cs
index b801861..7bafac3 100644
--- a/Views/Selection/Selection.axaml.cs
+++ b/Views/Selection/Selection.axaml.cs
@@ -1,8 +1,11 @@
+using Microsoft.VisualBasic;
 using System;
 using System.Collections.ObjectModel;
 using System.Collections.Specialized;
+using System.Threading.Tasks;
 using Avalonia.Controls;
 using MercuryConverter.Data;
+using Avalonia;
 
 namespace MercuryConverter.Views;
 
@@ -13,19 +16,35 @@ public partial class Selection : Panel
     {
         InitializeComponent();
         ListingTable.SelectionMode = DataGridSelectionMode.Extended;
-        SourceFilter.ItemsSource = new string[]{
-            "",
-            Consts.NUM_SOURCE[1],
-            Consts.NUM_SOURCE[2],
-            Consts.NUM_SOURCE[3],
-            Consts.NUM_SOURCE[4],
-            Consts.NUM_SOURCE[5],
-        };
-        
+
+        foreach (var (k, v) in Consts.NUM_SOURCE)
+        {
+            FilterSourceContainer.Children.Add(
+                new CheckBox
+                {
+                    Name = $"FilterSourceCheckbox{k}",
+                    Content = v,
+                }
+            );
+        }
+        foreach (var (k, v) in Consts.CATEGORY_INDEX)
+        {
+            if (k == -1)
+                continue;
+
+            FilterCategoryContainer.Children.Add(
+                new CheckBox
+                {
+                    Name = $"FilterCategoryCheckbox{k}",
+                    Content = v,
+                }
+            );
+        }
+
         SongCollection.CollectionChanged += OnSongsChg;
         DataContext = this;
 
-        // test data
+        // placeholder data
         if (SongCollection.Count == 0)
         {
             SongCollection.Add(