WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-08-26 22:42:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

[eric] chat: finished tool rows go neutral, accent only marks the row actually running

Browse Source
This commit is contained in:
ciregenz
2026-08-03 21:07:42 -07:00
parent 539478120c
commit c44dea3597
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/AgentChat/tool-bubbles/CompactMcpBubble.tsx
+3 -2
View File
@@ -96,10 +96,11 @@ export const CompactMcpBubble: React.FC<CompactMcpBubbleProps> = ({
{!hideVerbLabel && !isWebRow && (
<Typography
sx={{
color: c.accent.primary,
color: isPending ? c.accent.primary : c.text.secondary,
fontSize: '0.75rem',
fontWeight: 600,
fontWeight: isPending ? 600 : 500,
flexShrink: 0,
transition: 'color 0.25s ease',
}}
>
{serviceLabel}
frontend/src/app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx
+7 -4
View File
@@ -115,21 +115,24 @@ export const DefaultToolBubble: React.FC<DefaultToolBubbleProps> = ({
'&:hover': canToggleDetails ? { bgcolor: 'rgba(0,0,0,0.02)' } : {},
}}
>
{/* Accent is a LIVE signal only: a finished row goes neutral so a 20-row group reads as calm history, not a wall of orange (open-webui's state language). */}
{mcpInfo.isMcp && mcpInfo.service
? <GoogleServiceIcon service={mcpInfo.service} size={mcpCompact ? 14 : 15} />
: (() => {
const n = toolName.toLowerCase();
const p_iconColor = isPending ? c.accent.primary : c.text.tertiary;
if (n.includes('search') || n === 'grep' || n === 'glob')
return <SearchIcon sx={{ fontSize: mcpCompact ? 14 : 15, color: c.accent.primary, flexShrink: 0 }} />;
return <TerminalIcon sx={{ fontSize: mcpCompact ? 14 : 15, color: c.accent.primary, flexShrink: 0 }} />;
return <SearchIcon sx={{ fontSize: mcpCompact ? 14 : 15, color: p_iconColor, flexShrink: 0 }} />;
return <TerminalIcon sx={{ fontSize: mcpCompact ? 14 : 15, color: p_iconColor, flexShrink: 0 }} />;
})()
}
<Typography
sx={{
color: c.accent.primary,
color: isPending ? c.accent.primary : c.text.secondary,
fontSize: mcpCompact ? '0.78rem' : '0.8rem',
fontWeight: 600,
fontWeight: isPending ? 600 : 500,
flexShrink: 0,
transition: 'color 0.25s ease',
}}
>
{(() => {