From 73540e39361ed0f2a7c66087f17970a830823db4 Mon Sep 17 00:00:00 2001 From: Emir Karabeg <78010029+emir-karabeg@users.noreply.github.com> Date: Tue, 10 Feb 2026 12:46:21 -0800 Subject: [PATCH] feat(logs): add skill icon to trace spans (#3181) Adds the AgentSkillsIcon to trace spans in logs when displaying the load_skill tool. Previously, skills appeared with a default gray color. Now they display with the proper skill icon and a purple (#8B5CF6) background color, consistent with the skills icon used in the settings modal and skill input components. Co-authored-by: Cursor Agent Co-authored-by: Emir Karabeg --- .../log-details/components/trace-spans/trace-spans.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/trace-spans/trace-spans.tsx b/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/trace-spans/trace-spans.tsx index e3e091f02..dd822327e 100644 --- a/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/trace-spans/trace-spans.tsx +++ b/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/trace-spans/trace-spans.tsx @@ -16,7 +16,7 @@ import { PopoverItem, Tooltip, } from '@/components/emcn' -import { WorkflowIcon } from '@/components/icons' +import { AgentSkillsIcon, WorkflowIcon } from '@/components/icons' import { cn } from '@/lib/core/utils/cn' import { formatDuration } from '@/lib/core/utils/formatting' import { LoopTool } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/subflows/loop/loop-config' @@ -118,6 +118,10 @@ function getBlockIconAndColor( // Check for tool by name first (most specific) if (lowerType === 'tool' && toolName) { + // Handle load_skill tool with the AgentSkillsIcon + if (toolName === 'load_skill') { + return { icon: AgentSkillsIcon, bgColor: '#8B5CF6' } + } const toolBlock = getBlockByToolName(toolName) if (toolBlock) { return { icon: toolBlock.icon, bgColor: toolBlock.bgColor }