fix(chat): refresh automated turn workflow names and use shared label styles

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx

@@ -66,6 +66,7 @@ import {
 } from '@/app/workspace/[workspaceId]/home/components/user-input'
 import type { ModelSelectorOptions } from '@/app/workspace/[workspaceId]/home/components/user-input/components/model-selector'
 import { UserMessageContent } from '@/app/workspace/[workspaceId]/home/components/user-message-content'
+import { useResourceNameRevision } from '@/app/workspace/[workspaceId]/home/hooks/use-tool-resource-titles'
 import {
   fetchWorkspaceResourceRef,
   readCachedWorkspaceResourceRef,
@@ -246,12 +247,13 @@ const AutomatedTurnRow = memo(function AutomatedTurnRow({
   bubbleClassName,
 }: AutomatedTurnRowProps) {
   const params = useParams<{ workspaceId?: string }>()
+  useResourceNameRevision()
   const { label, text, note } = describeAutomatedTurn(origin, content, params?.workspaceId)
   const Icon = origin === 'task' ? Clock : Calendar
   return (
     <div className={rowClassName}>
-      <div className='flex items-center gap-1.5 text-[12px] text-[var(--text-tertiary)]'>
-        <Icon className='size-[12px]' />
+      <div className='flex items-center gap-1.5 text-[var(--text-muted)] text-caption'>
+        <Icon className='size-[12px] text-[var(--text-icon)]' />
         {label}
       </div>
       <div className={bubbleClassName} title={note}>

apps/sim/app/workspace/[workspaceId]/home/hooks/use-tool-resource-titles.ts

@@ -8,23 +8,32 @@ import { getQueryClient } from '@/app/_shell/providers/get-query-client'
 import type { ContentBlock } from '@/app/workspace/[workspaceId]/home/types'
 import { useCustomBlockOverlayVersion } from '@/blocks/custom/client-overlay'
 
+/** Bumps when the sidebar inventory arrives or a resource is renamed, so cached names re-resolve. */
+export function useResourceNameRevision(): number {
+  const [revision, refresh] = useReducer((value: number) => value + 1, 0)
+  useEffect(
+    () =>
+      getQueryClient()
+        .getQueryCache()
+        .subscribe((event) => {
+          if (
+            event.type === 'updated' &&
+            event.action.type === 'success' &&
+            isResourceNameQuery(event.query.queryKey)
+          )
+            refresh()
+        }),
+    []
+  )
+  return revision
+}
+
 /** Refresh existing rows when the sidebar inventory arrives or a resource is renamed. */
 export function useToolResourceTitles(blocks: ContentBlock[]): ContentBlock[] {
   const overlayVersion = useCustomBlockOverlayVersion()
   const params = useParams<{ workspaceId?: string }>()
   const workspaceId = params?.workspaceId
-  const [revision, refresh] = useReducer((value: number) => value + 1, 0)
-  useEffect(() => {
-    const cache = getQueryClient().getQueryCache()
-    return cache.subscribe((event) => {
-      if (
-        event.type === 'updated' &&
-        event.action.type === 'success' &&
-        isResourceNameQuery(event.query.queryKey)
-      )
-        refresh()
-    })
-  }, [workspaceId])
+  const revision = useResourceNameRevision()
 
   return useMemo(
     () =>