From 27b59fb4b7d6599be40d46a1fc7630bc2a789678 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 12 Mar 2026 00:04:17 +0000
Subject: [PATCH 1/2] Initial plan


From 9d42064449f32b07c5e15e24d276521e5e67b8a1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 12 Mar 2026 00:06:37 +0000
Subject: [PATCH 2/2] Add .btn-prompting CSS class and replace inline styles in
 prompting agent pages

Co-authored-by: pournasserian <24959477+pournasserian@users.noreply.github.com>
---
 .../Components/Pages/Agent17.razor            |  2 +-
 .../Components/Pages/Agent18.razor            |  2 +-
 .../Components/Pages/Agent19.razor            |  2 +-
 .../Components/Pages/Agent20.razor            |  2 +-
 .../Components/Pages/Agent21.razor            |  2 +-
 .../Components/Pages/Agent22.razor            |  2 +-
 .../Components/Pages/Agent23.razor            |  2 +-
 0-Agents/AgentsWebUI/wwwroot/app.css          | 20 +++++++++++++++++++
 8 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent17.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent17.razor
index cfa8b99..de9f347 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent17.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent17.razor
@@ -29,7 +29,7 @@
                     <textarea class="form-control message-input" @bind="message"></textarea>
                 </div>
                 <div class="d-flex gap-2 flex-wrap">
-                    <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                    <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                         @(isLoading ? "Running..." : "🩷 Submit")
                     </button>
                     <button class="btn btn-outline-secondary" @onclick="OnSubmitStream" disabled="@isLoading">
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent18.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent18.razor
index a3cab87..492c0e7 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent18.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent18.razor
@@ -27,7 +27,7 @@
                 <div class="mb-2 small text-muted">
                     Spawns 3 branches: <span class="badge badge-primary">Analytical</span> <span class="badge badge-success">Creative</span> <span class="badge badge-primary">Practical</span>
                 </div>
-                <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                     @(isLoading ? "Running..." : "🌳 Run Tree of Thoughts")
                 </button>
             </div>
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent19.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent19.razor
index 302d998..4bae726 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent19.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent19.razor
@@ -27,7 +27,7 @@
                 <div class="mb-2 small text-muted">
                     Graph: <code>Input → Decomposer → Node1, Node2 → Synthesizer → Output</code>
                 </div>
-                <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                     @(isLoading ? "Running..." : "🕸️ Run Graph of Thoughts")
                 </button>
             </div>
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent20.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent20.razor
index a877c88..8d9ca09 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent20.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent20.razor
@@ -27,7 +27,7 @@
                 <div class="mb-2 small text-muted">
                     Pipeline: <span class="badge badge-primary">Programmer</span> → <span class="badge badge-success">Interpreter</span>
                 </div>
-                <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                     @(isLoading ? "Running..." : "💻 Run Program of Thoughts")
                 </button>
             </div>
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent21.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent21.razor
index c0d5c44..41f1ab4 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent21.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent21.razor
@@ -29,7 +29,7 @@
                     Tools: <span class="badge badge-primary">SearchWeb</span> <span class="badge badge-success">Calculate</span> <span class="badge badge-primary">LookupFact</span>
                 </div>
                 <div class="d-flex gap-2 flex-wrap">
-                    <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                    <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                         @(isLoading ? "Running..." : "⚡ Submit")
                     </button>
                     <button class="btn btn-outline-secondary" @onclick="OnSubmitStream" disabled="@isLoading">
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent22.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent22.razor
index ff67620..276c9d2 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent22.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent22.razor
@@ -27,7 +27,7 @@
                 <div class="mb-2 small text-muted">
                     Pipeline: <span class="badge badge-primary">Responder</span> → <span class="badge badge-warning">Critic</span>
                 </div>
-                <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                     @(isLoading ? "Running..." : "🪞 Run Reflection")
                 </button>
             </div>
diff --git a/0-Agents/AgentsWebUI/Components/Pages/Agent23.razor b/0-Agents/AgentsWebUI/Components/Pages/Agent23.razor
index 8f65615..4cad86b 100644
--- a/0-Agents/AgentsWebUI/Components/Pages/Agent23.razor
+++ b/0-Agents/AgentsWebUI/Components/Pages/Agent23.razor
@@ -27,7 +27,7 @@
                 <div class="mb-2 small text-muted">
                     Pipeline (×2): <span class="badge badge-primary">Generator</span> → <span class="badge badge-warning">Critic</span> → <span class="badge badge-success">Refiner</span>
                 </div>
-                <button class="btn" style="background-color:#e83e8c;color:white;" @onclick="OnSubmit" disabled="@isLoading">
+                <button class="btn btn-prompting" @onclick="OnSubmit" disabled="@isLoading">
                     @(isLoading ? "Running..." : "✨ Run Self-Refine")
                 </button>
             </div>
diff --git a/0-Agents/AgentsWebUI/wwwroot/app.css b/0-Agents/AgentsWebUI/wwwroot/app.css
index 2f90a2f..93f69bf 100644
--- a/0-Agents/AgentsWebUI/wwwroot/app.css
+++ b/0-Agents/AgentsWebUI/wwwroot/app.css
@@ -816,6 +816,26 @@ textarea.form-control.message-input {
     color: var(--color-white);
 }
 
+/* Prompting strategies / pink */
+.btn-prompting {
+    background-color: var(--color-cat-prompting);
+    border-color: #c72d7c;
+    color: var(--color-white);
+    font-weight: var(--font-weight-medium);
+    border-radius: var(--radius-md);
+}
+
+.btn-prompting:hover:not(:disabled) {
+    background-color: #c72d7c;
+    border-color: #a3255f;
+    color: var(--color-white);
+}
+
+.btn-prompting:disabled {
+    opacity: 0.65;
+    cursor: not-allowed;
+}
+
 /* Stream / animated button state */
 .btn-stream-active {
     position: relative;