From f7bb47bf64157b4369763e73f600dc59d5c84fce Mon Sep 17 00:00:00 2001
From: Tyler Longwell <tlongwell@squareup.com>
Date: Mon, 30 Mar 2026 11:07:02 -0400
Subject: [PATCH] fix(claw): use bg-background-primary so tool call boxes are
 visible

Tool call boxes use bg-background-secondary for contrast. The active
agent view was also using bg-background-secondary as its page
background, making them invisible. Switch to bg-background-primary
to match the regular chat view.
---
 ui/desktop/src/components/ActiveAgentView.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/desktop/src/components/ActiveAgentView.tsx b/ui/desktop/src/components/ActiveAgentView.tsx
index 0302e25717..3719528199 100644
--- a/ui/desktop/src/components/ActiveAgentView.tsx
+++ b/ui/desktop/src/components/ActiveAgentView.tsx
@@ -101,7 +101,7 @@ function ActiveAgentChat({
   );
 
   return (
-    <div className="flex flex-col h-full min-h-0 bg-background-secondary">
+    <div className="flex flex-col h-full min-h-0 bg-background-primary">
       <ScrollArea ref={scrollRef} className="flex-1 min-h-0">
         <div className="px-4 py-4">
           {messages.length === 0 && chatState === ChatState.Idle ? (
@@ -209,7 +209,7 @@ export default function ActiveAgentView({
 
   if (state === 'loading') {
     return (
-      <div className="flex flex-col h-full items-center justify-center bg-background-secondary">
+      <div className="flex flex-col h-full items-center justify-center bg-background-primary">
         <LoadingGoose chatState={ChatState.LoadingConversation} />
         <p className="text-text-secondary mt-2 text-sm">Waking up the active agent...</p>
       </div>
@@ -218,7 +218,7 @@ export default function ActiveAgentView({
 
   if (state === 'error') {
     return (
-      <div className="flex flex-col h-full items-center justify-center bg-background-secondary">
+      <div className="flex flex-col h-full items-center justify-center bg-background-primary">
         <p className="text-text-secondary text-sm">Could not connect to the active agent.</p>
         {errorMsg && (
           <p className="text-text-tertiary text-xs mt-1 max-w-md text-center">{errorMsg}</p>