diff --git a/packages/web-ui/example/src/main.ts b/packages/web-ui/example/src/main.ts
index 323b6af..30c4896 100644
--- a/packages/web-ui/example/src/main.ts
+++ b/packages/web-ui/example/src/main.ts
@@ -406,19 +406,20 @@ Persist information across sessions. Use to save important context, user prefere
 			renderApp();
 		},
 	});
-	// Register tools with the agent
+	// Register tools via toolsFactory so ChatPanel includes them alongside its artifacts tool
 	const replTool = createJavaScriptReplTool();
-	agent.setTools([
-		replTool,
-		createWebSearchTool(),
-		createBashTool(),
-		createBrowserTool(),
-		createImageGenTool(),
-		createTTSTool(),
-		...createMemoryTools(),
-	]);
 	costTracker.bindAgent(agent);
-	chatPanel?.setAgent(agent);
+	chatPanel?.setAgent(agent, {
+		toolsFactory: () => [
+			replTool,
+			createWebSearchTool(),
+			createBashTool(),
+			createBrowserTool(),
+			createImageGenTool(),
+			createTTSTool(),
+			...createMemoryTools(),
+		],
+	});
 	// Hook: live model badge + immediate empty state hide
 	requestAnimationFrame(() => {
 		if (chatPanel?.agentInterface) {