From 42fe98af0c5983c687999b7eedd9371f1b15b2a7 Mon Sep 17 00:00:00 2001
From: Ryan Hopper-Lowe <ryan@acorn.io>
Date: Mon, 6 Jan 2025 12:16:01 -0600
Subject: [PATCH] enhance: improve colors for workflow steps UX

---
 .../app/components/agent/shared/ToolAuthenticationStatus.tsx  | 2 +-
 ui/admin/app/components/workflow/steps/StepBase.tsx           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/admin/app/components/agent/shared/ToolAuthenticationStatus.tsx b/ui/admin/app/components/agent/shared/ToolAuthenticationStatus.tsx
index 0ea87a8e6..3201b9d17 100644
--- a/ui/admin/app/components/agent/shared/ToolAuthenticationStatus.tsx
+++ b/ui/admin/app/components/agent/shared/ToolAuthenticationStatus.tsx
@@ -58,7 +58,7 @@ export function ToolAuthenticationStatus({
     const handleDeauthorize = async () => {
         if (!toolInfo) return;
 
-        const { error } = await deauthorize.executeAsync(namespace, entityId, [
+        const [error] = await deauthorize.executeAsync(namespace, entityId, [
             tool,
         ]);
 
diff --git a/ui/admin/app/components/workflow/steps/StepBase.tsx b/ui/admin/app/components/workflow/steps/StepBase.tsx
index a7fee00fe..463758100 100644
--- a/ui/admin/app/components/workflow/steps/StepBase.tsx
+++ b/ui/admin/app/components/workflow/steps/StepBase.tsx
@@ -74,7 +74,7 @@ export function StepBase({
         <div className={cn("border rounded-md bg-background", className)}>
             <div
                 className={cn(
-                    "flex items-start gap-2 p-3 bg-muted",
+                    "flex items-start gap-2 p-3 bg-background-secondary",
                     showExpanded ? "rounded-t-md" : "rounded-md"
                 )}
             >
@@ -106,7 +106,7 @@ export function StepBase({
                     placeholder={fieldConfig.placeholder}
                     maxHeight={100}
                     minHeight={0}
-                    className="flex-grow bg-background-secondary"
+                    className="flex-grow bg-background"
                     onClick={(e) => e.stopPropagation()}
                 />