From 4c0d1b5495fb2afa3c17e5ab80838fd0fcc0fdcf Mon Sep 17 00:00:00 2001
From: DarkSkyXD <leveluptogetherbiz@gmail.com>
Date: Wed, 25 Mar 2026 18:49:36 -0500
Subject: [PATCH] fix: suppress avatar 404s in topology graph and chart
 dimension warnings
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove eager avatar URL from topology graph nodes — agents without
  custom avatars were triggering 404 console errors on every render.
  The gradient fallback avatars display correctly without the URL.
- Add debounce={1} to ResponsiveContainer in AgentDetail charts to
  prevent the "width(-1) and height(-1)" warnings on initial mount.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 interface/src/components/TopologyGraph.tsx | 2 --
 interface/src/routes/AgentDetail.tsx       | 6 +++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/interface/src/components/TopologyGraph.tsx b/interface/src/components/TopologyGraph.tsx
index c04e0f5e8..6b9961b22 100644
--- a/interface/src/components/TopologyGraph.tsx
+++ b/interface/src/components/TopologyGraph.tsx
@@ -1707,7 +1707,6 @@ function buildGraph(
 					bio: profile?.bio ?? null,
 					gradientStart: agentInfoMap.get(agentId)?.gradient_start ?? null,
 					gradientEnd: agentInfoMap.get(agentId)?.gradient_end ?? null,
-					avatarUrl: api.agentAvatarUrl(agentId),
 					isOnline,
 					channelCount: summary?.channel_count ?? 0,
 					memoryCount: summary?.memory_total ?? 0,
@@ -1755,7 +1754,6 @@ function buildGraph(
 				bio: profile?.bio ?? null,
 				gradientStart: agentInfoMap.get(agent.id)?.gradient_start ?? null,
 				gradientEnd: agentInfoMap.get(agent.id)?.gradient_end ?? null,
-				avatarUrl: api.agentAvatarUrl(agent.id),
 				isOnline,
 				channelCount: summary?.channel_count ?? 0,
 				memoryCount: summary?.memory_total ?? 0,
diff --git a/interface/src/routes/AgentDetail.tsx b/interface/src/routes/AgentDetail.tsx
index de31af6ff..7e2f732ec 100644
--- a/interface/src/routes/AgentDetail.tsx
+++ b/interface/src/routes/AgentDetail.tsx
@@ -366,7 +366,7 @@ function MemoryGrowthChart({ data }: { data: { date: string; count: number }[] }
 
 	return (
 		<div className="h-48 min-h-[192px]">
-			<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100}>
+			<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100} debounce={1}>
 				<AreaChart data={chartData} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>
 					<defs>
 						<linearGradient id="memoryGradient" x1="0" y1="0" x2="0" y2="1">
@@ -427,7 +427,7 @@ function ProcessActivityChart({ data }: { data: { date: string; branches: number
 
 	return (
 		<div className="h-48 min-h-[192px]">
-			<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100}>
+			<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100} debounce={1}>
 				<AreaChart data={chartData} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>
 					<defs>
 						<linearGradient id="branchGradient" x1="0" y1="0" x2="0" y2="1">
@@ -553,7 +553,7 @@ function MemoryDonut({ counts }: { counts: Record<string, number> }) {
 	return (
 			<div>
 			<div className="relative h-40 min-h-[160px]">
-				<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100}>
+				<ResponsiveContainer width="100%" height="100%" minWidth={100} minHeight={100} debounce={1}>
 					<PieChart>
 						<Pie
 							data={data}