From eda73040974b5462de86a79264dd8e025a6344a0 Mon Sep 17 00:00:00 2001
From: Theodore Li <theo@sim.ai>
Date: Tue, 5 May 2026 16:35:39 -0700
Subject: [PATCH 1/2] fix(ui): Adjust tool opacity, failed tool wording

---
 .../message-content/components/agent-group/tool-call-item.tsx | 2 +-
 apps/sim/lib/copilot/tools/client/store-utils.ts              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
index 9d8a928eab4..d226b4d0ae1 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
@@ -94,7 +94,7 @@ export function ToolCallItem({ toolName, displayTitle, status, streamingArgs }:
   }, [toolName, streamingArgs])
 
   return (
-    <div className='flex items-center gap-[8px] pl-[24px]'>
+    <div className='flex items-center gap-[8px] pl-[24px] opacity-60'>
       <div className='flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center'>
         <StatusIcon status={status} toolName={toolName} />
       </div>
diff --git a/apps/sim/lib/copilot/tools/client/store-utils.ts b/apps/sim/lib/copilot/tools/client/store-utils.ts
index 9ec88489672..71f43c1f046 100644
--- a/apps/sim/lib/copilot/tools/client/store-utils.ts
+++ b/apps/sim/lib/copilot/tools/client/store-utils.ts
@@ -71,7 +71,7 @@ function formatReadingLabel(target: string | undefined, state: ClientToolCallSta
     case ClientToolCallState.success:
       return `Read${suffix}`
     case ClientToolCallState.error:
-      return `Failed reading${suffix}`
+      return `Attempted to read${suffix}`
     case ClientToolCallState.rejected:
     case ClientToolCallState.aborted:
       return `Skipped reading${suffix}`
@@ -132,7 +132,7 @@ function humanizedFallback(
     state === ClientToolCallState.success
       ? 'Executed'
       : state === ClientToolCallState.error
-        ? 'Failed'
+        ? 'Attempted to'
         : state === ClientToolCallState.rejected || state === ClientToolCallState.aborted
           ? 'Skipped'
           : 'Executing'

From 152e39b64399a50e02844b60c21b08d90fce564f Mon Sep 17 00:00:00 2001
From: Theodore Li <theo@sim.ai>
Date: Tue, 5 May 2026 16:43:39 -0700
Subject: [PATCH 2/2] fix(ui): scope opacity to subagent groups, lowercase
 fallback error label

---
 .../components/agent-group/agent-group.tsx       |  5 +++--
 .../components/agent-group/tool-call-item.tsx    |  2 +-
 apps/sim/lib/copilot/tools/client/store-utils.ts | 16 +++++++++-------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
index b7a073dab5e..516e4a39964 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
@@ -42,6 +42,7 @@ export function AgentGroup({
 }: AgentGroupProps) {
   const AgentIcon = getAgentIcon(agentName)
   const hasItems = items.length > 0
+  const isSubagent = agentName !== 'mothership'
   const toolItems = items.filter(
     (item): item is Extract<AgentGroupItem, { type: 'tool' }> => item.type === 'tool'
   )
@@ -112,7 +113,7 @@ export function AgentGroup({
         <Expandable expanded={expanded}>
           <ExpandableContent>
             <BoundedViewport isStreaming={isStreaming}>
-              <div className='flex flex-col gap-1.5 py-0.5'>
+              <div className={cn('flex flex-col gap-1.5 py-0.5', isSubagent && 'opacity-60')}>
                 {items.map((item, idx) => {
                   if (item.type === 'tool') {
                     return (
@@ -128,7 +129,7 @@ export function AgentGroup({
                   return (
                     <span
                       key={`text-${idx}`}
-                      className='pl-6 font-base text-[13px] text-[var(--text-secondary)] leading-[18px] opacity-60'
+                      className='pl-6 font-base text-[13px] text-[var(--text-secondary)] leading-[18px]'
                     >
                       {item.content.trim()}
                     </span>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
index d226b4d0ae1..9d8a928eab4 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/tool-call-item.tsx
@@ -94,7 +94,7 @@ export function ToolCallItem({ toolName, displayTitle, status, streamingArgs }:
   }, [toolName, streamingArgs])
 
   return (
-    <div className='flex items-center gap-[8px] pl-[24px] opacity-60'>
+    <div className='flex items-center gap-[8px] pl-[24px]'>
       <div className='flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center'>
         <StatusIcon status={status} toolName={toolName} />
       </div>
diff --git a/apps/sim/lib/copilot/tools/client/store-utils.ts b/apps/sim/lib/copilot/tools/client/store-utils.ts
index 71f43c1f046..6780db12807 100644
--- a/apps/sim/lib/copilot/tools/client/store-utils.ts
+++ b/apps/sim/lib/copilot/tools/client/store-utils.ts
@@ -127,14 +127,16 @@ function humanizedFallback(
   toolName: string,
   state: ClientToolCallState
 ): ClientToolDisplay | undefined {
-  const formattedName = toolName.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
+  const titleCaseName = toolName.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
+  if (state === ClientToolCallState.error) {
+    const lowerCaseName = toolName.replace(/_/g, ' ').toLowerCase()
+    return { text: `Attempted to ${lowerCaseName}`, icon: Loader }
+  }
   const stateVerb =
     state === ClientToolCallState.success
       ? 'Executed'
-      : state === ClientToolCallState.error
-        ? 'Attempted to'
-        : state === ClientToolCallState.rejected || state === ClientToolCallState.aborted
-          ? 'Skipped'
-          : 'Executing'
-  return { text: `${stateVerb} ${formattedName}`, icon: Loader }
+      : state === ClientToolCallState.rejected || state === ClientToolCallState.aborted
+        ? 'Skipped'
+        : 'Executing'
+  return { text: `${stateVerb} ${titleCaseName}`, icon: Loader }
 }