From 6fb9077970e57f8dc0d10c113ae7deb32bb61e2e Mon Sep 17 00:00:00 2001
From: Alexandros Nikolopoulos <alxnik@gmail.com>
Date: Sun, 8 Mar 2026 11:13:55 +0200
Subject: [PATCH 1/5] Update README.md

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 57199bd..96cc4dc 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # Tilework
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=tileworkdev_tilework&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=tileworkdev_tilework)
 
 ## About
 

From 700d90f17916bcf77ca7305e08b999ac44090c60 Mon Sep 17 00:00:00 2001
From: Alexandros Nikolopoulos <a.nikolopoulos@tilework.dev>
Date: Sun, 8 Mar 2026 11:54:54 +0000
Subject: [PATCH 2/5] Cleaning up rule dialog

---
 .../Components/Dialogs/RuleDialog.razor       | 141 +++++++++++-------
 1 file changed, 89 insertions(+), 52 deletions(-)

diff --git a/tilework.ui/Components/Dialogs/RuleDialog.razor b/tilework.ui/Components/Dialogs/RuleDialog.razor
index a324eed..e2e624b 100644
--- a/tilework.ui/Components/Dialogs/RuleDialog.razor
+++ b/tilework.ui/Components/Dialogs/RuleDialog.razor
@@ -15,58 +15,95 @@
     </TitleContent>
     <DialogContent>
         <MudForm @ref="form">
-            @foreach (var condition in Rule.Conditions)
-            {
-                <ConditionForm Condition="condition"
-                               OnDelete="@(() => RemoveCondition(condition))" />
-            }
-
-            <MudStack AlignItems="AlignItems.Start" Row>
-                <MudMenu Disabled="@(!CanAddCondition)" AnchorOrigin="Origin.BottomCenter" Class="mb-4">
-                    <ActivatorContent>
-                        <MudTooltip Disabled="@(AllowedConditionTypes.Any())" Text="This protocol does not support rule conditions.">
-                            <MudButton Disabled="@(!CanAddCondition)" Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add">
-                                Add condition
-                            </MudButton>
-                        </MudTooltip>
-                    </ActivatorContent>
-                    <ChildContent>
-                        @foreach (var type in AvailableConditionTypes)
-                        {
-                            <MudMenuItem OnClick="@(() => AddCondition(type))">@type.GetDescription()</MudMenuItem>
-                        }
-                    </ChildContent>
-                </MudMenu>
-            </MudStack>
-            <MudNumericField T="int" @bind-Value="Rule.Priority" Label="Priority" Variant="Variant.Outlined" HideSpinButtons="true" Required="true" Class="mb-4" />
-
-            <MudSelect T="RuleActionType" @bind-Value="Rule.Action.Type" Label="Action" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter" Required="true" Class="mb-4">
-                @foreach (var type in AllowedActionTypes)
-                {
-                    <MudSelectItem T="RuleActionType" Value="@type">@type.GetDescription()</MudSelectItem>
-                }
-            </MudSelect>
-
-            @if (Rule.Action?.Type == RuleActionType.Forward)
-            {
-                <MudSelect T="Guid?" @bind-Value="SelectedTargetGroup" Label="Target group" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter" Required="true">
-                    @foreach (var group in TargetGroups)
-                    {
-                        <MudSelectItem T="Guid?" Value="@group.Id">@group.Name</MudSelectItem>
-                    }
-                </MudSelect>
-            }
-            else if (Rule.Action?.Type == RuleActionType.Redirect)
-            {
-                <MudTextField T="string" @bind-Value="Rule.Action.RedirectUrl" Label="Redirect URL" Variant="Variant.Outlined" Required="true" Class="mb-4" />
-                <MudNumericField T="int?" @bind-Value="Rule.Action.RedirectStatusCode" Label="Redirect status code" Variant="Variant.Outlined" HideSpinButtons="true" Required="true" />
-            }
-            else if (Rule.Action?.Type == RuleActionType.FixedResponse)
-            {
-                <MudNumericField T="int?" @bind-Value="Rule.Action.FixedResponseStatusCode" Label="Response status code" Variant="Variant.Outlined" HideSpinButtons="true" Required="true" Class="mb-4" />
-                <MudTextField T="string" @bind-Value="Rule.Action.FixedResponseContentType" Label="Content type" Variant="Variant.Outlined" Class="mb-4" />
-                <MudTextField T="string" @bind-Value="Rule.Action.FixedResponseBody" Label="Response body" Variant="Variant.Outlined" Lines="3" />
-            }
+            <MudGrid Spacing="3">
+                <MudItem xs="12">
+                    <MudCard Outlined="true">
+                        <MudCardHeader>
+                            <CardHeaderContent>
+                                <MudText Typo="Typo.subtitle1"><strong>Details</strong></MudText>
+                            </CardHeaderContent>
+                        </MudCardHeader>
+                        <MudCardContent>
+                            <MudNumericField T="int" @bind-Value="Rule.Priority" Label="Priority" Variant="Variant.Outlined"
+                                            HideSpinButtons="true" Required="true" Class="mb-4" />
+                        </MudCardContent>
+                    </MudCard>
+                </MudItem>
+                
+                <MudItem xs="12">
+                    <MudCard Outlined="true">
+                        <MudCardHeader>
+                            <CardHeaderContent>
+                                <MudText Typo="Typo.subtitle1"><strong>Conditions</strong></MudText>
+                            </CardHeaderContent>
+                        </MudCardHeader>
+                        <MudCardContent>
+                            @foreach (var condition in Rule.Conditions)
+                            {
+                                <ConditionForm Condition="condition"
+                                            OnDelete="@(() => RemoveCondition(condition))" />
+                            }
+
+                            <MudStack AlignItems="AlignItems.Start" Row>
+                                <MudMenu Disabled="@(!CanAddCondition)" AnchorOrigin="Origin.BottomCenter" Class="mb-4">
+                                    <ActivatorContent>
+                                        <MudTooltip Disabled="@(AllowedConditionTypes.Any())" Text="This protocol does not support rule conditions.">
+                                            <MudButton Disabled="@(!CanAddCondition)" Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add">
+                                                Add condition
+                                            </MudButton>
+                                        </MudTooltip>
+                                    </ActivatorContent>
+                                    <ChildContent>
+                                        @foreach (var type in AvailableConditionTypes)
+                                        {
+                                            <MudMenuItem OnClick="@(() => AddCondition(type))">@type.GetDescription()</MudMenuItem>
+                                        }
+                                    </ChildContent>
+                                </MudMenu>
+                            </MudStack>
+                        </MudCardContent>
+                    </MudCard>
+                </MudItem>
+
+                <MudItem xs="12">
+                    <MudCard Outlined="true">
+                        <MudCardHeader>
+                            <CardHeaderContent>
+                                <MudText Typo="Typo.subtitle1"><strong>Action</strong></MudText>
+                            </CardHeaderContent>
+                        </MudCardHeader>
+                        <MudCardContent>
+                            <MudSelect T="RuleActionType" @bind-Value="Rule.Action.Type" Label="Action" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter" Required="true" Class="mb-4">
+                                @foreach (var type in AllowedActionTypes)
+                                {
+                                    <MudSelectItem T="RuleActionType" Value="@type">@type.GetDescription()</MudSelectItem>
+                                }
+                            </MudSelect>
+
+                            @if (Rule.Action?.Type == RuleActionType.Forward)
+                            {
+                                <MudSelect T="Guid?" @bind-Value="SelectedTargetGroup" Label="Target group" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter" Required="true">
+                                    @foreach (var group in TargetGroups)
+                                    {
+                                        <MudSelectItem T="Guid?" Value="@group.Id">@group.Name</MudSelectItem>
+                                    }
+                                </MudSelect>
+                            }
+                            else if (Rule.Action?.Type == RuleActionType.Redirect)
+                            {
+                                <MudTextField T="string" @bind-Value="Rule.Action.RedirectUrl" Label="Redirect URL" Variant="Variant.Outlined" Required="true" Class="mb-4" />
+                                <MudNumericField T="int?" @bind-Value="Rule.Action.RedirectStatusCode" Label="Redirect status code" Variant="Variant.Outlined" HideSpinButtons="true" Required="true" />
+                            }
+                            else if (Rule.Action?.Type == RuleActionType.FixedResponse)
+                            {
+                                <MudNumericField T="int?" @bind-Value="Rule.Action.FixedResponseStatusCode" Label="Response status code" Variant="Variant.Outlined" HideSpinButtons="true" Required="true" Class="mb-4" />
+                                <MudTextField T="string" @bind-Value="Rule.Action.FixedResponseContentType" Label="Content type" Variant="Variant.Outlined" Class="mb-4" />
+                                <MudTextField T="string" @bind-Value="Rule.Action.FixedResponseBody" Label="Response body" Variant="Variant.Outlined" Lines="3" />
+                            }
+                        </MudCardContent>
+                    </MudCard>
+                </MudItem>
+            </MudGrid>
         </MudForm>
     </DialogContent>
     <DialogActions>

From 6045f91bbe5aa2d5ecfb8e354ac7e4f97b8f623b Mon Sep 17 00:00:00 2001
From: Alexandros Nikolopoulos <a.nikolopoulos@tilework.dev>
Date: Sun, 8 Mar 2026 12:20:10 +0000
Subject: [PATCH 3/5] Further cleanup of rule conditions

---
 .../Components/Dialogs/RuleDialog.razor       |  3 +-
 .../Components/Forms/ConditionForm.razor      | 40 +++++++++----------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/tilework.ui/Components/Dialogs/RuleDialog.razor b/tilework.ui/Components/Dialogs/RuleDialog.razor
index e2e624b..f3b6480 100644
--- a/tilework.ui/Components/Dialogs/RuleDialog.razor
+++ b/tilework.ui/Components/Dialogs/RuleDialog.razor
@@ -42,10 +42,11 @@
                             {
                                 <ConditionForm Condition="condition"
                                             OnDelete="@(() => RemoveCondition(condition))" />
+                                <MudDivider/>
                             }
 
                             <MudStack AlignItems="AlignItems.Start" Row>
-                                <MudMenu Disabled="@(!CanAddCondition)" AnchorOrigin="Origin.BottomCenter" Class="mb-4">
+                                <MudMenu Disabled="@(!CanAddCondition)" AnchorOrigin="Origin.BottomCenter" Class="mt-4">
                                     <ActivatorContent>
                                         <MudTooltip Disabled="@(AllowedConditionTypes.Any())" Text="This protocol does not support rule conditions.">
                                             <MudButton Disabled="@(!CanAddCondition)" Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add">
diff --git a/tilework.ui/Components/Forms/ConditionForm.razor b/tilework.ui/Components/Forms/ConditionForm.razor
index 1258dcd..466425d 100644
--- a/tilework.ui/Components/Forms/ConditionForm.razor
+++ b/tilework.ui/Components/Forms/ConditionForm.razor
@@ -5,28 +5,28 @@
 
 @namespace Tilework.Ui.Components.Forms
 
-<MudPaper Class="mb-4 p-4" Outlined="true">
-    <MudStack Spacing="1" Class="ma-1" StretchItems="StretchItems.Start" Row>
-        <MudText Typo="Typo.subtitle2">@Condition.Type.GetDescription()</MudText>
-        <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Variant="Variant.Text" Size="Size.Small" OnClick="OnDelete" />
-    </MudStack>
-    <MudDivider/>
-    <MudStack Spacing="1" Class="ma-2">
-        @for (var i = 0; i < Condition.Values.Count; i++)
-        {
-            var index = i;
-            <MudStack StretchItems="StretchItems.Start" Row>
-                <MudTextField @bind-Value="Condition.Values[index]" Label="Value" Variant="Variant.Outlined" Required="true" Margin="Margin.Dense" />
-                <MudIconButton Icon="@Icons.Material.Filled.Delete" Variant="Variant.Text" Size="Size.Small" OnClick="@(() => RemoveValue(index))" />
-            </MudStack>
-        }
-        <MudStack AlignItems="AlignItems.Start" Row>
-            <MudButton Size="Size.Small" Variant="Variant.Text" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="AddValue">
-                Add OR condition value
-            </MudButton>
+
+<MudStack Spacing="1" Class="ma-1" StretchItems="StretchItems.Start" Row>
+    <MudText Typo="Typo.subtitle2">@Condition.Type.GetDescription()</MudText>
+    <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Variant="Variant.Text" Size="Size.Small" OnClick="OnDelete" />
+</MudStack>
+
+<MudStack Spacing="1" Class="ma-2">
+    @for (var i = 0; i < Condition.Values.Count; i++)
+    {
+        var index = i;
+        <MudStack AlignItems="AlignItems.Center" StretchItems="StretchItems.Middle" Row>
+            <MudText Typo="Typo.subtitle2" Style="display:inline-block; width:2ch; text-align:center;"><strong>@(index == 0 ? "=" : "or")</strong></MudText>
+            <MudTextField @bind-Value="Condition.Values[index]" Variant="Variant.Outlined" Required="true" Margin="Margin.Dense" />
+            <MudIconButton Icon="@Icons.Material.Filled.Delete" Variant="Variant.Text" Size="Size.Small" OnClick="@(() => RemoveValue(index))" />
         </MudStack>
+    }
+    <MudStack AlignItems="AlignItems.Start" Row>
+        <MudButton Size="Size.Small" Variant="Variant.Text" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="AddValue">
+            Add OR condition value
+        </MudButton>
     </MudStack>
-</MudPaper>
+</MudStack>
 
 @code {
     [Parameter] public Condition Condition { get; set; }

From 0c2136299528c74f9d30e2d8b79dcea65ef3c054 Mon Sep 17 00:00:00 2001
From: Alexandros Nikolopoulos <a.nikolopoulos@tilework.dev>
Date: Sun, 8 Mar 2026 12:24:14 +0000
Subject: [PATCH 4/5] Alignment of buttons

---
 tilework.ui/Components/Forms/ConditionForm.razor | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/tilework.ui/Components/Forms/ConditionForm.razor b/tilework.ui/Components/Forms/ConditionForm.razor
index 466425d..6b1386d 100644
--- a/tilework.ui/Components/Forms/ConditionForm.razor
+++ b/tilework.ui/Components/Forms/ConditionForm.razor
@@ -5,6 +5,13 @@
 
 @namespace Tilework.Ui.Components.Forms
 
+<style>
+.condition-prefix {
+    display:inline-block;
+    width:2ch;
+    text-align:center;
+}
+</style>
 
 <MudStack Spacing="1" Class="ma-1" StretchItems="StretchItems.Start" Row>
     <MudText Typo="Typo.subtitle2">@Condition.Type.GetDescription()</MudText>
@@ -16,14 +23,15 @@
     {
         var index = i;
         <MudStack AlignItems="AlignItems.Center" StretchItems="StretchItems.Middle" Row>
-            <MudText Typo="Typo.subtitle2" Style="display:inline-block; width:2ch; text-align:center;"><strong>@(index == 0 ? "=" : "or")</strong></MudText>
+            <MudText Typo="Typo.subtitle2" Class="condition-prefix"><strong>@(index == 0 ? "=" : "or")</strong></MudText>
             <MudTextField @bind-Value="Condition.Values[index]" Variant="Variant.Outlined" Required="true" Margin="Margin.Dense" />
             <MudIconButton Icon="@Icons.Material.Filled.Delete" Variant="Variant.Text" Size="Size.Small" OnClick="@(() => RemoveValue(index))" />
         </MudStack>
     }
     <MudStack AlignItems="AlignItems.Start" Row>
+        <MudText Typo="Typo.subtitle2" Class="condition-prefix"></MudText>
         <MudButton Size="Size.Small" Variant="Variant.Text" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="AddValue">
-            Add OR condition value
+            Add
         </MudButton>
     </MudStack>
 </MudStack>

From 4664c07115578a8ca82f3b3126464d602e33bfb8 Mon Sep 17 00:00:00 2001
From: Alexandros Nikolopoulos <a.nikolopoulos@tilework.dev>
Date: Sun, 8 Mar 2026 12:30:47 +0000
Subject: [PATCH 5/5] More UI cleanup

---
 tilework.ui/Components/Forms/ConditionForm.razor | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tilework.ui/Components/Forms/ConditionForm.razor b/tilework.ui/Components/Forms/ConditionForm.razor
index 6b1386d..1d010be 100644
--- a/tilework.ui/Components/Forms/ConditionForm.razor
+++ b/tilework.ui/Components/Forms/ConditionForm.razor
@@ -13,9 +13,9 @@
 }
 </style>
 
-<MudStack Spacing="1" Class="ma-1" StretchItems="StretchItems.Start" Row>
-    <MudText Typo="Typo.subtitle2">@Condition.Type.GetDescription()</MudText>
-    <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Variant="Variant.Text" Size="Size.Small" OnClick="OnDelete" />
+<MudStack Spacing="1" Class="ma-2" StretchItems="StretchItems.Start" Row>
+    <MudText Typo="Typo.subtitle2"><strong>@Condition.Type.GetDescription()</strong></MudText>
+    <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Variant="Variant.Text" Size="Size.Small" OnClick="OnDelete"/>
 </MudStack>
 
 <MudStack Spacing="1" Class="ma-2">
@@ -25,7 +25,7 @@
         <MudStack AlignItems="AlignItems.Center" StretchItems="StretchItems.Middle" Row>
             <MudText Typo="Typo.subtitle2" Class="condition-prefix"><strong>@(index == 0 ? "=" : "or")</strong></MudText>
             <MudTextField @bind-Value="Condition.Values[index]" Variant="Variant.Outlined" Required="true" Margin="Margin.Dense" />
-            <MudIconButton Icon="@Icons.Material.Filled.Delete" Variant="Variant.Text" Size="Size.Small" OnClick="@(() => RemoveValue(index))" />
+            <MudIconButton Icon="@Icons.Material.Filled.DeleteOutline" Variant="Variant.Text" Size="Size.Small" OnClick="@(() => RemoveValue(index))" />
         </MudStack>
     }
     <MudStack AlignItems="AlignItems.Start" Row>