Add initial debugger panel to debug tab

editor/sass/debug.scss

@@ -31,6 +31,15 @@
     right: 0px;
     overflow-y: scroll;
 }
+.debug-dbgr-content {
+    top: 0px;
+}
+.debug-dbgr-content-disabled {
+    padding-top: 40px;
+    text-align: center;
+    background: #f3f3f3;
+    color: #999;
+}
 .debug-filter-box {
     position:absolute;
     top: 42px;
@@ -45,6 +54,18 @@
     text-align: right;
 }
 
+.debug-debugger-box {
+    position:absolute;
+    top: 42px;
+    left: 0px;
+    right: 0px;
+    background: #f9f9f9;
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+}
+
+
 .debug-message {
     border-bottom: 1px solid #eee;
     border-left: 8px solid #eee;
@@ -182,3 +203,11 @@
 .debug-message-buffer-string > .debug-message-array-rows {
     display: none;
 }
+
+.debug-dbgr-content {
+    .red-ui-editableList {
+    }
+    .red-ui-editableList-container {
+        border-radius: 3px;
+    }
+}

editor/sass/flow.scss

@@ -120,13 +120,28 @@
     fill: #ddd;
     cursor: crosshair;
 }
+.port_breakpoint {
+    rect {
+        stroke: #fff;
+        stroke-width: 1;
+        fill:  #666;
 
-.port_highlight {
-    stroke: #6DA332;
-    stroke-width: 3;
-    fill: #fff;
-    pointer-events:none;
-    fill-opacity: 0.5;
+    }
+}
+.port_breakpoint_inactive {
+    rect {
+        fill: #ddd;
+    }
+}
+.port_breakpoint_active {
+    rect {
+        fill: #5386de;
+    }
+}
+.port_breakpoint_triggered {
+    rect {
+        fill: #f77d7d;
+    }
 }
 
 .node_error {

editor/sass/mixins.scss

@@ -47,6 +47,7 @@
     margin:0;
     text-decoration: none;
     cursor:pointer;
+    padding: 0;
 
     &.disabled {
         cursor: default;

editor/sass/sidebar.scss

@@ -89,12 +89,14 @@
     font-size: 13px;
     line-height: 13px;
     padding: 5px 8px;
+    min-width: 30px;
 }
 .sidebar-header-button-toggle {
     @include workspace-button-toggle;
     font-size: 13px;
     line-height: 13px;
     padding: 5px 8px;
+    min-width: 30px;
 }
 .sidebar-header-button:not(:first-child) {
     border-left: none;