From c353090e5202559d7032eef1527322d52137edcf Mon Sep 17 00:00:00 2001
From: Steve Androulakis <steve.androulakis@gmail.com>
Date: Sat, 4 Jan 2025 11:43:19 -0800
Subject: [PATCH] UI update

---
 frontend/src/components/ConfirmInline.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ConfirmInline.jsx b/frontend/src/components/ConfirmInline.jsx
index 5119e9c..9e57c5b 100644
--- a/frontend/src/components/ConfirmInline.jsx
+++ b/frontend/src/components/ConfirmInline.jsx
@@ -8,6 +8,9 @@ export default function ConfirmInline({ data, confirmed, onConfirm }) {
     return (
       <div className="mt-2 p-2 border border-gray-400 dark:border-gray-600 rounded bg-gray-50 dark:bg-gray-800">
         <div className="text-sm text-gray-600 dark:text-gray-300">
+          <div>
+            <strong>Tool:</strong> {tool ?? "Unknown"}
+          </div>
           <div>
             <strong>Tool:</strong> {tool ?? "Unknown"}
           </div>
@@ -32,16 +35,19 @@ export default function ConfirmInline({ data, confirmed, onConfirm }) {
     <div className="mt-2 p-2 border border-gray-400 dark:border-gray-600 rounded bg-gray-50 dark:bg-gray-800">
       <div className="text-gray-600 dark:text-gray-300">
         <div>
-          <strong>Tool:</strong> {tool ?? "Unknown"}
+          Agent is ready to run the tool: <strong>{tool ?? "Unknown"}</strong>
         </div>
         {args && (
-          <div className="mt-1">
-            <strong>Args:</strong>
+          <div className="mt-1 text-sm">
+            With the following parameters
             <pre className="bg-gray-100 dark:bg-gray-700 p-1 rounded text-sm whitespace-pre-wrap">
               {JSON.stringify(args, null, 2)}
             </pre>
           </div>
         )}
+        <div className="mt-2 text-sm text-gray-500 dark:text-gray-400">
+          Please confirm to proceed.
+        </div>
       </div>
       <div className="text-right mt-2">
         <button