diff --git a/apps/canvas/front/src/Agent.tsx b/apps/canvas/front/src/Agent.tsx
new file mode 100644
index 0000000..9ed47d5
--- /dev/null
+++ b/apps/canvas/front/src/Agent.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { AgentAccess } from "config";
+
+export function Agent({ agent }: { agent: AgentAccess }): React.ReactNode {
+	return <iframe key={agent.name} src={`${agent.address}?m`} title={agent.agentName} className="w-full h-full" />;
+}
