diff --git a/ui (gen4)/experiments/browse-dialog.html b/ui (gen4)/experiments/browse-dialog.html
index bc85617b..9a010d15 100755
--- a/ui (gen4)/experiments/browse-dialog.html	
+++ b/ui (gen4)/experiments/browse-dialog.html	
@@ -117,7 +117,10 @@
 
 /* XXX need to make the next two different...  */
 .browse .list div.filtered-out {
-	display: none;
+	opacity: 0.5;
+}
+.browse:not(.show-filtered-out) .list div.filtered-out {
+	display: none;	
 }
 .browse .list div.disabled {
 	opacity: 0.3;
diff --git a/ui (gen4)/experiments/browse-dialog.js b/ui (gen4)/experiments/browse-dialog.js
index ef7d4ecb..09e44964 100755
--- a/ui (gen4)/experiments/browse-dialog.js	
+++ b/ui (gen4)/experiments/browse-dialog.js	
@@ -227,6 +227,7 @@ var BrowserPrototype = {
 	// 		- esc to cancel and reset
 	// XXX BUG: when starting with '/' key the '/' gets appended to the
 	// 		field...
+	// XXX make this a toggler...
 	startFilter: function(){
 		var range = document.createRange()
 		var selection = window.getSelection()
@@ -262,6 +263,10 @@ var BrowserPrototype = {
 	get filtering(){
 		return this.dom.find('.path .dir.cur[contenteditable]').length > 0 
 	},
+	toggleFilterMode: function(){
+		this.dom.toggleClass('show-filtered-out')
+		return this
+	},
 
 	// Select a list element...
 	//