diff --git a/web/app/brep/debug/debugger/brepDebugger.less b/web/app/brep/debug/debugger/brepDebugger.less
index 02b26981..b6d4b5db 100644
--- a/web/app/brep/debug/debugger/brepDebugger.less
+++ b/web/app/brep/debug/debugger/brepDebugger.less
@@ -16,13 +16,18 @@
   }
 
   & .section {
-    & .caption {
-      &.closable {
-        cursor: pointer;
+
+    &.closable >  .caption {
+      cursor: pointer;
+      & .title {
         &:hover {
-          color: blue;    
+          color: blue;
+          text-decoration: underline;
         }
       }
+    }
+    
+    & .caption {
       &.accent {
         background-color: rgb(255, 244, 244);
         font-weight: bold;
diff --git a/web/app/brep/debug/debugger/section.jsx b/web/app/brep/debug/debugger/section.jsx
index beb5619b..5eb808b0 100644
--- a/web/app/brep/debug/debugger/section.jsx
+++ b/web/app/brep/debug/debugger/section.jsx
@@ -12,12 +12,14 @@ export default class Section extends React.PureComponent {
   }
 
   render() {
-    let {name, tabs, closable, defaultClosed, accent, children, captionStyles} = this.props;
+    let {name, tabs, closable, defaultClosed, accent, children, captionStyles, controls} = this.props;
     let closed = closable && (this.state.closed || defaultClosed);
     return <div className={cx('section', {closable, closed})} style={{paddingLeft: tabs}}>
       <div className={cx('caption', {accent}, captionStyles)} >
-        {closable && <i className={'fa fa-fw fa-caret-' + (closed ? 'right': 'down')} />} {name}</div>
-        {children}
+        <span className='title'>{closable && <i className={'fa fa-caret-' + (closed ? 'right': 'down')} />} {name}</span>
+        <span className='control'>{controls}</span>
+      </div>
+      {children}
     </div>;
   }
 }
diff --git a/web/app/brep/debug/debugger/shellExplorer.jsx b/web/app/brep/debug/debugger/shellExplorer.jsx
index 0e8888d9..95458ede 100644
--- a/web/app/brep/debug/debugger/shellExplorer.jsx
+++ b/web/app/brep/debug/debugger/shellExplorer.jsx
@@ -1,18 +1,26 @@
 import React from 'react';
+import Section from "./section";
 
 export default class ShellExplorer extends React.PureComponent {
 
   render() {
     let {shell} = this.props;
+
+    let faceControls = <span>
+      <i className='fa fa-fw fa-eye' onClick={alert}/>
+      <i className='fa fa-fw fa-eye-slash' onClick={alert}/>
+    </span>;  
+    
     return <div className='shell-explorer'>
-      <div className='caption'>faces</div>
-      {shell.faces.map(face => <div>
-        <div className='caption'>face {face.refId}</div>
-        {mapIterator(face.edges, e => <div>
-          edge: {e.refId}    
-        </div>)}    
-      </div>)
-      }
+      
+      <Section name='faces' closable>
+        {shell.faces.map(face => <Section name={`face ${face.refId}`} tabs='0.5em' closable defaultClosed={true} controls={faceControls}>
+            {mapIterator(face.edges, e => <div>
+              edge: {e.refId}    
+            </div>)}    
+          </Section>)
+        }
+      </Section>
     </div>;
   }
 }