diff --git a/ui (gen4)/css/experimenting.css b/ui (gen4)/css/experimenting.css
index 88e75f4b..e2aab53d 100755
--- a/ui (gen4)/css/experimenting.css	
+++ b/ui (gen4)/css/experimenting.css	
@@ -314,6 +314,11 @@ body {
 	border-bottom: solid 7px rgba(255, 255, 0, 0.5);
 }
 */
+/* XXX not sure about these... */
+.browse-widget.save-history,
+.browse-widget.location-history {
+	border-bottom: solid 7px rgba(0, 0, 255, 0.2);
+}
 
 /* XXX experimental key mappings... */
 .browse-widget.browse-actions.show-keys .list .item:after {
diff --git a/ui (gen4)/features/filesystem.js b/ui (gen4)/features/filesystem.js
index 5e65e072..cf27db34 100755
--- a/ui (gen4)/features/filesystem.js	
+++ b/ui (gen4)/features/filesystem.js	
@@ -1503,6 +1503,8 @@ var FileSystemSaveHistoryUIActions = actions.Actions({
 						dialog.select()
 							.addClass('highlighted')
 					})
+			}, {
+				cls: 'save-history',
 			})
 			.on('open', function(){
 				o.close()
diff --git a/ui (gen4)/features/history.js b/ui (gen4)/features/history.js
index b5d06f9d..eebafeee 100755
--- a/ui (gen4)/features/history.js	
+++ b/ui (gen4)/features/history.js	
@@ -623,6 +623,7 @@ var URLHistoryUIActions = actions.Actions({
 							.addClass('highlighted') })
 			}, 
 			{
+				cls: 'location-history',
 				// NOTE: we are not using path: here because it will parse
 				// 		the current element as a path, and we need it as-is... 
 				selected: cur,
diff --git a/ui (gen4)/features/ui-preact-render.js b/ui (gen4)/features/ui-preact-render.js
index 8405b7d0..c1aa0a57 100755
--- a/ui (gen4)/features/ui-preact-render.js	
+++ b/ui (gen4)/features/ui-preact-render.js	
@@ -30,6 +30,49 @@ var ribbons = require('imagegrid/ribbons')
 
 
 /*********************************************************************/
+// Preact Components...
+// 
+// XXX at this point this is an experiment...
+// XXX Questions:
+// 		- do we do align in the Preact render or outside?
+// 		- do we update preview in Preact render or outside?
+// 		
+
+// render:
+// 	- ribbon-set
+// 	- ribbon-locator
+// 	- current-indicator (???)
+class IGRibbonSet extends preact.Component {
+	render(props, state){
+	}
+}
+
+// render:
+// 	- ribbon
+// 	- images
+// 	- image marks
+class IGRibbon extends preact.Component {
+	render(props, state){
+	}
+}
+
+// render:
+// 	- image
+class IGImage extends preact.Component {
+	render(props, state){
+	}
+}
+
+// render:
+// 	- image mark
+class IGImageMark extends preact.Component {
+	render(props, state){
+	}
+}
+
+
+
+//---------------------------------------------------------------------
 
 var RibbonsClassPrototype = {
 	// XXX