diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextList.razor b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor
new file mode 100644
index 0000000..2c42cc2
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor
@@ -0,0 +1,8 @@
+
+ @foreach(var item in this.Items)
+ {
+
+ @item.Header: @item.Text
+
+ }
+
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs
new file mode 100644
index 0000000..4c94284
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextList.razor.cs
@@ -0,0 +1,22 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextList : ComponentBase
+{
+ [Parameter]
+ public bool Clickable { get; set; }
+
+ [Parameter]
+ public IList Items { get; set; } = [];
+
+ [Parameter]
+ public string Icon { get; set; } = Icons.Material.Filled.CheckCircle;
+
+ [Parameter]
+ public string Class { get; set; } = "";
+
+ private string Classes => $"mud-text-list {this.Class}";
+}
+
+public readonly record struct TextItem(string Header, string Text);
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css
index ba1d244..4bb06c5 100644
--- a/app/MindWork AI Studio/wwwroot/app.css
+++ b/app/MindWork AI Studio/wwwroot/app.css
@@ -29,4 +29,8 @@
font-style: normal;
font-weight: 700;
src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+.mud-text-list .mud-list-item-icon {
+ margin-top: 4px;
}
\ No newline at end of file