Artemis/src/Artemis.UI/Screens/VisualScripting/NodePickerView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:visualScripting="clr-namespace:Artemis.UI.Screens.VisualScripting"
             xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
             xmlns:core="clr-namespace:Artemis.Core;assembly=Artemis.Core"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             mc:Ignorable="d" d:DesignWidth="650" d:DesignHeight="450"
             x:Class="Artemis.UI.Screens.VisualScripting.NodePickerView"
             x:DataType="visualScripting:NodePickerViewModel"
             Width="600"
             Height="400">
    <UserControl.Styles>
        <Style Selector="TextBox#SearchBox">
            <Setter Property="VerticalAlignment" Value="Top"></Setter>
            <Setter Property="InnerRightContent">
                <Template>
                    <StackPanel Orientation="Horizontal">
                        <controls:Button Content="&#xE8BB;"
                                         FontFamily="{StaticResource SymbolThemeFontFamily}"
                                         Classes="AppBarButton"
                                         Command="{Binding $parent[TextBox].Clear}"
                                         IsVisible="{Binding Text, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TextBox}}, Converter={x:Static StringConverters.IsNotNullOrEmpty}}" />
                        <controls:Button Content="&#xE721;"
                                         FontFamily="{StaticResource SymbolThemeFontFamily}"
                                         Classes="AppBarButton"
                                         IsHitTestVisible="False" />
                    </StackPanel>
                </Template>
            </Setter>
        </Style>

        <Style Selector="TreeView#NodeTree">

        </Style>
    </UserControl.Styles>
    <Border Classes="picker-container">
        <Grid RowDefinitions="Auto,*">
            <TextBox Name="SearchBox" Text="{CompiledBinding SearchText}" Margin="0 0 0 15" Watermark="Search"></TextBox>
            <TreeView Name="NodeTree" Grid.Row="1" Items="{CompiledBinding Categories}" IsVisible="{CompiledBinding Categories.Count}" SelectedItem="{CompiledBinding SelectedNode}">
                <TreeView.Styles>
                    <Style Selector="TreeViewItem">
                        <Setter Property="IsExpanded" Value="True" />
                    </Style>
                </TreeView.Styles>
                <TreeView.DataTemplates>
                    <TreeDataTemplate DataType="{x:Type core:NodeData}">
                        <StackPanel Margin="-15 1 0 1">
                            <TextBlock Classes="BodyStrongTextBlockStyle" Text="{Binding Name}"></TextBlock>
                            <TextBlock Foreground="{DynamicResource TextFillColorSecondary}" Text="{Binding Description}"></TextBlock>
                        </StackPanel>
                    </TreeDataTemplate>
                    <TreeDataTemplate ItemsSource="{Binding Items}">
                        <TextBlock Text="{Binding Key}"></TextBlock>
                    </TreeDataTemplate>
                </TreeView.DataTemplates>
            </TreeView>
            <StackPanel Grid.Row="1" VerticalAlignment="Center" Spacing="20" IsVisible="{CompiledBinding !Categories.Count}">
                <avalonia:MaterialIcon Kind="CloseCircle" Width="64" Height="64"></avalonia:MaterialIcon>
                <TextBlock Classes="h4" TextAlignment="Center">None of the nodes match your search</TextBlock>
            </StackPanel>
        </Grid>
    </Border>
</UserControl>