Profile editor - Integrated visual scripting

src/Artemis.Benchmarking/Artemis.Benchmarking.csproj

@@ -0,0 +1,18 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <OutputType>Exe</OutputType>
+    <TargetFramework>net6.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="BenchmarkDotNet" Version="0.13.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\Artemis.Core\Artemis.Core.csproj" />
+  </ItemGroup>
+
+</Project>

src/Artemis.Benchmarking/NumericConversion.cs

@@ -0,0 +1,40 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Artemis.Core;
+using BenchmarkDotNet.Attributes;
+
+namespace Artemis.Benchmarking
+{
+    public class NumericConversion
+    {
+        private readonly float _float;
+        private readonly Numeric _numeric;
+
+        public NumericConversion()
+        {
+            _float = 255235235f;
+            _numeric = new Numeric(_float);
+        }
+
+        [Benchmark]
+        public void FloatToIntCast()
+        {
+            var integer = (int) _float;
+        }
+
+        [Benchmark]
+        public void NumericToIntCast()
+        {
+            var integer = (int) _numeric;
+        }
+
+        [Benchmark]
+        public void NumericToIntConvertTo()
+        {
+            var integer = Convert.ChangeType(_numeric, typeof(int));
+        }
+    }
+}

src/Artemis.Benchmarking/Program.cs

@@ -0,0 +1,3 @@
+using BenchmarkDotNet.Running;
+
+BenchmarkRunner.Run(typeof(Program).Assembly);

src/Artemis.Core/Models/Profile/Conditions/EventCondition.cs

@@ -195,6 +195,9 @@ namespace Artemis.Core
             _entity.EventPath = EventPath?.Entity;
         }
 
+        /// <inheritdoc />
+        public INodeScript NodeScript => Script;
+
         /// <inheritdoc />
         public void LoadNodeScript()
         {

src/Artemis.Core/Models/Profile/Conditions/ICondition.cs

@@ -1,51 +1,55 @@
 using System;
 using Artemis.Storage.Entities.Profile.Abstract;
 
-namespace Artemis.Core
+namespace Artemis.Core;
+
+/// <summary>
+///     Represents a condition applied to a <see cref="ProfileElement" />
+/// </summary>
+public interface ICondition : IDisposable, IStorageModel
 {
     /// <summary>
-    ///     Represents a condition applied to a <see cref="ProfileElement" />
+    ///     Gets the entity used to store this condition
     /// </summary>
-    public interface ICondition : IDisposable, IStorageModel
-    {
-        /// <summary>
-        ///     Gets the entity used to store this condition
-        /// </summary>
-        public IConditionEntity Entity { get; }
-
-        /// <summary>
-        ///     Gets the profile element this condition applies to
-        /// </summary>
-        public ProfileElement ProfileElement { get; }
-
-        /// <summary>
-        ///     Gets a boolean indicating whether the condition is currently met
-        /// </summary>
-
-        bool IsMet { get; }
-
-        /// <summary>
-        ///     Updates the condition
-        /// </summary>
-        void Update();
-
-        /// <summary>
-        ///     Applies the display condition to the provided timeline
-        /// </summary>
-        /// <param name="isMet"></param>
-        /// <param name="wasMet"></param>
-        /// <param name="timeline">The timeline to apply the display condition to</param>
-        void ApplyToTimeline(bool isMet, bool wasMet, Timeline timeline);
-    }
+    public IConditionEntity Entity { get; }
 
     /// <summary>
-    ///     Represents a condition applied to a <see cref="ProfileElement" /> using a <see cref="INodeScript" />
+    ///     Gets the profile element this condition applies to
     /// </summary>
-    public interface INodeScriptCondition : ICondition
-    {
-        /// <summary>
-        ///     Loads the node script this node script condition uses
-        /// </summary>
-        void LoadNodeScript();
-    }
+    public ProfileElement ProfileElement { get; }
+
+    /// <summary>
+    ///     Gets a boolean indicating whether the condition is currently met
+    /// </summary>
+
+    bool IsMet { get; }
+
+    /// <summary>
+    ///     Updates the condition
+    /// </summary>
+    void Update();
+
+    /// <summary>
+    ///     Applies the display condition to the provided timeline
+    /// </summary>
+    /// <param name="isMet"></param>
+    /// <param name="wasMet"></param>
+    /// <param name="timeline">The timeline to apply the display condition to</param>
+    void ApplyToTimeline(bool isMet, bool wasMet, Timeline timeline);
+}
+
+/// <summary>
+///     Represents a condition applied to a <see cref="ProfileElement" /> using a <see cref="INodeScript" />
+/// </summary>
+public interface INodeScriptCondition : ICondition
+{
+    /// <summary>
+    ///     Gets the node script of this node script condition
+    /// </summary>
+    INodeScript? NodeScript { get; }
+
+    /// <summary>
+    ///     Loads the node script this node script condition uses
+    /// </summary>
+    void LoadNodeScript();
 }

src/Artemis.Core/Models/Profile/Conditions/StaticCondition.cs

@@ -91,6 +91,9 @@ namespace Artemis.Core
             _entity.Script = Script.Entity;
         }
 
+        /// <inheritdoc />
+        public INodeScript? NodeScript => Script;
+
         /// <inheritdoc />
         public void LoadNodeScript()
         {

src/Artemis.Core/Models/Profile/DataBindings/DataBinding.cs

@@ -39,10 +39,8 @@ namespace Artemis.Core
         ///     Gets the layer property this data binding targets
         /// </summary>
         public LayerProperty<TLayerProperty> LayerProperty { get; }
-
-        /// <summary>
-        ///     Gets the script used to populate the data binding
-        /// </summary>
+        
+        /// <inheritdoc />
         public INodeScript Script => _script;
 
         /// <summary>
@@ -126,7 +124,7 @@ namespace Artemis.Core
         }
 
         /// <summary>
-        ///     Invokes the <see cref="DataBindingDisabled" /> event
+        ///     Invokes the <see cref="DataBindingPropertiesCleared" /> event
         /// </summary>
         protected virtual void OnDataBindingPropertiesCleared()
         {

src/Artemis.Core/Models/Profile/DataBindings/DataBindingProperty.cs

@@ -11,7 +11,7 @@ namespace Artemis.Core
             Setter = setter ?? throw new ArgumentNullException(nameof(setter));
             DisplayName = displayName ?? throw new ArgumentNullException(nameof(displayName));
         }
-        
+
         /// <summary>
         ///     Gets the function to call to get the value of the property
         /// </summary>
@@ -37,10 +37,27 @@ namespace Artemis.Core
         /// <inheritdoc />
         public void SetValue(object? value)
         {
-            if (value is TProperty match)
-                Setter(match);
-            else
-                throw new ArgumentException("Value must match the type of the data binding registration", nameof(value));
+            // Numeric has a bunch of conversion, this seems the cheapest way to use them :)
+            switch (value)
+            {
+                case TProperty match:
+                    Setter(match);
+                    break;
+                case Numeric numeric when Setter is Action<float> floatSetter:
+                    floatSetter(numeric);
+                    break;
+                case Numeric numeric when Setter is Action<int> intSetter:
+                    intSetter(numeric);
+                    break;
+                case Numeric numeric when Setter is Action<double> doubleSetter:
+                    doubleSetter(numeric);
+                    break;
+                case Numeric numeric when Setter is Action<byte> byteSetter:
+                    byteSetter(numeric);
+                    break;
+                default:
+                    throw new ArgumentException("Value must match the type of the data binding registration", nameof(value));
+            }
         }
     }
 }

src/Artemis.Core/Models/Profile/DataBindings/IDataBinding.cs

@@ -15,6 +15,11 @@ namespace Artemis.Core
         /// </summary>
         ILayerProperty BaseLayerProperty { get; }
 
+        /// <summary>
+        ///     Gets the script used to populate the data binding
+        /// </summary>
+        INodeScript Script { get; }
+
         /// <summary>
         /// Gets a list of sub-properties this data binding applies to
         /// </summary>

src/Artemis.Core/Models/Profile/RenderProfileElement.cs

@@ -363,7 +363,7 @@ namespace Artemis.Core
         private bool _displayConditionMet;
 
         /// <summary>
-        ///     Gets the display condition used to determine whether this element is active or not
+        ///     Gets or sets the display condition used to determine whether this element is active or not
         /// </summary>
         public ICondition? DisplayCondition
         {

src/Artemis.Core/VisualScripting/Internal/DataBindingExitNode.cs

@@ -28,11 +28,11 @@ namespace Artemis.Core.Internal
             {
                 if (inputPin.ConnectedTo.Any())
                     _propertyValues[property] = inputPin.Value!;
-                else 
+                else
                     _propertyValues.Remove(property);
             }
         }
-
+        
         public void ApplyToDataBinding()
         {
             foreach (var (property, pendingValue) in _propertyValues)
@@ -53,9 +53,14 @@ namespace Artemis.Core.Internal
             ClearInputPins();
 
             foreach (IDataBindingProperty property in DataBinding.Properties)
-                _propertyPins.Add(property, CreateInputPin(property.ValueType, property.DisplayName));
+            {
+                _propertyPins.Add(property, Numeric.IsTypeCompatible(property.ValueType)
+                    ? CreateInputPin(typeof(Numeric), property.DisplayName)
+                    : CreateInputPin(property.ValueType, property.DisplayName)
+                );
+            }
         }
-        
+
         #region Event handlers
 
         private void DataBindingOnDataBindingPropertyRegistered(object? sender, DataBindingEventArgs e)
@@ -67,7 +72,7 @@ namespace Artemis.Core.Internal
         {
             ClearInputPins();
         }
-        
+
         #endregion
     }
 }

src/Artemis.UI.Linux/ApplicationStateManager.cs

@@ -7,7 +7,7 @@ using System.Net.Http;
 using System.Threading;
 using Artemis.Core;
 using Artemis.Core.Services;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia;
 using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Threading;

src/Artemis.UI.Shared/Controls/DataModelPicker/DataModelPicker.cs

@@ -8,7 +8,7 @@ using Artemis.Core.Modules;
 using Artemis.UI.Shared.DataModelVisualization.Shared;
 using Artemis.UI.Shared.Events;
 using Artemis.UI.Shared.Extensions;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.Primitives;

src/Artemis.UI.Shared/DataModelVisualization/DataModelVisualizationRegistration.cs

@@ -2,7 +2,6 @@
 using System.Collections.Generic;
 using Artemis.Core;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 
 namespace Artemis.UI.Shared.DataModelVisualization
 {

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelEventViewModel.cs

@@ -3,7 +3,6 @@ using System.Linq;
 using Artemis.Core;
 using Artemis.Core.Modules;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelListItemViewModel.cs

@@ -1,6 +1,5 @@
 using System;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelListViewModel.cs

@@ -4,7 +4,6 @@ using System.Collections.ObjectModel;
 using Artemis.Core;
 using Artemis.Core.Modules;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelPropertiesViewModel.cs

@@ -2,7 +2,6 @@
 using Artemis.Core;
 using Artemis.Core.Modules;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelPropertyViewModel.cs

@@ -2,7 +2,6 @@
 using Artemis.Core;
 using Artemis.Core.Modules;
 using Artemis.UI.Shared.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared

src/Artemis.UI.Shared/DataModelVisualization/Shared/DataModelVisualizationViewModel.cs

@@ -6,7 +6,7 @@ using System.Reflection;
 using System.Text;
 using Artemis.Core;
 using Artemis.Core.Modules;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using ReactiveUI;
 
 namespace Artemis.UI.Shared.DataModelVisualization.Shared;

src/Artemis.UI.Shared/DefaultTypes/DataModel/Display/SKColorDataModelDisplayView.axaml

@@ -0,0 +1,31 @@
+<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:display="clr-namespace:Artemis.UI.Shared.DefaultTypes.DataModel.Display"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Artemis.UI.Shared.DefaultTypes.DataModel.Display.SKColorDataModelDisplayView"
+             x:DataType="display:SKColorDataModelDisplayViewModel">
+	<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
+        <TextBlock x:Name="HexDisplay"
+                   Text="{CompiledBinding DisplayValue, Converter={StaticResource SKColorToStringConverter}}"
+                   VerticalAlignment="Center"
+                   HorizontalAlignment="Stretch" />
+        <Border Margin="5 0 0 0"
+                VerticalAlignment="Bottom"
+                HorizontalAlignment="Right"
+                BorderThickness="1"
+                MinWidth="18"
+                MinHeight="18"
+                Background="{DynamicResource CheckerboardBrush}"
+                BorderBrush="{DynamicResource ColorPickerButtonOutline}"
+                CornerRadius="4"
+                ClipToBounds="True">
+            <Border CornerRadius="4">
+                <Border.Background>
+                    <SolidColorBrush Color="{CompiledBinding DisplayValue, Converter={StaticResource SKColorToColorConverter}}" />
+                </Border.Background>
+            </Border>
+        </Border>
+    </StackPanel>
+</UserControl>

src/Artemis.UI.Shared/DefaultTypes/DataModel/Display/SKColorDataModelDisplayView.axaml.cs

@@ -0,0 +1,19 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Artemis.UI.Shared.DefaultTypes.DataModel.Display
+{
+    public partial class SKColorDataModelDisplayView : UserControl
+    {
+        public SKColorDataModelDisplayView()
+        {
+            InitializeComponent();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}

src/Artemis.UI.Shared/DefaultTypes/DataModel/Display/SKColorDataModelDisplayViewModel.cs

@@ -0,0 +1,11 @@
+using Artemis.UI.Shared.DataModelVisualization;
+using SkiaSharp;
+
+namespace Artemis.UI.Shared.DefaultTypes.DataModel.Display;
+
+/// <summary>
+///     Represents a data model display view model used to display <see cref="SKColor" /> values.
+/// </summary>
+public class SKColorDataModelDisplayViewModel : DataModelDisplayViewModel<SKColor>
+{
+}

src/Artemis.UI.Shared/Ninject/SharedUIModule.cs

@@ -1,5 +1,5 @@
 using System;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Ninject.Extensions.Conventions;
 using Ninject.Modules;
 

src/Artemis.UI.Shared/Plugins/ScriptingProviders/ScriptEditorViewModel.cs

@@ -1,5 +1,4 @@
 using Artemis.Core.ScriptingProviders;
-using ReactiveUI;
 
 namespace Artemis.UI.Shared.ScriptingProviders
 {

src/Artemis.UI.Shared/Services/DataModelUIService.cs

@@ -8,7 +8,6 @@ using Artemis.Core.Services;
 using Artemis.UI.Shared.DataModelVisualization;
 using Artemis.UI.Shared.DataModelVisualization.Shared;
 using Artemis.UI.Shared.DefaultTypes.DataModel.Display;
-using Artemis.UI.Shared.Services.Interfaces;
 using Ninject;
 using Ninject.Parameters;
 

src/Artemis.UI.Shared/Services/GradientPickerService.cs

@@ -1,6 +1,4 @@
-using Artemis.UI.Shared.Services.Interfaces;
-
-namespace Artemis.UI.Shared.Services;
+namespace Artemis.UI.Shared.Services;
 
 public class GradientPickerService : IGradientPickerService
 {

src/Artemis.UI.Shared/Services/Interfaces/IArtemisSharedUIService.cs

@@ -1,4 +1,4 @@
-namespace Artemis.UI.Shared.Services.Interfaces
+namespace Artemis.UI.Shared.Services
 {
     /// <summary>
     ///     Represents a service provided by the Artemis Shared UI library

src/Artemis.UI.Shared/Services/Interfaces/IDataModelUIService.cs

@@ -5,7 +5,7 @@ using Artemis.Core.Modules;
 using Artemis.UI.Shared.DataModelVisualization;
 using Artemis.UI.Shared.DataModelVisualization.Shared;
 
-namespace Artemis.UI.Shared.Services.Interfaces
+namespace Artemis.UI.Shared.Services
 {
     /// <summary>
     ///     A service for UI related data model tasks

src/Artemis.UI.Shared/Services/Interfaces/INotificationService.cs

@@ -1,6 +1,6 @@
 using Artemis.UI.Shared.Services.Builders;
 
-namespace Artemis.UI.Shared.Services.Interfaces
+namespace Artemis.UI.Shared.Services
 {
     /// <summary>
     ///     A service that can be used to create notifications in either the application or on the desktop.

src/Artemis.UI.Shared/Services/Interfaces/IWindowService.cs

@@ -3,7 +3,7 @@ using System.Threading.Tasks;
 using Artemis.UI.Shared.Services.Builders;
 using Avalonia.Controls;
 
-namespace Artemis.UI.Shared.Services.Interfaces
+namespace Artemis.UI.Shared.Services
 {
     /// <summary>
     ///     A service that can be used to show windows and dialogs.

src/Artemis.UI.Shared/Services/MainWindow/IMainWindowService.cs

@@ -1,5 +1,4 @@
 using System;
-using Artemis.UI.Shared.Services.Interfaces;
 
 namespace Artemis.UI.Shared.Services.MainWindow
 {

src/Artemis.UI.Shared/Services/NodeEditor/INodeEditorService.cs

@@ -1,6 +1,5 @@
 using System;
 using Artemis.Core;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.UI.Shared.Services.ProfileEditor;
 
 namespace Artemis.UI.Shared.Services.NodeEditor;

src/Artemis.UI.Shared/Services/NodeEditor/NodeEditorService.cs

@@ -1,7 +1,6 @@
 using System;
 using System.Collections.Generic;
 using Artemis.Core;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.UI.Shared.Services.NodeEditor.Commands;
 
 namespace Artemis.UI.Shared.Services.NodeEditor;

src/Artemis.UI.Shared/Services/NotificationService.cs

@@ -1,5 +1,4 @@
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Avalonia.Controls;
 
 namespace Artemis.UI.Shared.Services

src/Artemis.UI.Shared/Services/ProfileEditor/Commands/ChangeConditionType.cs

@@ -0,0 +1,53 @@
+using System;
+using Artemis.Core;
+
+namespace Artemis.UI.Shared.Services.ProfileEditor.Commands;
+
+/// <summary>
+///     Represents a profile editor command that can be used to change the condition type of a profile element.
+/// </summary>
+public class ChangeConditionType : IProfileEditorCommand, IDisposable
+{
+    private readonly RenderProfileElement _profileElement;
+    private readonly ICondition? _condition;
+    private readonly ICondition? _oldCondition;
+    private bool _executed;
+
+    /// <summary>
+    ///     Creates a new instance of the <see cref="ChangeConditionType" /> class.
+    /// </summary>
+    /// <param name="profileElement">The profile element whose condition type to change.</param>
+    /// <param name="condition">The new condition type.</param>
+    public ChangeConditionType(RenderProfileElement profileElement, ICondition? condition)
+    {
+        _profileElement = profileElement;
+        _condition = condition;
+        _oldCondition = _profileElement.DisplayCondition;
+    }
+    
+    /// <inheritdoc />
+    public string DisplayName => "Change element display condition type";
+
+    /// <inheritdoc />
+    public void Execute()
+    {
+        _profileElement.DisplayCondition = _condition;
+        _executed = true;
+    }
+
+    /// <inheritdoc />
+    public void Undo()
+    {
+        _profileElement.DisplayCondition = _oldCondition;
+        _executed = false;
+    }
+
+    /// <inheritdoc />
+    public void Dispose()
+    {
+        if (_executed)
+            _oldCondition?.Dispose();
+        else
+            _condition?.Dispose();
+    }
+}

src/Artemis.UI.Shared/Services/ProfileEditor/Commands/ChangeDataBindingEnabled.cs

@@ -0,0 +1,40 @@
+using Artemis.Core;
+
+namespace Artemis.UI.Shared.Services.ProfileEditor.Commands;
+
+/// <summary>
+///     Represents a profile editor command that can be used to enable or disable data bindings on a layer property.
+/// </summary>
+public class ChangeDataBindingEnabled : IProfileEditorCommand
+{
+    private readonly bool _enabled;
+    private readonly ILayerProperty _layerProperty;
+    private readonly bool _originalEnabled;
+
+    /// <summary>
+    ///     Creates a new instance of the <see cref="ChangeDataBindingEnabled" /> class.
+    /// </summary>
+    /// <param name="layerProperty">The layer property to enable or disable data bindings on.</param>
+    /// <param name="enabled">Whether to enable or disable data bindings.</param>
+    public ChangeDataBindingEnabled(ILayerProperty layerProperty, bool enabled)
+    {
+        _layerProperty = layerProperty;
+        _enabled = enabled;
+        _originalEnabled = _layerProperty.BaseDataBinding.IsEnabled;
+    }
+
+    /// <inheritdoc />
+    public string DisplayName => _enabled ? "Enable data binding" : "Disable data binding";
+
+    /// <inheritdoc />
+    public void Execute()
+    {
+        _layerProperty.BaseDataBinding.IsEnabled = _enabled;
+    }
+
+    /// <inheritdoc />
+    public void Undo()
+    {
+        _layerProperty.BaseDataBinding.IsEnabled = _originalEnabled;
+    }
+}

src/Artemis.UI.Shared/Services/ProfileEditor/IProfileEditorService.cs

@@ -2,7 +2,6 @@
 using System.Collections.Generic;
 using System.Threading.Tasks;
 using Artemis.Core;
-using Artemis.UI.Shared.Services.Interfaces;
 using DynamicData;
 
 namespace Artemis.UI.Shared.Services.ProfileEditor;
@@ -22,6 +21,11 @@ public interface IProfileEditorService : IArtemisSharedUIService
     /// </summary>
     IObservable<RenderProfileElement?> ProfileElement { get; }
 
+    /// <summary>
+    ///     Gets an observable of the currently selected layer property.
+    /// </summary>
+    IObservable<ILayerProperty?> LayerProperty { get; }
+
     /// <summary>
     ///     Gets an observable of the current editor history.
     /// </summary>
@@ -65,6 +69,12 @@ public interface IProfileEditorService : IArtemisSharedUIService
     /// <param name="renderProfileElement">The profile element to select.</param>
     void ChangeCurrentProfileElement(RenderProfileElement? renderProfileElement);
 
+    /// <summary>
+    ///     Change the selected layer property.
+    /// </summary>
+    /// <param name="layerProperty">The layer property to select.</param>
+    void ChangeCurrentLayerProperty(ILayerProperty? layerProperty);
+
     /// <summary>
     ///     Changes the current profile preview playback time.
     /// </summary>

src/Artemis.UI.Shared/Services/ProfileEditor/ProfileEditorService.cs

@@ -1,16 +1,13 @@
 using System;
 using System.Collections.Generic;
-using System.Diagnostics;
 using System.Linq;
 using System.Reactive.Linq;
 using System.Reactive.Subjects;
 using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.Core.Services;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.UI.Shared.Services.ProfileEditor.Commands;
 using DynamicData;
-using DynamicData.Binding;
 using ReactiveUI;
 using Serilog;
 
@@ -18,6 +15,7 @@ namespace Artemis.UI.Shared.Services.ProfileEditor;
 
 internal class ProfileEditorService : IProfileEditorService
 {
+    private readonly BehaviorSubject<ILayerProperty?> _layerPropertySubject = new(null);
     private readonly ILogger _logger;
     private readonly IModuleService _moduleService;
     private readonly BehaviorSubject<int> _pixelsPerSecondSubject = new(120);
@@ -41,6 +39,7 @@ internal class ProfileEditorService : IProfileEditorService
 
         ProfileConfiguration = _profileConfigurationSubject.AsObservable();
         ProfileElement = _profileElementSubject.AsObservable();
+        LayerProperty = _layerPropertySubject.AsObservable();
         History = Observable.Defer(() => Observable.Return(GetHistory(_profileConfigurationSubject.Value))).Concat(ProfileConfiguration.Select(GetHistory));
         Time = _timeSubject.AsObservable();
         Playing = _playingSubject.AsObservable();
@@ -55,24 +54,15 @@ internal class ProfileEditorService : IProfileEditorService
 
             // Disable all others if the changed one is selected and exclusive
             if (changed.IsSelected && changed.IsExclusive)
-            {
                 Tools.Edit(list =>
                 {
                     foreach (IToolViewModel toolViewModel in list.Where(t => t.IsExclusive && t != changed))
                         toolViewModel.IsSelected = false;
                 });
-            }
         });
     }
 
     public IObservable<bool> SuspendedEditing { get; }
-    public IObservable<ProfileConfiguration?> ProfileConfiguration { get; }
-    public IObservable<RenderProfileElement?> ProfileElement { get; }
-    public IObservable<ProfileEditorHistory?> History { get; }
-    public IObservable<TimeSpan> Time { get; }
-    public IObservable<bool> Playing { get; }
-    public IObservable<int> PixelsPerSecond { get; }
-    public SourceList<IToolViewModel> Tools { get; }
 
     private ProfileEditorHistory? GetHistory(ProfileConfiguration? profileConfiguration)
     {
@@ -114,6 +104,15 @@ internal class ProfileEditorService : IProfileEditorService
         }
     }
 
+    public IObservable<ProfileConfiguration?> ProfileConfiguration { get; }
+    public IObservable<RenderProfileElement?> ProfileElement { get; }
+    public IObservable<ILayerProperty?> LayerProperty { get; }
+    public IObservable<ProfileEditorHistory?> History { get; }
+    public IObservable<TimeSpan> Time { get; }
+    public IObservable<bool> Playing { get; }
+    public IObservable<int> PixelsPerSecond { get; }
+    public SourceList<IToolViewModel> Tools { get; }
+
     public IObservable<IChangeSet<ILayerPropertyKeyframe>> ConnectToKeyframes()
     {
         return _selectedKeyframes.Connect();
@@ -167,6 +166,13 @@ internal class ProfileEditorService : IProfileEditorService
     {
         _selectedKeyframes.Clear();
         _profileElementSubject.OnNext(renderProfileElement);
+        ChangeCurrentLayerProperty(null);
+    }
+
+    /// <inheritdoc />
+    public void ChangeCurrentLayerProperty(ILayerProperty? layerProperty)
+    {
+        _layerPropertySubject.OnNext(layerProperty);
     }
 
     public void ChangeTime(TimeSpan time)

src/Artemis.UI.Shared/Services/PropertyInput/IPropertyInputService.cs

@@ -1,7 +1,6 @@
 using System;
 using System.Collections.ObjectModel;
 using Artemis.Core;
-using Artemis.UI.Shared.Services.Interfaces;
 
 namespace Artemis.UI.Shared.Services.PropertyInput;
 

src/Artemis.UI.Shared/Services/Window/ExceptionDialogViewModel.cs

@@ -1,7 +1,6 @@
 using System;
 using System.Threading.Tasks;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Avalonia;
 using Avalonia.Layout;
 

src/Artemis.UI.Shared/Services/Window/WindowService.cs

@@ -2,7 +2,6 @@
 using System.Linq;
 using System.Threading.Tasks;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;

src/Artemis.UI.Shared/Styles/Button.axaml

@@ -39,6 +39,11 @@
 				<Button Classes="title-bar-button">
 					<avalonia:MaterialIcon Kind="WindowMinimize" />
 				</Button>
+
+                <TextBlock Margin="0 5 0 0">ToggleButton.window-button</TextBlock>
+                <ToggleButton Classes="icon-button">
+                    <avalonia:MaterialIcon Kind="BlockChain" />
+                </ToggleButton>
             </StackPanel>
         </Border>
     </Design.PreviewWith>
@@ -100,4 +105,28 @@
     <Style Selector="Button.title-bar-button:pointerover">
         <Setter Property="Background" Value="Red"></Setter>
     </Style>
+
+	<Style Selector="ToggleButton:checked:pointerover /template/ Border#BorderElement">
+		<Setter Property="BorderBrush" Value="{DynamicResource ToggleButtonBorderBrushCheckedPointerOver}" />
+	</Style>
+	<Style Selector="ToggleButton:checked:pointerover /template/ ContentPresenter#PART_ContentPresenter">
+		<Setter Property="Background" Value="{DynamicResource ToggleButtonBackgroundCheckedPointerOver}" />
+		<Setter Property="TextBlock.Foreground" Value="{DynamicResource ToggleButtonForegroundCheckedPointerOver}" />
+	</Style>
+
+	<Style Selector="ToggleButton:checked:pressed /template/ Border#BorderElement">
+		<Setter Property="BorderBrush" Value="{DynamicResource ToggleButtonBorderBrushCheckedPressed}" />
+	</Style>
+	<Style Selector="ToggleButton:checked:pressed /template/ ContentPresenter#PART_ContentPresenter">
+		<Setter Property="Background" Value="{DynamicResource ToggleButtonBackgroundCheckedPressed}" />
+		<Setter Property="TextBlock.Foreground" Value="{DynamicResource ToggleButtonForegroundCheckedPressed}" />
+	</Style>
+
+	<Style Selector="ToggleButton:checked:disabled /template/ Border#BorderElement">
+		<Setter Property="BorderBrush" Value="{DynamicResource ToggleButtonBorderBrushCheckedDisabled}" />
+	</Style>
+	<Style Selector="ToggleButton:checked:disabled /template/ ContentPresenter#PART_ContentPresenter">
+		<Setter Property="Background" Value="{DynamicResource ToggleButtonBackgroundCheckedDisabled}" />
+		<Setter Property="TextBlock.Foreground" Value="{DynamicResource ToggleButtonForegroundCheckedDisabled}" />
+	</Style>
 </Styles>

src/Artemis.UI.Shared/Styles/Controls/DataModelPickerButton.axaml

@@ -32,6 +32,8 @@
                                  BorderBrush="{TemplateBinding BorderBrush}"
                                  VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                  HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                                 Width="{TemplateBinding Width}"
+                                 Height="{TemplateBinding Height}"
                                  HorizontalContentAlignment="Stretch">
                     <Grid ColumnDefinitions="*,Auto" HorizontalAlignment="Stretch">
                         <TextBlock Name="MainButtonLabel"

src/Artemis.UI.Windows/ApplicationStateManager.cs

@@ -8,7 +8,7 @@ using System.Security.Principal;
 using System.Threading;
 using Artemis.Core;
 using Artemis.Core.Services;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Windows.Utilities;
 using Avalonia;
 using Avalonia.Controls.ApplicationLifetimes;

src/Artemis.UI/ArtemisBootstrapper.cs

@@ -7,7 +7,7 @@ using Artemis.UI.Ninject;
 using Artemis.UI.Screens.Root;
 using Artemis.UI.Shared.Controls.DataModelPicker;
 using Artemis.UI.Shared.Ninject;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.VisualScripting.Ninject;
 using Avalonia;
 using Avalonia.Controls;

src/Artemis.UI/DefaultTypes/PropertyInput/BrushPropertyInputViewModel.cs

@@ -6,7 +6,7 @@ using Artemis.Core;
 using Artemis.Core.LayerBrushes;
 using Artemis.Core.Services;
 using Artemis.UI.Screens.ProfileEditor.Properties.Tree.Dialogs;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Artemis.UI.Shared.Services.ProfileEditor.Commands;
 using Artemis.UI.Shared.Services.PropertyInput;

src/Artemis.UI/Extensions/DataBindingExtensions.cs

@@ -0,0 +1,16 @@
+using System;
+using System.Reactive.Linq;
+using Artemis.Core;
+
+namespace Artemis.UI.Extensions;
+
+public static class DataBindingExtensions
+{
+    public static IObservable<IDataBinding> GetObservable(this IDataBinding dataBinding)
+    {
+        return Observable.FromEventPattern<DataBindingEventArgs>(x => dataBinding.DataBindingEnabled += x, x => dataBinding.DataBindingEnabled -= x)
+            .Merge(Observable.FromEventPattern<DataBindingEventArgs>(x => dataBinding.DataBindingDisabled += x, x => dataBinding.DataBindingDisabled -= x))
+            .Select(e => e.EventArgs.DataBinding)
+            .StartWith(dataBinding);
+    }
+}

src/Artemis.UI/Ninject/Factories/IVMFactory.cs

@@ -7,6 +7,7 @@ using Artemis.UI.Screens.Plugins;
 using Artemis.UI.Screens.ProfileEditor;
 using Artemis.UI.Screens.ProfileEditor.ProfileTree;
 using Artemis.UI.Screens.ProfileEditor.Properties;
+using Artemis.UI.Screens.ProfileEditor.Properties.DataBinding;
 using Artemis.UI.Screens.ProfileEditor.Properties.Timeline;
 using Artemis.UI.Screens.ProfileEditor.Properties.Timeline.Segments;
 using Artemis.UI.Screens.ProfileEditor.Properties.Tree;
@@ -84,6 +85,11 @@ namespace Artemis.UI.Ninject.Factories
         TimelineGroupViewModel TimelineGroupViewModel(PropertyGroupViewModel propertyGroupViewModel);
     }
 
+    public interface IDataBindingVmFactory : IVmFactory
+    {
+        DataBindingViewModel DataBindingViewModel();
+    }
+
     public interface IPropertyVmFactory
     {
         ITreePropertyViewModel TreePropertyViewModel(ILayerProperty layerProperty, PropertyViewModel propertyViewModel);

src/Artemis.UI/Screens/Debugger/Tabs/DataModel/DataModelDebugViewModel.cs

@@ -9,7 +9,7 @@ using Artemis.Core.Modules;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
 using Artemis.UI.Shared.DataModelVisualization.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia.Threading;
 using DynamicData;
 using ReactiveUI;

src/Artemis.UI/Screens/Device/DeviceDetectInputViewModel.cs

@@ -5,8 +5,8 @@ using System.Reactive.Linq;
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 using RGB.NET.Core;
 

src/Artemis.UI/Screens/Device/DeviceSettingsViewModel.cs

@@ -5,7 +5,7 @@ using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.Settings;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia.Threading;
 using Humanizer;
 using ReactiveUI;

src/Artemis.UI/Screens/Device/Tabs/DeviceInfoTabViewModel.cs

@@ -1,7 +1,7 @@
 using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia;
 using RGB.NET.Core;
 

src/Artemis.UI/Screens/Device/Tabs/DevicePropertiesTabViewModel.cs

@@ -6,8 +6,8 @@ using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using ReactiveUI;
 using SkiaSharp;
 

src/Artemis.UI/Screens/Plugins/Dialogs/PluginPrerequisitesInstallDialogViewModel.cs

@@ -8,7 +8,7 @@ using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using ReactiveUI;
 
 namespace Artemis.UI.Screens.Plugins

src/Artemis.UI/Screens/Plugins/Dialogs/PluginPrerequisitesUninstallDialogViewModel.cs

@@ -9,7 +9,7 @@ using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using ReactiveUI;
 
 namespace Artemis.UI.Screens.Plugins

src/Artemis.UI/Screens/Plugins/PluginFeatureViewModel.cs

@@ -6,8 +6,8 @@ using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Avalonia;
 using Avalonia.Threading;
 using ReactiveUI;

src/Artemis.UI/Screens/Plugins/PluginSettingsViewModel.cs

@@ -11,7 +11,7 @@ using Artemis.Core.Services;
 using Artemis.UI.Exceptions;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia.Threading;
 using Ninject;
 using ReactiveUI;

src/Artemis.UI/Screens/ProfileEditor/Panels/DisplayCondition/ConditionTypeViewModel.cs

@@ -0,0 +1,19 @@
+using System;
+using Artemis.UI.Shared;
+
+namespace Artemis.UI.Screens.ProfileEditor.DisplayCondition
+{
+    public class ConditionTypeViewModel : ViewModelBase
+    {
+        public ConditionTypeViewModel(string name, string description, Type? conditionType)
+        {
+            Name = name;
+            Description = description;
+            ConditionType = conditionType;
+        }
+
+        public string Name { get;  }
+        public string Description { get;  }
+        public Type? ConditionType { get;  }
+    }
+}

src/Artemis.UI/Screens/ProfileEditor/Panels/DisplayCondition/DisplayConditionScriptView.axaml

@@ -4,28 +4,104 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:displayCondition="clr-namespace:Artemis.UI.Screens.ProfileEditor.DisplayCondition"
              xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:dataModelPicker="clr-namespace:Artemis.UI.Shared.Controls.DataModelPicker;assembly=Artemis.UI.Shared"
+             mc:Ignorable="d" d:DesignWidth="200" d:DesignHeight="650"
              x:Class="Artemis.UI.Screens.ProfileEditor.DisplayCondition.DisplayConditionScriptView"
              x:DataType="displayCondition:DisplayConditionScriptViewModel">
-    <Grid>
-        <Grid IsVisible="{CompiledBinding NodeScriptViewModel, Converter={x:Static ObjectConverters.IsNotNull}}">
-            <ContentControl Content="{CompiledBinding NodeScriptViewModel}" />
-            <Button Classes="icon-button"
-                    ToolTip.Tip="Open editor"
-                    VerticalAlignment="Top"
-                    HorizontalAlignment="Right"
-                    Margin="4"
-                    Command="{Binding OpenEditor}">
-                <avalonia:MaterialIcon Kind="OpenInNew"></avalonia:MaterialIcon>
+    <UserControl.Styles>
+        <Style Selector="ComboBox.condition-type /template/ ContentControl#ContentPresenter">
+            <Setter Property="ContentTemplate">
+                <Setter.Value>
+                    <DataTemplate DataType="{x:Type displayCondition:ConditionTypeViewModel}">
+                        <TextBlock Text="{CompiledBinding Name}" VerticalAlignment="Center" />
+                    </DataTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </UserControl.Styles>
+    <ScrollViewer>
+        <DockPanel LastChildFill="False">
+            <DockPanel.Styles>
+                <Style Selector="DockPanel > TextBlock">
+                    <Setter Property="Margin" Value="0 5"></Setter>
+                </Style>
+
+            </DockPanel.Styles>
+            <TextBlock DockPanel.Dock="Top">Condition type</TextBlock>
+            <ComboBox Name="ConditionType"
+                      DockPanel.Dock="Top"
+                      Classes="condition-type"
+                      PlaceholderText="Select a condition type"
+                      Items="{CompiledBinding ConditionTypeViewModels}"
+                      SelectedItem="{CompiledBinding SelectedConditionTypeViewModel}"
+                      HorizontalAlignment="Stretch">
+                <ComboBox.ItemTemplate>
+                    <DataTemplate DataType="{x:Type displayCondition:ConditionTypeViewModel}">
+                        <StackPanel Spacing="5">
+                            <TextBlock Text="{CompiledBinding Name}" TextWrapping="Wrap" MaxWidth="350" />
+                            <TextBlock Text="{CompiledBinding Description}" Foreground="{DynamicResource TextFillColorSecondaryBrush}" TextWrapping="Wrap" MaxWidth="350" />
+                        </StackPanel>
+                    </DataTemplate>
+                </ComboBox.ItemTemplate>
+            </ComboBox>
+
+            <!-- Event options -->
+            <DockPanel IsVisible="{CompiledBinding ShowEventOptions}" DockPanel.Dock="Top" HorizontalAlignment="Stretch">
+                <TextBlock DockPanel.Dock="Top">Triggered by event</TextBlock>
+                <dataModelPicker:DataModelPickerButton Placeholder="Select an event"
+                                                       DockPanel.Dock="Top"
+                                                       HorizontalAlignment="Stretch" />
+
+                <TextBlock DockPanel.Dock="Top">When the event fires..</TextBlock>
+                <ComboBox PlaceholderText="Select a play mode" HorizontalAlignment="Stretch" DockPanel.Dock="Top">
+                    <ComboBoxItem>
+                        Play the timeline once
+                    </ComboBoxItem>
+                    <ComboBoxItem>
+                        Toggle the element on or off
+                    </ComboBoxItem>
+                </ComboBox>
+
+                <TextBlock DockPanel.Dock="Top">And if already playing..</TextBlock>
+                <ComboBox PlaceholderText="Select a play mode" HorizontalAlignment="Stretch" DockPanel.Dock="Top">
+                    <ComboBoxItem>
+                        Restart the timeline
+                    </ComboBoxItem>
+                    <ComboBoxItem>
+                        Play a second copy
+                    </ComboBoxItem>
+                    <ComboBoxItem>
+                        Do nothing
+                    </ComboBoxItem>
+                </ComboBox>
+            </DockPanel>
+
+            <!-- Static options -->
+            <DockPanel IsVisible="{CompiledBinding ShowStaticOptions}" HorizontalAlignment="Stretch" DockPanel.Dock="Top">
+                <TextBlock DockPanel.Dock="Top">While condition is met..</TextBlock>
+                <ComboBox DockPanel.Dock="Top" PlaceholderText="Select a play mode" HorizontalAlignment="Stretch">
+                    <ComboBoxItem>Play the main segment once</ComboBoxItem>
+                    <ComboBoxItem>Repeat the main segment</ComboBoxItem>
+                </ComboBox>
+
+                <TextBlock DockPanel.Dock="Top">And when no longer met..</TextBlock>
+                <ComboBox DockPanel.Dock="Top" PlaceholderText="Select a stop mode" HorizontalAlignment="Stretch">
+                    <ComboBoxItem>Finish the main segment</ComboBoxItem>
+                    <ComboBoxItem>Skip forward to the end segment</ComboBoxItem>
+                </ComboBox>
+
+                <DockPanel DockPanel.Dock="Top" Margin="0 5">
+                    <avalonia:MaterialIcon Kind="InfoCircle" Margin="5 0"></avalonia:MaterialIcon>
+					<TextBlock Foreground="{DynamicResource TextFillColorSecondaryBrush}"
+                               TextWrapping="Wrap">
+                        The start- and end-segments are always played once.
+                    </TextBlock>
+                </DockPanel>
+            </DockPanel>
+
+            <Button DockPanel.Dock="Bottom" ToolTip.Tip="Open editor" Margin="0 15 0 5" Command="{Binding OpenEditor}" HorizontalAlignment="Stretch">
+                Edit condition script
             </Button>
-        </Grid>
-
-        <Button VerticalAlignment="Center"
-                HorizontalAlignment="Center"
-                Command="{Binding EnableConditions}"
-                IsVisible="{CompiledBinding NodeScriptViewModel, Converter={x:Static ObjectConverters.IsNull}}">
-            Enable display conditions
-        </Button>
-    </Grid>
-
+        </DockPanel>
+    </ScrollViewer>
 </UserControl>

src/Artemis.UI/Screens/ProfileEditor/Panels/DisplayCondition/DisplayConditionScriptViewModel.cs

@@ -1,11 +1,13 @@
 using System;
+using System.Collections.ObjectModel;
+using System.Linq;
 using System.Reactive.Linq;
 using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.VisualScripting;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Artemis.UI.Shared.Services.ProfileEditor.Commands;
 using Avalonia.Controls.Mixins;
@@ -16,40 +18,77 @@ namespace Artemis.UI.Screens.ProfileEditor.DisplayCondition;
 public class DisplayConditionScriptViewModel : ActivatableViewModelBase
 {
     private readonly IProfileEditorService _profileEditorService;
+    private readonly ObservableAsPropertyHelper<bool> _showEventOptions;
+    private readonly ObservableAsPropertyHelper<bool> _showStaticOptions;
     private readonly IWindowService _windowService;
     private ObservableAsPropertyHelper<NodeScriptViewModel?>? _nodeScriptViewModel;
     private RenderProfileElement? _profileElement;
+    private ObservableAsPropertyHelper<ConditionTypeViewModel?>? _selectedConditionTypeViewModel;
 
     public DisplayConditionScriptViewModel(IProfileEditorService profileEditorService, INodeVmFactory nodeVmFactory, IWindowService windowService)
     {
         _profileEditorService = profileEditorService;
         _windowService = windowService;
+
+        ConditionTypeViewModels = new ObservableCollection<ConditionTypeViewModel>
+        {
+            new("None", "The element is always active.", null),
+            new("Regular", "The element is activated when the provided visual script ends in true.", typeof(StaticCondition)),
+            new("Event", "The element is activated when the selected event fires.\r\n" +
+                         "Events that contain data can conditionally trigger the layer using a visual script.", typeof(EventCondition))
+        };
+
         this.WhenActivated(d =>
         {
             profileEditorService.ProfileElement.Subscribe(p => _profileElement = p).DisposeWith(d);
+
             _nodeScriptViewModel = profileEditorService.ProfileElement
                 .Select(p => p?.WhenAnyValue(element => element.DisplayCondition) ?? Observable.Never<ICondition?>())
                 .Switch()
-                .Select(c => c is StaticCondition staticCondition ? nodeVmFactory.NodeScriptViewModel(staticCondition.Script, true) : null)
+                .Select(c => c is INodeScriptCondition {NodeScript: NodeScript nodeScript} ? nodeVmFactory.NodeScriptViewModel(nodeScript, true) : null)
                 .ToProperty(this, vm => vm.NodeScriptViewModel)
                 .DisposeWith(d);
+            _selectedConditionTypeViewModel = profileEditorService.ProfileElement
+                .Select(p => p?.WhenAnyValue(element => element.DisplayCondition) ?? Observable.Never<ICondition?>())
+                .Switch()
+                .Select(c => c != null ? ConditionTypeViewModels.FirstOrDefault(vm => vm.ConditionType == c.GetType()) : null)
+                .ToProperty(this, vm => vm.SelectedConditionTypeViewModel)
+                .DisposeWith(d);
         });
+
+        _showStaticOptions = this.WhenAnyValue(vm => vm.SelectedConditionTypeViewModel)
+            .Select(c => c != null && c.ConditionType == typeof(StaticCondition))
+            .ToProperty(this, vm => vm.ShowStaticOptions);
+        _showEventOptions = this.WhenAnyValue(vm => vm.SelectedConditionTypeViewModel)
+            .Select(c => c != null && c.ConditionType == typeof(EventCondition))
+            .ToProperty(this, vm => vm.ShowEventOptions);
     }
 
     public NodeScriptViewModel? NodeScriptViewModel => _nodeScriptViewModel?.Value;
+    public ObservableCollection<ConditionTypeViewModel> ConditionTypeViewModels { get; }
 
-    public async Task EnableConditions()
+    public ConditionTypeViewModel? SelectedConditionTypeViewModel
     {
-        bool confirmed = await _windowService.ShowConfirmContentDialog(
-            "Display conditions",
-            "Do you want to enable display conditions for this element? \r\n" +
-            "Using display conditions you can dynamically hide or show layers and folders depending on certain parameters."
-        );
+        get => _selectedConditionTypeViewModel?.Value;
+        set
+        {
+            if (_profileElement == null)
+                return;
 
-        if (confirmed && _profileElement != null)
-            _profileEditorService.ExecuteCommand(new ChangeElementDisplayCondition(_profileElement, new StaticCondition(_profileElement)));
+            ICondition? condition = null;
+            if (value?.ConditionType == typeof(StaticCondition))
+                condition = new StaticCondition(_profileElement);
+            else if (value?.ConditionType == typeof(EventCondition))
+                condition = new EventCondition(_profileElement);
+
+            _profileEditorService.ExecuteCommand(new ChangeConditionType(_profileElement, condition));
+        }
     }
 
+    public bool ShowStaticOptions => _showStaticOptions.Value;
+    public bool ShowEventOptions => _showEventOptions.Value;
+
+
     public async Task OpenEditor()
     {
         if (_profileElement?.DisplayCondition is StaticCondition staticCondition)

src/Artemis.UI/Screens/ProfileEditor/Panels/ProfileTree/FolderTreeItemViewModel.cs

@@ -1,7 +1,7 @@
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 
 namespace Artemis.UI.Screens.ProfileEditor.ProfileTree

src/Artemis.UI/Screens/ProfileEditor/Panels/ProfileTree/LayerTreeItemViewModel.cs

@@ -1,7 +1,7 @@
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 
 namespace Artemis.UI.Screens.ProfileEditor.ProfileTree

src/Artemis.UI/Screens/ProfileEditor/Panels/ProfileTree/ProfileTreeViewModel.cs

@@ -6,7 +6,7 @@ using System.Reactive.Disposables;
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using ReactiveUI;
 

src/Artemis.UI/Screens/ProfileEditor/Panels/ProfileTree/TreeItemViewModel.cs

@@ -10,7 +10,7 @@ using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Artemis.UI.Shared.Services.ProfileEditor.Commands;
 using ReactiveUI;

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/DataBinding/DataBindingView.axaml

@@ -0,0 +1,52 @@
+<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:dataBinding="clr-namespace:Artemis.UI.Screens.ProfileEditor.Properties.DataBinding"
+             xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Artemis.UI.Screens.ProfileEditor.Properties.DataBinding.DataBindingView"
+             x:DataType="dataBinding:DataBindingViewModel">
+    <Grid RowDefinitions="48,*">
+        <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,*">
+            <TextBlock Grid.Column="0"
+                       Classes="h5"
+                       VerticalAlignment="Center"
+                       Text="{CompiledBinding LayerProperty.PropertyDescription.Name}"
+                       Margin="10 0" />
+            <ToggleSwitch Grid.Column="1"
+                          OnContent="Data binding enabled"
+                          OffContent="Data binding disabled"
+                          VerticalAlignment="Center"
+                          IsChecked="{CompiledBinding DataBindingEnabled}" />
+            <Button Grid.Column="2"
+                    Classes="icon-button"
+                    ToolTip.Tip="Open editor"
+                    VerticalAlignment="Center"
+                    HorizontalAlignment="Right"
+                    Margin="10"
+                    Command="{Binding OpenEditor}">
+                <avalonia:MaterialIcon Kind="OpenInNew"></avalonia:MaterialIcon>
+            </Button>
+        </Grid>
+
+        <ContentControl Grid.Row="1"
+                        IsVisible="{CompiledBinding NodeScriptViewModel, Converter={x:Static ObjectConverters.IsNotNull}}"
+                        Content="{CompiledBinding NodeScriptViewModel}" />
+
+        <StackPanel Grid.Row="1"
+                    VerticalAlignment="Center"
+                    IsVisible="{CompiledBinding NodeScriptViewModel, Converter={x:Static ObjectConverters.IsNull}}">
+            <TextBlock TextAlignment="Center" Classes="h5">To use data bindings enable them in with the toggle above.</TextBlock>
+            <TextBlock TextWrapping="Wrap" HorizontalAlignment="Center" TextAlignment="Center" Foreground="{DynamicResource TextFillColorSecondary}">
+                When you enable data bindings you can no longer use keyframes or normal values for this property.
+            </TextBlock>
+            <controls:HyperlinkButton HorizontalAlignment="Center" 
+                                      NavigateUri="https://wiki.artemis-rgb.com/en/guides/user/profiles/data-bindings"
+                                      Margin="0 10">
+                Learn more
+            </controls:HyperlinkButton>
+        </StackPanel>
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/DataBinding/DataBindingView.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
+
+namespace Artemis.UI.Screens.ProfileEditor.Properties.DataBinding
+{
+    public partial class DataBindingView : ReactiveUserControl<DataBindingViewModel>
+    {
+        public DataBindingView()
+        {
+            InitializeComponent();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/DataBinding/DataBindingViewModel.cs

@@ -0,0 +1,65 @@
+using System.Reactive.Linq;
+using System.Threading.Tasks;
+using Artemis.Core;
+using Artemis.UI.Extensions;
+using Artemis.UI.Ninject.Factories;
+using Artemis.UI.Screens.VisualScripting;
+using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
+using Artemis.UI.Shared.Services.ProfileEditor;
+using Artemis.UI.Shared.Services.ProfileEditor.Commands;
+using Avalonia.Controls.Mixins;
+using ReactiveUI;
+
+namespace Artemis.UI.Screens.ProfileEditor.Properties.DataBinding;
+
+public class DataBindingViewModel : ActivatableViewModelBase
+{
+    private readonly IProfileEditorService _profileEditorService;
+    private readonly IWindowService _windowService;
+    private ObservableAsPropertyHelper<bool>? _dataBindingEnabled;
+    private ObservableAsPropertyHelper<ILayerProperty?>? _layerProperty;
+    private ObservableAsPropertyHelper<NodeScriptViewModel?>? _nodeScriptViewModel;
+
+    public DataBindingViewModel(IProfileEditorService profileEditorService, INodeVmFactory nodeVmFactory, IWindowService windowService)
+    {
+        _profileEditorService = profileEditorService;
+        _windowService = windowService;
+
+        this.WhenActivated(d =>
+        {
+            _layerProperty = profileEditorService.LayerProperty.ToProperty(this, vm => vm.LayerProperty).DisposeWith(d);
+            _nodeScriptViewModel = profileEditorService.LayerProperty
+                .Select(p => p != null ? p.BaseDataBinding.GetObservable() : Observable.Never<IDataBinding>())
+                .Switch()
+                .Select(b => b.IsEnabled ? nodeVmFactory.NodeScriptViewModel((NodeScript) b.Script, false) : null)
+                .ToProperty(this, vm => vm.NodeScriptViewModel)
+                .DisposeWith(d);
+            _dataBindingEnabled = profileEditorService.LayerProperty
+                .Select(p => p != null ? p.BaseDataBinding.GetObservable() : Observable.Never<IDataBinding>())
+                .Switch()
+                .Select(b => b.IsEnabled)
+                .ToProperty(this, vm => vm.DataBindingEnabled)
+                .DisposeWith(d);
+        });
+    }
+
+    public ILayerProperty? LayerProperty => _layerProperty?.Value;
+    public NodeScriptViewModel? NodeScriptViewModel => _nodeScriptViewModel?.Value;
+
+    public bool DataBindingEnabled
+    {
+        get => _dataBindingEnabled?.Value ?? false;
+        set
+        {
+            if (LayerProperty != null)
+                _profileEditorService.ExecuteCommand(new ChangeDataBindingEnabled(LayerProperty, value));
+        }
+    }
+
+    public async Task OpenEditor()
+    {
+        if (LayerProperty != null && LayerProperty.BaseDataBinding.IsEnabled)
+            await _windowService.ShowDialogAsync<NodeScriptWindowViewModel, bool>(("nodeScript", LayerProperty.BaseDataBinding.Script));
+    }
+}

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/PropertiesView.axaml

@@ -44,8 +44,15 @@
                       Background="Transparent"
                       Margin="0 0 -5 0" />
 
-        <!-- Horizontal scrolling -->
-        <ScrollViewer Grid.Column="2" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
+        <ContentControl Grid.Column="2" 
+                        IsVisible="{CompiledBinding DataBindingViewModel, Converter={x:Static ObjectConverters.IsNotNull}}"
+                        Content="{CompiledBinding DataBindingViewModel}"/>
+
+		<!-- Horizontal scrolling -->
+        <ScrollViewer Grid.Column="2" 
+                      HorizontalScrollBarVisibility="Auto"
+                      VerticalScrollBarVisibility="Disabled"
+                      IsVisible="{CompiledBinding DataBindingViewModel, Converter={x:Static ObjectConverters.IsNull}}">
             <Grid RowDefinitions="48,*">
                 <!-- Timeline header body -->
                 <controls:TimelineHeader Grid.Row="0"
@@ -136,12 +143,8 @@
                     <ContentControl Content="{CompiledBinding TimelineViewModel}"
                                     Background="{DynamicResource CardStrokeColorDefaultSolidBrush}" />
                 </ScrollViewer>
-
-                <!-- TODO: Databindings here -->
-
             </Grid>
         </ScrollViewer>
-
     </Grid>
 
 </UserControl>

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/PropertiesViewModel.cs

@@ -11,6 +11,7 @@ using Artemis.Core.LayerEffects;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.ProfileEditor.Playback;
+using Artemis.UI.Screens.ProfileEditor.Properties.DataBinding;
 using Artemis.UI.Screens.ProfileEditor.Properties.Timeline;
 using Artemis.UI.Shared;
 using Artemis.UI.Shared.Services.ProfileEditor;
@@ -20,67 +21,85 @@ namespace Artemis.UI.Screens.ProfileEditor.Properties;
 
 public class PropertiesViewModel : ActivatableViewModelBase
 {
-    private readonly Dictionary<LayerPropertyGroup, PropertyGroupViewModel> _cachedViewModels;
+    private readonly Dictionary<LayerPropertyGroup, PropertyGroupViewModel> _cachedPropertyViewModels;
+    private readonly IDataBindingVmFactory _dataBindingVmFactory;
     private readonly ILayerPropertyVmFactory _layerPropertyVmFactory;
     private readonly IProfileEditorService _profileEditorService;
     private readonly ISettingsService _settingsService;
+    private DataBindingViewModel? _backgroundDataBindingViewModel;
+    private DataBindingViewModel? _dataBindingViewModel;
+    private ObservableAsPropertyHelper<ILayerProperty?>? _layerProperty;
     private ObservableAsPropertyHelper<int>? _pixelsPerSecond;
     private ObservableAsPropertyHelper<RenderProfileElement?>? _profileElement;
 
     /// <inheritdoc />
-    public PropertiesViewModel(IProfileEditorService profileEditorService, ISettingsService settingsService, ILayerPropertyVmFactory layerPropertyVmFactory, PlaybackViewModel playbackViewModel)
+    public PropertiesViewModel(IProfileEditorService profileEditorService,
+        ISettingsService settingsService,
+        ILayerPropertyVmFactory layerPropertyVmFactory,
+        IDataBindingVmFactory dataBindingVmFactory,
+        PlaybackViewModel playbackViewModel)
     {
         _profileEditorService = profileEditorService;
         _settingsService = settingsService;
         _layerPropertyVmFactory = layerPropertyVmFactory;
-        _cachedViewModels = new Dictionary<LayerPropertyGroup, PropertyGroupViewModel>();
+        _dataBindingVmFactory = dataBindingVmFactory;
+        _cachedPropertyViewModels = new Dictionary<LayerPropertyGroup, PropertyGroupViewModel>();
+
         PropertyGroupViewModels = new ObservableCollection<PropertyGroupViewModel>();
         PlaybackViewModel = playbackViewModel;
         TimelineViewModel = layerPropertyVmFactory.TimelineViewModel(PropertyGroupViewModels);
 
+        // React to service profile element changes as long as the VM is active
+        this.WhenActivated(d =>
+        {
+            _profileElement = profileEditorService.ProfileElement.ToProperty(this, vm => vm.ProfileElement).DisposeWith(d);
+            _pixelsPerSecond = profileEditorService.PixelsPerSecond.ToProperty(this, vm => vm.PixelsPerSecond).DisposeWith(d);
+            _layerProperty = profileEditorService.LayerProperty.ToProperty(this, vm => vm.LayerProperty).DisposeWith(d);
+            Disposable.Create(() =>
+            {
+                _settingsService.SaveAllSettings();
+                foreach ((LayerPropertyGroup _, PropertyGroupViewModel value) in _cachedPropertyViewModels)
+                    value.Dispose();
+                _cachedPropertyViewModels.Clear();
+            }).DisposeWith(d);
+        });
+
         // Subscribe to events of the latest selected profile element - borrowed from https://stackoverflow.com/a/63950940
         this.WhenAnyValue(vm => vm.ProfileElement)
             .Select(p => p is Layer l
                 ? Observable.FromEventPattern(x => l.LayerBrushUpdated += x, x => l.LayerBrushUpdated -= x)
                 : Observable.Never<EventPattern<object>>())
             .Switch()
-            .Subscribe(_ => UpdateGroups());
+            .Subscribe(_ => UpdatePropertyGroups());
         this.WhenAnyValue(vm => vm.ProfileElement)
             .Select(p => p != null
                 ? Observable.FromEventPattern(x => p.LayerEffectsUpdated += x, x => p.LayerEffectsUpdated -= x)
                 : Observable.Never<EventPattern<object>>())
             .Switch()
-            .Subscribe(_ => UpdateGroups());
-        // React to service profile element changes as long as the VM is active
-
-        this.WhenActivated(d =>
-        {
-            _profileElement = profileEditorService.ProfileElement.ToProperty(this, vm => vm.ProfileElement).DisposeWith(d);
-            _pixelsPerSecond = profileEditorService.PixelsPerSecond.ToProperty(this, vm => vm.PixelsPerSecond).DisposeWith(d);
-            Disposable.Create(() =>
-            {
-                _settingsService.SaveAllSettings();
-                foreach ((LayerPropertyGroup _, PropertyGroupViewModel value) in _cachedViewModels)
-                    value.Dispose();
-                _cachedViewModels.Clear();
-                
-            }).DisposeWith(d);
-        });
-        this.WhenAnyValue(vm => vm.ProfileElement).Subscribe(_ => UpdateGroups());
+            .Subscribe(_ => UpdatePropertyGroups());
+        this.WhenAnyValue(vm => vm.ProfileElement).Subscribe(_ => UpdatePropertyGroups());
+        this.WhenAnyValue(vm => vm.LayerProperty).Subscribe(_ => UpdateTimelineViewModel());
     }
 
     public ObservableCollection<PropertyGroupViewModel> PropertyGroupViewModels { get; }
     public PlaybackViewModel PlaybackViewModel { get; }
     public TimelineViewModel TimelineViewModel { get; }
 
+    public DataBindingViewModel? DataBindingViewModel
+    {
+        get => _dataBindingViewModel;
+        set => RaiseAndSetIfChanged(ref _dataBindingViewModel, value);
+    }
+
     public RenderProfileElement? ProfileElement => _profileElement?.Value;
     public Layer? Layer => _profileElement?.Value as Layer;
+    public ILayerProperty? LayerProperty => _layerProperty?.Value;
 
     public int PixelsPerSecond => _pixelsPerSecond?.Value ?? 0;
     public IObservable<bool> Playing => _profileEditorService.Playing;
     public PluginSetting<double> PropertiesTreeWidth => _settingsService.GetSetting("ProfileEditor.PropertiesTreeWidth", 500.0);
-    
-    private void UpdateGroups()
+
+    private void UpdatePropertyGroups()
     {
         if (ProfileElement == null)
         {
@@ -92,18 +111,20 @@ public class PropertiesViewModel : ActivatableViewModelBase
         if (Layer != null)
         {
             // Add base VMs
-            viewModels.Add(GetOrCreateViewModel(Layer.General, null, null));
-            viewModels.Add(GetOrCreateViewModel(Layer.Transform, null, null));
+            viewModels.Add(GetOrCreatePropertyViewModel(Layer.General, null, null));
+            viewModels.Add(GetOrCreatePropertyViewModel(Layer.Transform, null, null));
 
             // Add brush VM if the brush has properties
             if (Layer.LayerBrush?.BaseProperties != null)
-                viewModels.Add(GetOrCreateViewModel(Layer.LayerBrush.BaseProperties, Layer.LayerBrush, null));
+                viewModels.Add(GetOrCreatePropertyViewModel(Layer.LayerBrush.BaseProperties, Layer.LayerBrush, null));
         }
 
         // Add effect VMs
         foreach (BaseLayerEffect layerEffect in ProfileElement.LayerEffects.OrderBy(e => e.Order))
+        {
             if (layerEffect.BaseProperties != null)
-                viewModels.Add(GetOrCreateViewModel(layerEffect.BaseProperties, null, layerEffect));
+                viewModels.Add(GetOrCreatePropertyViewModel(layerEffect.BaseProperties, null, layerEffect));
+        }
 
         // Map the most recent collection of VMs to the current list of VMs, making as little changes to the collection as possible
         for (int index = 0; index < viewModels.Count; index++)
@@ -119,9 +140,9 @@ public class PropertiesViewModel : ActivatableViewModelBase
             PropertyGroupViewModels.RemoveAt(PropertyGroupViewModels.Count - 1);
     }
 
-    private PropertyGroupViewModel GetOrCreateViewModel(LayerPropertyGroup layerPropertyGroup, BaseLayerBrush? layerBrush, BaseLayerEffect? layerEffect)
+    private PropertyGroupViewModel GetOrCreatePropertyViewModel(LayerPropertyGroup layerPropertyGroup, BaseLayerBrush? layerBrush, BaseLayerEffect? layerEffect)
     {
-        if (_cachedViewModels.TryGetValue(layerPropertyGroup, out PropertyGroupViewModel? cachedVm))
+        if (_cachedPropertyViewModels.TryGetValue(layerPropertyGroup, out PropertyGroupViewModel? cachedVm))
             return cachedVm;
 
         PropertyGroupViewModel createdVm;
@@ -132,7 +153,20 @@ public class PropertiesViewModel : ActivatableViewModelBase
         else
             createdVm = _layerPropertyVmFactory.PropertyGroupViewModel(layerPropertyGroup);
 
-        _cachedViewModels[layerPropertyGroup] = createdVm;
+        _cachedPropertyViewModels[layerPropertyGroup] = createdVm;
         return createdVm;
     }
+
+    private void UpdateTimelineViewModel()
+    {
+        if (LayerProperty == null)
+        {
+            DataBindingViewModel = null;
+        }
+        else
+        {
+            _backgroundDataBindingViewModel ??= _dataBindingVmFactory.DataBindingViewModel();
+            DataBindingViewModel = _backgroundDataBindingViewModel;
+        }
+    }
 }

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/Tree/ITreePropertyViewModel.cs

@@ -1,4 +1,5 @@
-using Artemis.Core;
+using System.Reactive;
+using Artemis.Core;
 using ReactiveUI;
 
 namespace Artemis.UI.Screens.ProfileEditor.Properties.Tree;
@@ -6,6 +7,7 @@ namespace Artemis.UI.Screens.ProfileEditor.Properties.Tree;
 public interface ITreePropertyViewModel : IReactiveObject
 {
     ILayerProperty BaseLayerProperty { get; }
-    bool HasDataBinding { get; }
+    bool DataBindingEnabled { get; }
     double GetDepth();
+    void ToggleCurrentLayerProperty();
 }

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/Tree/TreeGroupViewModel.cs

@@ -12,7 +12,7 @@ using Artemis.UI.Screens.ProfileEditor.Properties.Windows;
 using Artemis.UI.Shared;
 using Artemis.UI.Shared.LayerBrushes;
 using Artemis.UI.Shared.LayerEffects;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Ninject;
 using Ninject.Parameters;

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/Tree/TreePropertyView.axaml

@@ -5,8 +5,10 @@
              xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
              xmlns:converters="clr-namespace:Artemis.UI.Converters"
              xmlns:sharedConverters="clr-namespace:Artemis.UI.Shared.Converters;assembly=Artemis.UI.Shared"
+             xmlns:tree="clr-namespace:Artemis.UI.Screens.ProfileEditor.Properties.Tree"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="Artemis.UI.Screens.ProfileEditor.Properties.Tree.TreePropertyView">
+             x:Class="Artemis.UI.Screens.ProfileEditor.Properties.Tree.TreePropertyView"
+             x:DataType="tree:ITreePropertyViewModel">
     <UserControl.Resources>
         <converters:PropertyTreeMarginConverter x:Key="PropertyTreeMarginConverter" Length="20" />
     </UserControl.Resources>
@@ -49,14 +51,17 @@
                 <avalonia:MaterialIcon Kind="BackupRestore" />
             </Button>
 
-            <ToggleButton Grid.Column="4" Classes="icon-button"
+            <ToggleButton Grid.Column="4" 
+                          Name="DataBindingToggleButton"
+                          Classes="icon-button"
                           Margin="2 0 0 0"
                           ToolTip.Tip="Change the property's data binding"
                           Width="24"
                           Height="24"
                           VerticalAlignment="Center"
                           IsEnabled="{Binding LayerProperty.DataBindingsSupported}"
-                          IsChecked="{Binding HasDataBinding, Mode=OneWay}">
+                          IsChecked="{CompiledBinding DataBindingEnabled, Mode=OneWay}"
+                          Click="DataBindingToggleButton_OnClick">
                 <avalonia:MaterialIcon Kind="VectorLink" />
             </ToggleButton>
         </Grid>

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/Tree/TreePropertyView.axaml.cs

@@ -3,6 +3,8 @@ using System.Reactive.Linq;
 using Artemis.Core;
 using Avalonia.Controls;
 using Avalonia.Controls.Mixins;
+using Avalonia.Controls.Primitives;
+using Avalonia.Interactivity;
 using Avalonia.Markup.Xaml;
 using Avalonia.ReactiveUI;
 using ReactiveUI;
@@ -13,18 +15,23 @@ public class TreePropertyView : ReactiveUserControl<ITreePropertyViewModel>
 {
     public TreePropertyView()
     {
+        InitializeComponent();
         this.WhenActivated(d =>
         {
-            if (ViewModel != null)
-                Observable.FromEventPattern<LayerPropertyEventArgs>(e => ViewModel.BaseLayerProperty.CurrentValueSet += e, e => ViewModel.BaseLayerProperty.CurrentValueSet -= e)
-                    .Subscribe(_ => this.BringIntoView())
-                    .DisposeWith(d);
+            Observable.FromEventPattern<LayerPropertyEventArgs>(e => ViewModel!.BaseLayerProperty.CurrentValueSet += e, e => ViewModel!.BaseLayerProperty.CurrentValueSet -= e)
+                .Subscribe(_ => this.BringIntoView())
+                .DisposeWith(d);
         });
-        InitializeComponent();
     }
 
     private void InitializeComponent()
     {
         AvaloniaXamlLoader.Load(this);
     }
+
+    private void DataBindingToggleButton_OnClick(object? sender, RoutedEventArgs e)
+    {
+        ViewModel?.ToggleCurrentLayerProperty();
+        this.Find<ToggleButton>("DataBindingToggleButton").IsChecked = !this.Find<ToggleButton>("DataBindingToggleButton").IsChecked;
+    }
 }

src/Artemis.UI/Screens/ProfileEditor/Panels/Properties/Tree/TreePropertyViewModel.cs

@@ -2,6 +2,7 @@
 using System.Reactive;
 using System.Reactive.Linq;
 using Artemis.Core;
+using Artemis.UI.Extensions;
 using Artemis.UI.Shared;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Artemis.UI.Shared.Services.ProfileEditor.Commands;
@@ -15,6 +16,8 @@ internal class TreePropertyViewModel<T> : ActivatableViewModelBase, ITreePropert
 {
     private readonly IProfileEditorService _profileEditorService;
     private TimeSpan _time;
+    private ObservableAsPropertyHelper<bool>? _isCurrentlySelected;
+    private ObservableAsPropertyHelper<bool>? _dataBindingEnabled;
 
     public TreePropertyViewModel(LayerProperty<T> layerProperty, PropertyViewModel propertyViewModel, IProfileEditorService profileEditorService, IPropertyInputService propertyInputService)
     {
@@ -27,17 +30,17 @@ internal class TreePropertyViewModel<T> : ActivatableViewModelBase, ITreePropert
         this.WhenActivated(d =>
         {
             _profileEditorService.Time.Subscribe(t => _time = t).DisposeWith(d);
+            _isCurrentlySelected = _profileEditorService.LayerProperty.Select(l => l == LayerProperty).ToProperty(this, vm => vm.IsCurrentlySelected).DisposeWith(d);
+            _dataBindingEnabled = LayerProperty.BaseDataBinding.GetObservable().Select(b => b.IsEnabled).ToProperty(this, vm => vm.DataBindingEnabled).DisposeWith(d);
+
             this.WhenAnyValue(vm => vm.LayerProperty.KeyframesEnabled).Subscribe(_ => this.RaisePropertyChanged(nameof(KeyframesEnabled))).DisposeWith(d);
         });
 
         ResetToDefault = ReactiveCommand.Create(ExecuteResetToDefault, Observable.Return(LayerProperty.DefaultValue != null));
     }
 
-    private void ExecuteResetToDefault()
-    {
-        _profileEditorService.ExecuteCommand(new ResetLayerProperty<T>(LayerProperty));
-    }
-
+    public bool IsCurrentlySelected => _isCurrentlySelected?.Value ?? false;
+    public bool DataBindingEnabled => _dataBindingEnabled?.Value ?? false;
     public LayerProperty<T> LayerProperty { get; }
     public PropertyViewModel PropertyViewModel { get; }
     public PropertyInputViewModel<T>? PropertyInputViewModel { get; }
@@ -57,8 +60,12 @@ internal class TreePropertyViewModel<T> : ActivatableViewModelBase, ITreePropert
         _profileEditorService.ExecuteCommand(new ToggleLayerPropertyKeyframes<T>(LayerProperty, value, _time));
     }
 
+    private void ExecuteResetToDefault()
+    {
+        _profileEditorService.ExecuteCommand(new ResetLayerProperty<T>(LayerProperty));
+    }
+
     public ILayerProperty BaseLayerProperty => LayerProperty;
-    public bool HasDataBinding => LayerProperty.HasDataBinding;
 
     public double GetDepth()
     {
@@ -72,5 +79,10 @@ internal class TreePropertyViewModel<T> : ActivatableViewModelBase, ITreePropert
 
         return depth;
     }
-}
 
+    /// <inheritdoc />
+    public void ToggleCurrentLayerProperty()
+    {
+        _profileEditorService.ChangeCurrentLayerProperty(IsCurrentlySelected ? null : LayerProperty);
+    }
+}

src/Artemis.UI/Screens/ProfileEditor/Panels/VisualEditor/Tools/SelectionAddToolViewModel.cs

@@ -25,6 +25,7 @@ public class SelectionAddToolViewModel : ToolViewModel
     {
         _profileEditorService = profileEditorService;
         _rgbService = rgbService;
+        // Not disposed when deactivated but when really disposed
         _isEnabled = profileEditorService.ProfileElement.Select(p => p is Layer).ToProperty(this, vm => vm.IsEnabled);
 
         this.WhenActivated(d => profileEditorService.ProfileElement.Subscribe(p => _layer = p as Layer).DisposeWith(d));

src/Artemis.UI/Screens/ProfileEditor/Panels/VisualEditor/Tools/SelectionRemoveToolViewModel.cs

@@ -22,6 +22,7 @@ public class SelectionRemoveToolViewModel : ToolViewModel
     public SelectionRemoveToolViewModel(IProfileEditorService profileEditorService)
     {
         _profileEditorService = profileEditorService;
+        // Not disposed when deactivated but when really disposed
         _isEnabled = profileEditorService.ProfileElement.Select(p => p is Layer).ToProperty(this, vm => vm.IsEnabled);
         this.WhenActivated(d => profileEditorService.ProfileElement.Subscribe(p => _layer = p as Layer).DisposeWith(d));
     }

src/Artemis.UI/Screens/ProfileEditor/ProfileEditorViewModel.cs

@@ -74,7 +74,6 @@ public class ProfileEditorViewModel : MainScreenViewModel
     public PluginSetting<double> ConditionsHeight => _settingsService.GetSetting("ProfileEditor.ConditionsHeight", 300.0);
     public PluginSetting<double> PropertiesHeight => _settingsService.GetSetting("ProfileEditor.PropertiesHeight", 300.0);
 
-
     public void OpenUrl(string url)
     {
         Utilities.OpenUrl(url);

src/Artemis.UI/Screens/Root/RootViewModel.cs

@@ -8,7 +8,7 @@ using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.Sidebar;
 using Artemis.UI.Services.Interfaces;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.MainWindow;
 using Avalonia;
 using Avalonia.Controls;

src/Artemis.UI/Screens/Settings/Tabs/DevicesTabViewModel.cs

@@ -9,7 +9,7 @@ using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.Device;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia.Threading;
 using DynamicData;
 using ReactiveUI;

src/Artemis.UI/Screens/Settings/Tabs/PluginsTabViewModel.cs

@@ -11,8 +11,8 @@ using Artemis.UI.Extensions;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.Plugins;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Avalonia.Threading;
 using ReactiveUI;
 

src/Artemis.UI/Screens/Sidebar/Dialogs/ProfileConfigurationEditViewModel.cs

@@ -7,7 +7,7 @@ using Artemis.Core;
 using Artemis.Core.Modules;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Avalonia.Media.Imaging;
 using Avalonia.Svg.Skia;

src/Artemis.UI/Screens/Sidebar/SidebarCategoryViewModel.cs

@@ -7,8 +7,8 @@ using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using ReactiveUI;
 

src/Artemis.UI/Screens/Sidebar/SidebarProfileConfigurationViewModel.cs

@@ -5,7 +5,7 @@ using System.Threading.Tasks;
 using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using ReactiveUI;
 
 namespace Artemis.UI.Screens.Sidebar

src/Artemis.UI/Screens/Sidebar/SidebarViewModel.cs

@@ -12,8 +12,8 @@ using Artemis.UI.Screens.Settings;
 using Artemis.UI.Screens.SurfaceEditor;
 using Artemis.UI.Screens.Workshop;
 using Artemis.UI.Shared;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Material.Icons;
 using Ninject;

src/Artemis.UI/Screens/SurfaceEditor/SurfaceDeviceViewModel.cs

@@ -7,7 +7,7 @@ using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Shared;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 using Avalonia.Input;
 using ReactiveUI;
 using RGB.NET.Core;

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

@@ -2,6 +2,7 @@ using System;
 using System.Reactive.Linq;
 using Avalonia.Controls;
 using Avalonia.Controls.Mixins;
+using Avalonia.Controls.PanAndZoom;
 using Avalonia.LogicalTree;
 using Avalonia.Markup.Xaml;
 using Avalonia.ReactiveUI;
@@ -16,7 +17,7 @@ public class NodePickerView : ReactiveUserControl<NodePickerViewModel>
         InitializeComponent();
         this.WhenActivated(d =>
         {
-            ViewModel?.WhenAnyValue(vm => vm.IsVisible).Where(visible => !visible).Subscribe(_ => this.FindLogicalAncestorOfType<Grid>()?.ContextFlyout?.Hide()).DisposeWith(d);
+            ViewModel?.WhenAnyValue(vm => vm.IsVisible).Where(visible => visible == false).Subscribe(_ => this.FindLogicalAncestorOfType<ZoomBorder>()?.ContextFlyout?.Hide()).DisposeWith(d);
             this.Get<TextBox>("SearchBox").SelectAll();
         });
     }

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

@@ -37,12 +37,12 @@
                     MaxZoomY="1"
                     EnableConstrains="True"
                     PointerReleased="ZoomBorder_OnPointerReleased">
-        <Grid Name="ContainerGrid" Background="Transparent" ClipToBounds="False">
-            <Grid.ContextFlyout>
-                <Flyout FlyoutPresenterClasses="node-picker-flyout">
-                    <ContentControl Content="{CompiledBinding NodePickerViewModel}" />
-                </Flyout>
-            </Grid.ContextFlyout>
+        <paz:ZoomBorder.ContextFlyout>
+            <Flyout FlyoutPresenterClasses="node-picker-flyout">
+                <ContentControl Content="{CompiledBinding NodePickerViewModel}" />
+            </Flyout>
+        </paz:ZoomBorder.ContextFlyout>
+        <Grid Name="ContainerGrid" Background="Transparent" ClipToBounds="False" Focusable="True">
             <Grid.Transitions>
                 <Transitions>
                     <TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.2" Easing="CubicEaseOut" />

src/Artemis.UI/Screens/VisualScripting/NodeScriptView.axaml.cs

@@ -25,10 +25,10 @@ namespace Artemis.UI.Screens.VisualScripting;
 
 public class NodeScriptView : ReactiveUserControl<NodeScriptViewModel>
 {
-    private readonly Grid _grid;
     private readonly ItemsControl _nodesContainer;
     private readonly SelectionRectangle _selectionRectangle;
     private readonly ZoomBorder _zoomBorder;
+    private readonly Grid _grid;
 
     public NodeScriptView()
     {
@@ -41,8 +41,8 @@ public class NodeScriptView : ReactiveUserControl<NodeScriptViewModel>
         _zoomBorder.PropertyChanged += ZoomBorderOnPropertyChanged;
         UpdateZoomBorderBackground();
 
-        _grid.AddHandler(PointerReleasedEvent, CanvasOnPointerReleased, RoutingStrategies.Direct | RoutingStrategies.Tunnel | RoutingStrategies.Bubble, true);
-
+        _zoomBorder.AddHandler(PointerReleasedEvent, CanvasOnPointerReleased, RoutingStrategies.Direct | RoutingStrategies.Tunnel | RoutingStrategies.Bubble, true);
+        _zoomBorder.AddHandler(PointerWheelChangedEvent, ZoomOnPointerWheelChanged, RoutingStrategies.Direct | RoutingStrategies.Tunnel | RoutingStrategies.Bubble, true);
         this.WhenActivated(d =>
         {
             ViewModel!.PickerPositionSubject.Subscribe(ShowPickerAt).DisposeWith(d);
@@ -56,6 +56,13 @@ public class NodeScriptView : ReactiveUserControl<NodeScriptViewModel>
         });
     }
 
+    private void ZoomOnPointerWheelChanged(object? sender, PointerWheelEventArgs e)
+    {
+        // If scroll events aren't handled here the ZoomBorder does some random panning when at the zoom limit
+        if (e.Delta.Y > 0 && _zoomBorder.ZoomX >= 1)
+            e.Handled = true;
+    }
+
     protected override Size MeasureOverride(Size availableSize)
     {
         AutoFitIfPreview();
@@ -67,7 +74,7 @@ public class NodeScriptView : ReactiveUserControl<NodeScriptViewModel>
         if (ViewModel == null)
             return;
         ViewModel.NodePickerViewModel.Position = point;
-        _grid?.ContextFlyout?.ShowAt(_grid, true);
+        _zoomBorder?.ContextFlyout?.ShowAt(_zoomBorder, true);
     }
 
     private void AutoFitIfPreview()

src/Artemis.UI/Screens/Workshop/WorkshopViewModel.cs

@@ -6,8 +6,8 @@ using System.Reactive.Linq;
 using Artemis.Core;
 using Artemis.UI.Ninject.Factories;
 using Artemis.UI.Screens.VisualScripting;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.Builders;
-using Artemis.UI.Shared.Services.Interfaces;
 using Artemis.VisualScripting.Nodes;
 using Artemis.VisualScripting.Nodes.Operators;
 using Avalonia.Input;

src/Artemis.UI/Services/DebugService.cs

@@ -1,6 +1,6 @@
 using Artemis.UI.Screens.Debugger;
 using Artemis.UI.Services.Interfaces;
-using Artemis.UI.Shared.Services.Interfaces;
+using Artemis.UI.Shared.Services;
 
 namespace Artemis.UI.Services
 {

src/Artemis.UI/Services/RegistrationService.cs

@@ -6,7 +6,9 @@ using Artemis.Core;
 using Artemis.Core.Services;
 using Artemis.UI.DefaultTypes.PropertyInput;
 using Artemis.UI.Services.Interfaces;
+using Artemis.UI.Shared.DefaultTypes.DataModel.Display;
 using Artemis.UI.Shared.Providers;
+using Artemis.UI.Shared.Services;
 using Artemis.UI.Shared.Services.ProfileEditor;
 using Artemis.UI.Shared.Services.PropertyInput;
 using Artemis.VisualScripting.Nodes;
@@ -24,14 +26,22 @@ public class RegistrationService : IRegistrationService
     private readonly IInputService _inputService;
     private readonly IPropertyInputService _propertyInputService;
     private readonly INodeService _nodeService;
+    private readonly IDataModelUIService _dataModelUIService;
     private bool _registeredBuiltInPropertyEditors;
 
-    public RegistrationService(IKernel kernel, IInputService inputService, IPropertyInputService propertyInputService, IProfileEditorService profileEditorService, INodeService nodeService, IEnumerable<IToolViewModel> toolViewModels)
+    public RegistrationService(IKernel kernel, 
+        IInputService inputService, 
+        IPropertyInputService propertyInputService,
+        IProfileEditorService profileEditorService,
+        INodeService nodeService, 
+        IDataModelUIService dataModelUIService,
+        IEnumerable<IToolViewModel> toolViewModels)
     {
         _kernel = kernel;
         _inputService = inputService;
         _propertyInputService = propertyInputService;
         _nodeService = nodeService;
+        _dataModelUIService = dataModelUIService;
 
         profileEditorService.Tools.AddRange(toolViewModels);
         CreateCursorResources();
@@ -50,6 +60,7 @@ public class RegistrationService : IRegistrationService
 
     public void RegisterBuiltInDataModelDisplays()
     {
+        _dataModelUIService.RegisterDataModelDisplay<SKColorDataModelDisplayViewModel>(Constants.CorePlugin);
     }
 
     public void RegisterBuiltInDataModelInputs()

src/Artemis.VisualScripting/Nodes/DataModel/DataModelEventNode.cs

@@ -6,7 +6,7 @@ using Artemis.VisualScripting.Nodes.DataModel.Screens;
 
 namespace Artemis.VisualScripting.Nodes.DataModel;
 
-[Node("Data Model-Event", "Responds to a data model event trigger", "Data Model", OutputType = typeof(bool))]
+[Node("Data Model-Event", "Responds to a data model event trigger", "Data Model", OutputType = typeof(object))]
 public class DataModelEventNode : Node<DataModelPathEntity, DataModelEventNodeCustomViewModel>, IDisposable
 {
     private int _currentIndex;

src/Artemis.VisualScripting/Nodes/DataModel/DataModelNode.cs

@@ -1,12 +1,11 @@
-using System.ComponentModel;
-using Artemis.Core;
+using Artemis.Core;
 using Artemis.Storage.Entities.Profile;
 using Artemis.VisualScripting.Nodes.DataModel.Screens;
 using Avalonia.Threading;
 
 namespace Artemis.VisualScripting.Nodes.DataModel;
 
-[Node("Data Model-Value", "Outputs a selectable data model value.", "Data Model")]
+[Node("Data Model-Value", "Outputs a selectable data model value.", "Data Model", OutputType = typeof(object))]
 public class DataModelNode : Node<DataModelPathEntity, DataModelNodeCustomViewModel>, IDisposable
 {
     private DataModelPath? _dataModelPath;
@@ -19,7 +18,7 @@ public class DataModelNode : Node<DataModelPathEntity, DataModelNodeCustomViewMo
 
     public INodeScript? Script { get; private set; }
     public OutputPin Output { get; }
-    
+
     public override void Initialize(INodeScript script)
     {
         Script = script;
@@ -30,17 +29,6 @@ public class DataModelNode : Node<DataModelPathEntity, DataModelNodeCustomViewMo
         UpdateDataModelPath();
     }
 
-    private void UpdateDataModelPath()
-    {
-        DataModelPath? old = _dataModelPath;
-        old?.Dispose();
-
-        _dataModelPath = Storage != null ? new DataModelPath(Storage) : null;
-        if (_dataModelPath != null)
-            _dataModelPath.PathValidated += DataModelPathOnPathValidated;
-        UpdateOutputPin();
-    }
-
     public override void Evaluate()
     {
         if (_dataModelPath == null || !_dataModelPath.IsValid)
@@ -69,6 +57,17 @@ public class DataModelNode : Node<DataModelPathEntity, DataModelNodeCustomViewMo
             Output.ChangeType(type);
     }
 
+    private void UpdateDataModelPath()
+    {
+        DataModelPath? old = _dataModelPath;
+        old?.Dispose();
+
+        _dataModelPath = Storage != null ? new DataModelPath(Storage) : null;
+        if (_dataModelPath != null)
+            _dataModelPath.PathValidated += DataModelPathOnPathValidated;
+        UpdateOutputPin();
+    }
+
     private void DataModelPathOnPathValidated(object? sender, EventArgs e)
     {
         Dispatcher.UIThread.InvokeAsync(UpdateOutputPin);

src/Artemis.sln

@@ -11,8 +11,6 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Artemis.UI", "Artemis.UI\Ar
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Artemis.UI.Shared", "Artemis.UI.Shared\Artemis.UI.Shared.csproj", "{05A5AB0F-A303-4404-9623-4DB1C9AA1DA0}"
 EndProject
-Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Avalonia", "Avalonia", "{960CAAC5-AA73-49F5-BF2F-DF2C789DF042}"
-EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Artemis.UI.Windows", "Artemis.UI.Windows\Artemis.UI.Windows.csproj", "{DE45A288-9320-461F-BE2A-26DFE3817216}"
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Artemis.UI.Linux", "Artemis.UI.Linux\Artemis.UI.Linux.csproj", "{9012C8E2-3BEC-42F5-8270-7352A5922B04}"