@mongodb-js/compass-aggregations 8.22.0 → 8.25.0

package/{lib → dist}/index.css

@@ -149,228 +149,6 @@
   margin-top: 8px;
 }
 
-.overview-toggler-module-overview-toggler__253em {
-  position: relative;
-  margin-right: 3px;
-}
-.overview-toggler-module-overview-toggler__253em button {
-  width: 30px;
-}
-
-.collation-collapser-module-collation-collapser__2fVom {
-  position: relative;
-  margin-right: 3px;
-}
-.collation-collapser-module-collation-collapser__2fVom button {
-  white-space: nowrap;
-}
-
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  height: 34px;
-  padding: 0px 10px 0px 15px;
-  flex-grow: 1;
-  z-index: 100;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown {
-  margin-left: 3px;
-  padding-right: 6px;
-  height: 22px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown i {
-  top: 1px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-toggle {
-  height: 22px;
-  padding: 0 7px 0px 5px;
-  font-size: 11px;
-  border-radius: 0px 3px 3px 0px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-menu {
-  font-size: 12px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-update-view__32VEf {
-  margin-right: 5px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-add-wrapper__3OJjU {
-  margin: 0px 3px 0px 3px;
-  margin-right: 3px;
-  background-color: rgba(70, 76, 79, 0.1);
-  display: flex;
-  border-radius: 3px;
-  font-size: 12px;
-  padding: 2px 6px 2px 6px;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-name__2yDjz {
-  font-size: 12px;
-  font-weight: bold;
-  white-space: nowrap;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-open-saved-pipelines-button__L6l0H {
-  margin-right: 3px;
-  white-space: nowrap;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F {
-  white-space: nowrap;
-  border-radius: 3px 0px 0px 3px;
-  border-right: 0;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F:hover {
-  border-right: 0;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8 {
-  white-space: nowrap;
-  border-radius: 3px 0px 0px 3px;
-  border-right: 0;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8:hover + button {
-  border-left: 0;
-}
-.pipeline-builder-toolbar-module-pipeline-builder-toolbar-export-to-language__1TZRT {
-  display: flex;
-}
-.pipeline-builder-toolbar-module-is-modified__2nfaK {
-  padding-top: 1px;
-  font-style: italic;
-}
-.pipeline-builder-toolbar-module-export-icon__vOPzJ {
-  height: 12px;
-  width: 12px;
-  display: block;
-  background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'%3E%3Cg id='Icons-/-Export' transform='translate(-4.000000, -3.000000)' fill='%23494747'%3E%3Cg id='Icon' transform='translate(4.000000, 3.500000)'%3E%3Cpath d='M6.2777,0 L8.8,2.5223 C8.8,3.2415132 8.8,3.78074648 8.8,4.13999987 C8.8,4.3593827 8.8,5.03623299 8.8,5.7224982 C8.8,6.35273364 8.8,6.99090941 8.8,7.28999996 C8.8,7.80644 8.8,8.67644001 8.8,9.9 C8.8,10.5072 8.3072,11 7.7,11 L1.1,11 C0.49335,11 0,10.5072 0,9.9 L0,1.1 C0,0.4939 0.49335,0 1.1,0 L6.2777,0 Z M7.70005545,4 C7.70003697,3.77478974 7.70001848,3.54145641 7.7,3.3 L5.5,3.3 L5.5,1.1 L1.1,1.1 L1.1,9.9 L7.70055,9.9 L7.70035031,7.5 L8.79999983,7.5 L8.79999983,4 L7.70005491,4 Z M7.70005545,4 C7.70005931,4.04702072 7.70006317,4.09368734 7.70006703,4.13999987 C7.70009571,4.48417772 7.70014216,5.03201886 7.70019082,5.60623096 C7.70024165,6.20608089 7.7002949,6.83470922 7.70033284,7.28999996 L7.70035031,7.5 L7.69999981,4 Z' id='File' /%3E%3Cg id='Arrow' transform='translate(4.000000, 3.000000)'%3E%3Crect id='Rectangle' x='0.5' y='2.25' width='6' height='1' /%3E%3Cpolygon id='Triangle' transform='translate(7.000000, 2.750000) rotate(-270.000000) translate(-7.000000, -2.750000)' points='7 1.875 9 3.625 5 3.625' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
-
-/**
- * Mixins
- */
-.pipeline-preview-toolbar-module-container-right__1z6gl {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  box-shadow: 2px 0px #ebebed;
-  height: 33px;
-  padding-right: 15px;
-}
-.pipeline-preview-toolbar-module-toggle-sample__3rJ-k,
-.pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf {
-  margin-left: 15px;
-  display: flex;
-}
-.pipeline-preview-toolbar-module-toggle-sample__3rJ-k label,
-.pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf label {
-  margin: auto 0;
-  margin-left: 5px;
-}
-.pipeline-preview-toolbar-module-toggle__24mzf {
-  height: 14px;
-  width: 26px;
-  margin: auto 0;
-}
-.pipeline-preview-toolbar-module-toggle-sample-label__1Q11v,
-.pipeline-preview-toolbar-module-toggle-auto-preview-label__1_7oc {
-  display: flex;
-  white-space: nowrap;
-  font-size: 12px;
-  text-transform: uppercase;
-  color: #807f7f;
-  font-weight: bold;
-}
-.pipeline-preview-toolbar-module-settings__1kWxH {
-  margin-left: 15px;
-  display: flex;
-}
-.pipeline-preview-toolbar-module-fullscreen__3ms6P {
-  margin-left: 15px;
-  display: flex;
-  margin-left: 5px;
-}
-.pipeline-preview-toolbar-module-is-modified__18dkX {
-  margin-left: 15px;
-  display: flex;
-}
-.pipeline-preview-toolbar-module-is-modified__18dkX i {
-  color: #13AA52;
-}
-.pipeline-preview-toolbar-module-is-modified-on__2aYV4 i {
-  color: #fbb129;
-}
-.pipeline-preview-toolbar-module-is-modified-on__2aYV4 span {
-  padding-right: 5px;
-  color: #fbb129;
-  font-size: 13px;
-}
-
-.pipeline-toolbar-module-pipeline-toolbar__2eSZz {
-  display: flex;
-  width: 100%;
-  flex-shrink: 0;
-  height: 33px;
-}
-.pipeline-toolbar-module-pipeline-toolbar-border__2u5Qi {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
-}
-
-.collation-toolbar-module-collation-toolbar__31baA {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
-  display: flex;
-  width: 100%;
-  flex-shrink: 0;
-  height: 43px;
-  align-items: center;
-  padding: 0px 10px 0px 15px;
-}
-.collation-toolbar-module-collation-toolbar-in-new-toolbar__1MHu_ {
-  padding: 0;
-  box-shadow: none;
-  border: none;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq {
-  width: 100%;
-  height: 30px;
-  position: relative;
-  display: flex;
-  border-radius: 14px;
-  border: 1px #bfbfbe solid;
-  background: #fff;
-  overflow: hidden;
-  padding: 4px;
-  margin-right: 5px;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB {
-  background: #bfbfbe;
-  color: #fff;
-  white-space: nowrap;
-  border-radius: 14px;
-  padding: 2px 1px;
-  margin-right: 5px;
-  text-transform: uppercase;
-  font-weight: bold;
-  font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 11px;
-  flex-grow: 0;
-  width: 117px;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB i {
-  margin-right: 3px;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-has-error__1DJu7 {
-  background: #ef4c4c;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input {
-  border: 0;
-  width: 100%;
-}
-.collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input:focus {
-  outline-width: 0;
-}
-.collation-toolbar-module-has-focus__3yMBL {
-  border-color: #43b1e5;
-}
-
 .import-pipeline-module-import-pipeline-note__vDPrD {
   color: steelblue;
   background-color: #B0E0E6;
@@ -419,6 +197,15 @@
   min-height: 0;
   position: relative;
 }
+.pipeline-module-pipeline-collation-toolbar-container__2S68M {
+  padding: 6px 10px 6px 15px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+}
+.pipeline-module-pipeline-error-banner-container__19QTd {
+  margin-left: 20px;
+  margin-right: 36px;
+}
 .pipeline-module-pipeline-fullscreen__2QlA5 {
   position: absolute;
   top: 0;
@@ -427,189 +214,62 @@
   bottom: 0;
 }
 
-.resize-handle-module-resize-handle__1rugm {
-  position: absolute;
-  background: #dee0e3;
-  width: 1.1px;
-  height: 100%;
-}
-
-.delete-stage-module-delete-stage__3PyCJ {
-  margin-right: 6px;
-}
-.delete-stage-module-delete-stage__3PyCJ button {
-  width: 30px;
-}
-
-.add-after-stage-module-add-after-stage__1xZf9 {
-  display: flex;
-  justify-content: flex-end;
-}
-.add-after-stage-module-add-after-stage__1xZf9 button {
-  width: 30px;
-  margin-right: 6px;
-}
-
-.toggle-stage-module-toggle-stage__2JZ-6 {
-  margin: 0px 0px 0px 5px;
+.collation-toolbar-module-collation-toolbar__31baA {
   display: flex;
+  width: 100%;
+  flex-shrink: 0;
   align-items: center;
-  justify-content: flex-end;
-}
-.toggle-stage-module-toggle-stage-button__1ILJ7 {
-  height: 22px;
-  width: 40px;
-}
-
-.stage-grabber-module-stage-grabber__1-8cr {
-  color: #dee0e3;
-  margin: 3px 2px 0px 4px;
-  position: relative;
 }
-
-.stage-collapser-module-stage-collapser__3xs2F {
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU {
+  width: 100%;
+  height: 30px;
   position: relative;
-}
-.stage-collapser-module-stage-collapser__3xs2F button {
-  width: 30px;
-}
-
-.select-option-with-tooltip-module-tooltip__3SVxp {
-  max-width: 340px !important;
-}
-.select-option-with-tooltip-module-option__K2UZL {
   display: flex;
-  align-items: center;
-}
-.select-option-with-tooltip-module-optionIcon__os9Dz {
-  margin-left: auto;
-}
-
-.stage-operator-select-module-stage-operator-select__1eiQN {
-  position: relative;
-  width: 120px;
-  height: 22px;
-  margin: 0px 0px 0px 5px;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK {
-  position: relative;
-  font-size: 12px !important;
-  cursor: pointer;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
-  height: 22px;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
-  line-height: 25px;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
-  height: 18px;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
-  height: 22px;
-}
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
-  margin-top: 8px;
+  border-radius: 14px;
+  border: 1px #bfbfbe solid;
+  background: #fff;
+  overflow: hidden;
+  padding: 4px;
+  margin-right: 5px;
 }
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
-  line-height: 22px !important;
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-toolbar-input-label__2z_dD {
+  background: #bfbfbe;
+  color: #fff;
+  white-space: nowrap;
+  border-radius: 14px;
+  padding: 2px 8px 2px 4px;
+  margin-right: 5px;
+  text-transform: uppercase;
   font-weight: bold;
+  font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  flex-grow: 0;
 }
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
-  height: 200px;
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-toolbar-input-label__2z_dD i {
+  margin-right: 3px;
+  margin-left: 0px;
 }
-.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
-  z-index: 2000 !important;
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-has-error__1DJu7 {
+  background: #ef4c4c;
 }
-
-.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU input {
+  border: 0;
   width: 100%;
-  border-bottom: 1px solid #dee0e3;
-  border-radius: 4px 4px 0 0;
-  padding: 10px 0;
-  padding-right: 10px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-  height: 30px;
-  cursor: move;
-  cursor: grab;
 }
-.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK:active {
-  cursor: grabbing;
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU input:focus {
+  outline-width: 0;
 }
-.stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-max-time-ms__2yHVs {
   display: flex;
-  justify-content: flex-end;
-  flex-grow: 4;
-}
-.stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
-  background: #FCEBE2;
-}
-.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
-  display: inline-block;
-  font: normal normal normal 14px/1 FontAwesome;
-  font-size: inherit;
-  text-rendering: auto;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  margin: 0 5px;
-  cursor: pointer;
-  color: #bfbfbe;
-}
-.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
-  content: "\f05a";
-}
-
-.stage-editor-module-stage-editor-container__1XwN_ {
-  position: relative;
-  padding: 6px 8px;
-  text-align: center;
+  min-width: 170px;
 }
-.stage-editor-module-stage-editor__3F-oQ {
-  flex-shrink: 0;
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-max-time-ms__2yHVs input[type=number]::-webkit-inner-spin-button,
+.collation-toolbar-module-toolbar-input-wrapper__nLxwU .collation-toolbar-module-max-time-ms__2yHVs input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
   margin: 0;
-  padding: 10px 0px 10px 0px;
-  overflow: hidden;
-  background: #f5f6f7;
-  border-left: 2px solid #E4E4E4;
-  width: 100%;
-  min-height: 180px;
 }
-.stage-editor-module-stage-editor-errormsg__3Le7I {
-  flex-shrink: 0;
-  position: relative;
-  margin: 10px;
-  padding: 5px 10px;
-  border-radius: 3px;
-  overflow: hidden;
-  background: #FCEBE2;
-  border: 1px solid #F9D3C5;
-  min-height: 20px;
-  word-break: break-all;
-  color: #8F221B;
-  font-size: x-small;
-  font-weight: bold;
-}
-.stage-editor-module-stage-editor-syntax-error__3qEJX {
-  flex-shrink: 0;
-  position: relative;
-  margin: 10px;
-  padding: 5px 10px;
-  border-radius: 3px;
-  overflow: hidden;
-  background: #FEF7E3;
-  border: 1px solid #FEF2C8;
-  min-height: 20px;
-  word-break: break-all;
-  color: #86681D;
-  font-size: x-small;
-  font-weight: bold;
-}
-.stage-editor-module-stage-editor-ace-editor__eRQyZ {
-  min-height: 160px;
+.collation-toolbar-module-has-focus__3yMBL {
+  border-color: #43b1e5;
 }
 
 .insert-json-document-module-editor__a90Xy {
@@ -623,46 +283,28 @@
   flex-grow: 1;
 }
 
-.content-container {
-  display: flex;
+.document-table-view-container {
   width: 100%;
-  height: 100%;
 }
+
 .compass-documents {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   width: 100%;
+  height: 100%;
   flex-grow: 1;
-}
-.compass-documents .column-container {
   position: relative;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: auto;
-  flex-direction: column;
-  display: flex;
-  overflow: auto;
-  background: #f5f6f7;
-}
-.compass-documents .column.main {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin-bottom: 0;
-  padding: 0;
 }
 .document-list {
-  padding: 15px;
+  padding-left: 16px;
+  padding-right: 16px;
   list-style: none;
   position: relative;
+  width: 100%;
 }
 .document-list-item {
   position: relative;
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  font-size: 11px;
   margin-bottom: 5px;
   background: #FFFFFF;
 }
@@ -780,15 +422,15 @@
   position: relative;
   top: 7px;
 }
+.loader {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+}
 .document {
   position: relative;
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  font-size: 11px;
-  list-style: none;
   text-overflow: ellipsis;
-  white-space: nowrap;
   max-width: 100%;
-  overflow-y: auto;
 }
 .document::-webkit-scrollbar {
   display: none;
@@ -801,8 +443,7 @@
   position: relative;
 }
 .document-is-deleting {
-  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
-  border: 1px solid #ef4c4c;
+  box-shadow: 0 0 0 1px #ef4c4c, 2px 5px 8px rgba(0, 0, 0, 0.2);
 }
 .document-is-editing {
   box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
@@ -812,12 +453,13 @@
 }
 .document-json {
   list-style: none;
-  padding: 0 15px;
+  padding-left: 16px;
+  padding-right: 16px;
   position: relative;
+  width: 100%;
 }
 .document-json .document-json-item {
   position: relative;
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
   margin-bottom: 5px;
 }
 .document-json .document-json-item .json-document-is-editing {
@@ -834,121 +476,29 @@
 .document-json .document-json-item .json-ace-editor .ace-mongodb {
   background: #ffffff;
 }
-.document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
-  background: #ffffff;
-  z-index: 0;
-}
-.document-json .document-json-item:last-child {
-  margin-bottom: 0;
-  border-bottom: 0 solid transparent;
-}
-.document-json .document-json-item:hover .document-actions-button {
-  visibility: visible;
-}
-.loading-indicator {
-  display: none;
-  width: 100%;
-  text-align: center;
-  vertical-align: middle;
-}
-.loading-indicator-is-loading {
-  display: block;
-}
-.loading-indicator i {
-  font-size: 25px;
-  color: #CCCCCC;
-}
-.document-footer {
-  display: flex;
-  flex-direction: row;
-  font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding-left: 20px;
-  padding-right: 10px;
-}
-.document-footer-message {
-  align-items: center;
-  display: flex;
-  flex: 1;
-  font-size: 12px;
-  font-style: italic;
-  min-height: 28px;
-  overflow: hidden;
-  font-weight: bold;
-}
-.document-footer-is-modified {
-  color: #86681D;
-  background-color: #FEF7E3;
-  border: 1px solid #FEF2C8;
-}
-.document-footer-is-modified .document-footer-actions .cancel {
-  color: #86681D;
-}
-.document-footer-is-modified .document-footer-actions .btn-default {
-  color: #86681D;
-  border: 1px solid #86681D;
-  background: none;
-  box-shadow: inset 0 -1px 0 0 #86681D;
-  transition: none;
-}
-.document-footer-is-modified .document-footer-actions .btn-default:hover {
-  background: rgba(255, 255, 255, 0.4);
-  border: 1px solid rgba(160, 108, 41, 0.6);
-}
-.document-footer-is-in-progress {
-  color: #1A567E;
-  background-color: #E1F2F6;
-  border: 1px solid #C5E4F2;
-}
-.document-footer-is-success {
-  color: #116149;
-  background-color: #E4F4E4;
-  border: 1px solid #C3E7CA;
-}
-.document-footer-is-success .document-footer-actions .cancel {
-  color: #116149;
-}
-.document-footer-is-success .document-footer-actions .btn-default {
-  color: #116149;
-  border: 1px solid #116149;
-  background: none;
-  box-shadow: inset 0 -1px 0 0 #116149;
-  transition: none;
-}
-.document-footer-is-success .document-footer-actions .btn-default:hover {
-  background: rgba(255, 255, 255, 0.4);
-  border: 1px solid rgba(160, 108, 41, 0.6);
-}
-.document-footer-is-error {
-  color: #8F221B;
-  background-color: #FCEBE2;
-  border: 1px solid #F9D3C5;
-}
-.document-footer-is-error .document-footer-actions .cancel {
-  color: #8F221B;
-}
-.document-footer-is-error .document-footer-actions .error {
-  color: #8F221B;
-  border: 1px solid #8F221B;
-  background: none;
-  box-shadow: inset 0 -1px 0 0 #8F221B;
-  transition: none;
+.document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
+  background: #ffffff;
+  z-index: 0;
 }
-.document-footer-is-error .document-footer-actions .error:hover {
-  background: rgba(255, 255, 255, 0.4);
-  border: 1px solid rgba(160, 108, 41, 0.6);
+.document-json .document-json-item:last-child {
+  margin-bottom: 0;
+  border-bottom: 0 solid transparent;
 }
-.document-footer-is-viewing {
-  background-color: #F8F8F8;
+.document-json .document-json-item:hover .document-actions-button {
+  visibility: visible;
 }
-.document-footer-is-viewing .document-footer-actions .cancel {
-  color: #B8B8B8;
+.loading-indicator {
+  display: none;
+  width: 100%;
+  text-align: center;
+  vertical-align: middle;
 }
-.document-footer-actions {
-  display: flex;
-  align-items: center;
+.loading-indicator-is-loading {
+  display: block;
 }
-.document-footer-actions .cancel {
-  font-weight: bold;
+.loading-indicator i {
+  font-size: 25px;
+  color: #CCCCCC;
 }
 .insert-document-views {
   display: flex;
@@ -3236,6 +2786,197 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-body .ag-pinned-left-cols-viewport, .ag-body .ag-body-viewport, .ag-body .ag-pinned-right-cols-viewport {
   -webkit-overflow-scrolling: touch; }
 
+.resize-handle-module-resize-handle__1rugm {
+  position: absolute;
+  background: #dee0e3;
+  width: 1.1px;
+  height: 100%;
+}
+
+.delete-stage-module-delete-stage__3PyCJ {
+  margin-right: 6px;
+}
+.delete-stage-module-delete-stage__3PyCJ button {
+  width: 30px;
+}
+
+.add-after-stage-module-add-after-stage__1xZf9 {
+  display: flex;
+  justify-content: flex-end;
+}
+.add-after-stage-module-add-after-stage__1xZf9 button {
+  width: 30px;
+  margin-right: 6px;
+}
+
+.toggle-stage-module-toggle-stage__2JZ-6 {
+  margin: 0px 0px 0px 5px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.toggle-stage-module-toggle-stage-button__1ILJ7 {
+  height: 22px;
+  width: 40px;
+}
+
+.stage-grabber-module-stage-grabber__1-8cr {
+  color: #dee0e3;
+  margin: 3px 2px 0px 4px;
+  position: relative;
+}
+
+.stage-collapser-module-stage-collapser__3xs2F {
+  position: relative;
+}
+.stage-collapser-module-stage-collapser__3xs2F button {
+  width: 30px;
+}
+
+.select-option-with-tooltip-module-tooltip__3SVxp {
+  max-width: 340px !important;
+}
+.select-option-with-tooltip-module-option__K2UZL {
+  display: flex;
+  align-items: center;
+}
+.select-option-with-tooltip-module-optionIcon__os9Dz {
+  margin-left: auto;
+}
+
+.stage-operator-select-module-stage-operator-select__1eiQN {
+  position: relative;
+  width: 120px;
+  height: 22px;
+  margin: 0px 0px 0px 5px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK {
+  position: relative;
+  font-size: 12px !important;
+  cursor: pointer;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
+  height: 22px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
+  line-height: 25px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
+  height: 18px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
+  height: 22px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
+  margin-top: 8px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
+  line-height: 22px !important;
+  font-weight: bold;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
+  height: 200px;
+}
+.stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
+  z-index: 2000 !important;
+}
+
+.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
+  width: 100%;
+  border-bottom: 1px solid #dee0e3;
+  border-radius: 4px 4px 0 0;
+  padding: 10px 0;
+  padding-right: 10px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  height: 30px;
+  cursor: move;
+  cursor: grab;
+}
+.dragging .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
+  pointer-events: auto;
+  cursor: grabbing;
+}
+.stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
+  display: flex;
+  justify-content: flex-end;
+  flex-grow: 4;
+  align-items: center;
+}
+.stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
+  background: #FCEBE2;
+}
+.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin: 0 5px;
+  cursor: pointer;
+  color: #bfbfbe;
+}
+.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
+  content: "\f05a";
+}
+.stage-editor-toolbar-module-stage-editor-toolbar__2cwCK .stage-editor-toolbar-module-tooltip-icon__3szXX {
+  margin-top: 6px;
+  margin-right: 6px;
+}
+
+.stage-editor-module-stage-editor-container__1XwN_ {
+  position: relative;
+  padding: 6px 8px;
+  text-align: center;
+}
+.stage-editor-module-stage-editor__3F-oQ {
+  flex-shrink: 0;
+  margin: 0;
+  padding: 10px 0px 10px 0px;
+  overflow: hidden;
+  background: #f5f6f7;
+  border-left: 2px solid #E4E4E4;
+  width: 100%;
+  min-height: 180px;
+}
+.stage-editor-module-stage-editor-errormsg__3Le7I {
+  flex-shrink: 0;
+  position: relative;
+  margin: 10px;
+  padding: 5px 10px;
+  border-radius: 3px;
+  overflow: hidden;
+  background: #FCEBE2;
+  border: 1px solid #F9D3C5;
+  min-height: 20px;
+  word-break: break-all;
+  color: #8F221B;
+  font-size: x-small;
+  font-weight: bold;
+}
+.stage-editor-module-stage-editor-syntax-error__3qEJX {
+  flex-shrink: 0;
+  position: relative;
+  margin: 10px;
+  padding: 5px 10px;
+  border-radius: 3px;
+  overflow: hidden;
+  background: #FEF7E3;
+  border: 1px solid #FEF2C8;
+  min-height: 20px;
+  word-break: break-all;
+  color: #86681D;
+  font-size: x-small;
+  font-weight: bold;
+}
+.stage-editor-module-stage-editor-ace-editor__eRQyZ {
+  min-height: 160px;
+}
+
 .loading-overlay-module-loading-overlay__3jA58 {
   position: absolute;
   top: 0;
@@ -3303,6 +3044,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   flex-direction: column;
   align-items: center;
   width: 100%;
+  padding-top: 32px;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-bottom: 8px;
 }
 .stage-preview-module-stage-preview-out-text__FwDzO {
   padding: 0px 15px 2px 15px;
@@ -3321,20 +3066,30 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   display: flex;
   align-items: stretch;
   overflow-x: scroll;
-  margin: 10px;
-  padding: 10px;
+  margin: 8px;
+  padding: 8px;
 }
-.stage-preview-module-stage-preview-document-card__21xbY {
+.stage-preview-module-stage-preview-document-card-container__sxM1s {
   flex: none;
   border: 1px solid #dee0e3;
   border-radius: 4px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
   width: 350px;
-  height: 150px;
   overflow: scroll;
+  min-height: 150px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
 }
-.stage-preview-module-stage-preview-document-card__21xbY:not(:first-child) {
-  margin-left: 20px;
+.stage-preview-module-stage-preview-document-card-container__sxM1s:not(:first-child) {
+  margin-left: 16px;
+}
+.stage-preview-module-stage-preview-document-card__21xbY {
+  flex-basis: 150px;
+  flex-grow: 1;
+  flex-shrink: 0;
+  overflow: auto;
+  padding: 0;
 }
 .stage-preview-module-stage-preview-document-card__21xbY::-webkit-scrollbar {
   display: none;
@@ -3454,6 +3209,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   align-items: stretch;
   border-radius: 0 0 4px 4px;
 }
+.stage-module-stage-editor-no-preview__34-OX {
+  width: 100%;
+}
 
 .input-collapser-module-input-collapser__2CIHy {
   position: relative;
@@ -3540,20 +3298,30 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   display: flex;
   align-items: flex-start;
   overflow-x: scroll;
-  margin: 10px;
-  padding: 10px;
+  margin: 8px;
+  padding: 8px;
 }
-.input-preview-module-input-preview-document-card__ZvCA5 {
+.input-preview-module-input-preview-document-card-container__3ko-A {
   flex: none;
   border: 1px solid #dee0e3;
   border-radius: 4px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
   width: 350px;
-  height: 150px;
   overflow: scroll;
+  min-height: 150px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
 }
-.input-preview-module-input-preview-document-card__ZvCA5:not(:first-child) {
-  margin-left: 20px;
+.input-preview-module-input-preview-document-card-container__3ko-A:not(:first-child) {
+  margin-left: 16px;
+}
+.input-preview-module-input-preview-document-card__ZvCA5 {
+  flex-basis: 150px;
+  flex-grow: 1;
+  flex-shrink: 0;
+  overflow: auto;
+  padding: 0;
 }
 .input-preview-module-input-preview-document-card__ZvCA5::-webkit-scrollbar {
   display: none;
@@ -3608,29 +3376,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   margin: 10px 0px 10px 0px;
 }
 
-.custom-drag-layer-module-custom-drag-layer__1KLrK {
-  position: fixed;
-  pointer-events: none;
-  z-index: 500;
-  left: 5px;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.custom-drag-layer-module-custom-drag-layer-container__285JI {
-  border-radius: 5px;
-  background-color: rgba(13, 50, 79, 0.6);
-  color: #C5E4F2;
-  width: calc(80% - 260px);
-  height: 180px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-style: italic;
-  font-size: 24px;
-  font-weight: bold;
-}
-
 .modify-source-banner-module-modify-source-banner__zkRAk {
   text-align: center;
   margin: 5px auto;