Artemis/src/Artemis.UI/Screens/VisualScripting/NodeView.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:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:visualScripting="clr-namespace:Artemis.UI.Screens.VisualScripting"
             mc:Ignorable="d" d:DesignWidth="250" d:DesignHeight="150"
             x:Class="Artemis.UI.Screens.VisualScripting.NodeView"
             x:DataType="visualScripting:NodeViewModel">
    <UserControl.Styles>
        <Style Selector="Border.node-container">
            <Setter Property="CornerRadius" Value="6" />
            <Setter Property="Background">
                <SolidColorBrush Color="{DynamicResource SolidBackgroundFillColorBase}" Opacity="0.75"></SolidColorBrush>
            </Setter>
            <Setter Property="BorderBrush" Value="{DynamicResource CardStrokeColorDefaultBrush}" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Transitions">
                <Setter.Value>
                    <Transitions>
                        <BrushTransition Property="BorderBrush" Duration="0:0:0.2" Easing="CubicEaseOut" />
                    </Transitions>
                </Setter.Value>
            </Setter>
        </Style>
        <Style Selector="Border.node-container-selected">
            <Setter Property="BorderBrush" Value="{DynamicResource SystemAccentColor}" />
        </Style>
    </UserControl.Styles>
    <Border Classes="node-container" Classes.node-container-selected="{CompiledBinding IsSelected}" PointerMoved="NodeContainer_OnPointerMoved">
        <Grid RowDefinitions="Auto,*">
            <Border Grid.Row="0"
                    CornerRadius="6 6 0 0"
                    Cursor="Hand"
                    PointerReleased="InputElement_OnPointerReleased"
                    PointerMoved="InputElement_OnPointerMoved"
                    ClipToBounds="True"
                    Background="{DynamicResource ContentDialogBackground}">
                <Border Background="{DynamicResource TaskDialogHeaderBackground}">
                    <Grid Classes="node-header" VerticalAlignment="Top" ColumnDefinitions="Auto,*,Auto">
                        <Button Grid.Column="0"
                                VerticalAlignment="Center"
                                IsVisible="{CompiledBinding Node.BrokenState, Converter={x:Static ObjectConverters.IsNotNull}}"
                                Classes="icon-button icon-button-small"
                                Foreground="White"
                                Background="#E74C4C"
                                BorderBrush="#E74C4C"
                                Margin="5 0 0 0"
                                ToolTip.Tip="{CompiledBinding Node.BrokenState}"
                                Command="{CompiledBinding ShowBrokenState}">
                            <avalonia:MaterialIcon Kind="AlertCircle"></avalonia:MaterialIcon>
                        </Button>

                        <TextBlock Grid.Column="1" VerticalAlignment="Center" Margin="10 0 0 0" Text="{CompiledBinding Node.Name}" ToolTip.Tip="{CompiledBinding Node.Description}"/>

                        <Button Grid.Column="2" VerticalAlignment="Center" Classes="icon-button icon-button-small" Margin="5" Command="{CompiledBinding DeleteNode}">
                            <avalonia:MaterialIcon Kind="Close"></avalonia:MaterialIcon>
                        </Button>
                    </Grid>
                </Border>
            </Border>

            <Grid Grid.Row="1" ColumnDefinitions="Auto,*,Auto" Margin="4">
                <StackPanel Grid.Column="0" IsVisible="{CompiledBinding HasInputPins}">
                    <ItemsControl Items="{CompiledBinding InputPinViewModels}" Margin="4 0" />
                    <ItemsControl Items="{CompiledBinding InputPinCollectionViewModels}" />
                </StackPanel>

                <ContentControl Grid.Column="1"
                                Name="CustomViewModelContainer"
                                Content="{CompiledBinding CustomNodeViewModel}"
                                IsVisible="{CompiledBinding CustomNodeViewModel, Converter={x:Static ObjectConverters.IsNotNull}}" />

                <StackPanel Grid.Column="2" IsVisible="{CompiledBinding HasOutputPins}">
                    <ItemsControl Items="{CompiledBinding OutputPinViewModels}" Margin="4 0" />
                    <ItemsControl Items="{CompiledBinding OutputPinCollectionViewModels}" />
                </StackPanel>
            </Grid>
        </Grid>
    </Border>
</UserControl>