diff --git a/static/css/notes2.css b/static/css/notes2.css
index 206c04b..01d6143 100644
--- a/static/css/notes2.css
+++ b/static/css/notes2.css
@@ -176,6 +176,15 @@ html {
 			}
 		}
 	}
+
+	&.history {
+		#page-history {
+			display: contents;
+			n2-pagehistory {
+				grid-area: content;
+			}
+		}
+	}
 }
 
 #crumbs {
diff --git a/static/js/page_node.mjs b/static/js/page_node.mjs
index fecfa0c..341f155 100644
--- a/static/js/page_node.mjs
+++ b/static/js/page_node.mjs
@@ -92,6 +92,7 @@ export class N2PageNodeUI extends CustomHTMLElement {
 
 			this.node.setContent(this.elNodeContent.value)
 		})
+		this.elIconHistory.addEventListener('click', ()=>_mbus.dispatch('SHOW_PAGE', { page: 'history' }))
 
 		this.showMarkdown(true)
 	}// }}}
diff --git a/views/pages/notes2.gotmpl b/views/pages/notes2.gotmpl
index 80c084a..203e0a4 100644
--- a/views/pages/notes2.gotmpl
+++ b/views/pages/notes2.gotmpl
@@ -14,6 +14,11 @@
 			<n2-syncprogress></n2-syncprogress>
 			<n2-nodeui id="note"></n2-nodeui>
 		</div>
+
+		<!-- History -->
+		<div id="page-history">
+			<n2-pagehistory></n2-pagehistory>
+		</div>
 	</div>
 </div>
 
@@ -28,6 +33,7 @@
 	import {API} from 'api'
 	import {Sync} from 'sync'
 	import { } from '/js/{{ .VERSION }}/page_storage.mjs'
+	import { } from '/js/{{ .VERSION }}/page_history.mjs'
 	import { } from '/js/{{ .VERSION }}/file.mjs'
 
 	window.Sync = Sync