diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/adapter/GraphAdapterService.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/adapter/GraphAdapterService.java
index d8fb7b9014e38c2c8d59fcf5af98fe0295fa95dd..17b9a05e307a34022be0432fa4ec2ee37fb85966 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/adapter/GraphAdapterService.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/adapter/GraphAdapterService.java
@@ -15,13 +15,11 @@ import com.google.common.collect.Maps;
 
 import cn.hutool.json.JSONUtil;
 import cn.icanci.loopstack.bic.biz.exception.GraphAdapterException;
-import cn.icanci.loopstack.bic.biz.service.EdgeStyleService;
-import cn.icanci.loopstack.bic.biz.service.NodeService;
-import cn.icanci.loopstack.bic.biz.service.NodeStyleService;
-import cn.icanci.loopstack.bic.biz.service.UnitViewService;
+import cn.icanci.loopstack.bic.biz.service.*;
 import cn.icanci.loopstack.bic.common.model.base.EdgeStyleVO;
 import cn.icanci.loopstack.bic.common.model.base.NodeStyleVO;
 import cn.icanci.loopstack.bic.common.model.base.NodeVO;
+import cn.icanci.loopstack.bic.common.model.base.NodeVueVO;
 import cn.icanci.loopstack.bic.common.model.graph.UnitEdgeVO;
 import cn.icanci.loopstack.bic.common.model.graph.UnitNodeVO;
 import cn.icanci.loopstack.bic.common.model.graph.UnitViewVO;
@@ -40,6 +38,8 @@ public class GraphAdapterService implements GraphAdapter {
     @Resource
     private NodeService      nodeService;
     @Resource
+    private NodeVueService   nodeVueService;
+    @Resource
     private NodeStyleService nodeStyleService;
     @Resource
     private EdgeStyleService edgeStyleService;
@@ -75,6 +75,9 @@ public class GraphAdapterService implements GraphAdapter {
         retNode.setNodeDataMode(node.getNodeDataMode().getCode());
         retNode.setNodeDataKey(node.getNodeDataKey());
         retNode.setNodeType(node.getNodeType().getCode());
+        NodeVueVO nodeVueVO = nodeVueService.queryByUuid(node.getNodeVue());
+        retNode.setNodeVueCode(nodeVueVO.getNodeVueCode());
+        retNode.setNodeType(nodeVueVO.getNodeVueType().getCode());
         return retNode;
     }
 
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/NodeVueService.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/NodeVueService.java
index a7eb91a36352c63c3634f5318596e41bdd1f8f62..917e3738cf66c8986750d2c8dca3f301852e1dd8 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/NodeVueService.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/NodeVueService.java
@@ -30,4 +30,7 @@ public interface NodeVueService extends BaseService<NodeVueVO> {
     List<TextValue> loadSelector(String systemUuid, String nodeUuid);
 
     String loadDefaultVue();
+
+    NodeVueVO queryByUuid(String nodeVueUuid);
+
 }
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/GraphServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/GraphServiceImpl.java
index ff795c80eb2a352bca0fa2ade6aa40ab1e7b098f..6bfebed29c64d270d339de5ee35058c33a07d79b 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/GraphServiceImpl.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/GraphServiceImpl.java
@@ -6,6 +6,7 @@ import java.util.stream.Collectors;
 
 import javax.annotation.Resource;
 
+import org.apache.commons.lang3.StringUtils;
 import org.springframework.stereotype.Service;
 
 import com.google.common.collect.Lists;
@@ -88,10 +89,7 @@ public class GraphServiceImpl implements GraphService {
             }
             String text = node.getAttrs().getLabel().getText();
             String noData = "(无数据)";
-
-            if (text.contains(noData)) {
-                continue;
-            }
+            text = text.replace(noData, StringUtils.EMPTY);
             node.getAttrs().getLabel().setText(text + noData);
         }
     }
diff --git a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/NodeVueServiceImpl.java b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/NodeVueServiceImpl.java
index d5beaecc2428784b9a2af8c51fad7b4f7cefe10a..901d594fa60f1a4857912c3ca9d4c5aa707391b7 100644
--- a/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/NodeVueServiceImpl.java
+++ b/biz/src/main/java/cn/icanci/loopstack/bic/biz/service/impl/NodeVueServiceImpl.java
@@ -101,4 +101,8 @@ public class NodeVueServiceImpl implements NodeVueService {
     public String loadDefaultVue() {
         return TemplateFileUtils.queryDefaultNodeVueTemplate();
     }
+
+    @Override public NodeVueVO queryByUuid(String nodeVueUuid) {
+        return nodeVueMapper.do2vo(nodeVueDAO.queryByUuid(nodeVueUuid));
+    }
 }
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/NodeVueDAO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/NodeVueDAO.java
index 3cc4db179b49a74300a848060153716135e4e5f3..d065a083b9121f7567b10aa0ce2cbacd9fcd8f90 100644
--- a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/NodeVueDAO.java
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/daointerface/NodeVueDAO.java
@@ -16,6 +16,8 @@ public interface NodeVueDAO extends BaseDAO<NodeVueDO> {
 
     NodeVueDO queryBySystemUuidAndKey(String systemUuid, String key);
 
+    NodeVueDO queryByUuid(String nodeVueUuid);
+
     /** 列 */
     interface NodeVueColumn extends BaseColumn {
         String SYSTEM_UUID   = "systemUuid";
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
index 21a2980fb10de62c13f13d68265ed51f67c51de5..47476cbd080cbb804c4321dfd16a9dc632d956dd 100644
--- a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/dateobject/UnitNodeDO.java
@@ -20,4 +20,6 @@ public class UnitNodeDO {
     private String nodeDataKey;
     /** 节点类型 */
     private String nodeType;
+    /** 节点组件 */
+    private String nodeVue;
 }
diff --git a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoNodeVueDAO.java b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoNodeVueDAO.java
index 8c853bc9a398fe3b0dfd81779274cd5612046059..43f29a4bb71826a61d0a3c6176c28df0d3c46997 100644
--- a/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoNodeVueDAO.java
+++ b/dal/src/main/java/cn/icanci/loopstack/bic/dal/mongo/mongo/MongoNodeVueDAO.java
@@ -90,4 +90,12 @@ public class MongoNodeVueDAO extends AbstractBaseDAO<NodeVueDO> implements NodeV
         return mongoTemplate.findOne(query, COLLECTION_CLASS, COLLECTION_NAME);
 
     }
+
+    @Override
+    public NodeVueDO queryByUuid(String nodeVueUuid) {
+        Criteria criteria = Criteria.where(NodeVueColumn.UUID).is(nodeVueUuid);
+        criteria.and(NodeVueColumn.ENV).is(DEFAULT_ENV);
+        Query query = new Query(criteria);
+        return mongoTemplate.findOne(query, COLLECTION_CLASS, COLLECTION_NAME);
+    }
 }
diff --git a/graph/src/main/java/cn/icanci/loopstack/bic/graph/edge/Edge.java b/graph/src/main/java/cn/icanci/loopstack/bic/graph/edge/Edge.java
index e8fbc8d50d6fecba754426708e4a5adfe79a097f..c9b39a86a077e35f35c07475477b213c08cdf428 100644
--- a/graph/src/main/java/cn/icanci/loopstack/bic/graph/edge/Edge.java
+++ b/graph/src/main/java/cn/icanci/loopstack/bic/graph/edge/Edge.java
@@ -21,5 +21,5 @@ public class Edge {
     private EdgeConsumerInfo consumerInfo;
     private EdgeHistoryInfo  historyInfo;
     /** 深度，只用来计算节点的样式 */
-    private transient int    deep;
+    private int              deep;
 }
diff --git a/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/Node.java b/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/Node.java
index 8b60e5324ece4747ed74ca7b37fa5935cd91d8d4..1135f7e9882db4d2ccc2ffca284c47e1aa903463 100644
--- a/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/Node.java
+++ b/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/Node.java
@@ -19,4 +19,8 @@ public class Node {
     private String    nodeDataKey;
     /** 节点类型 */
     private String    nodeType;
+    /** 节点组件代码 */
+    private String    nodeVueCode;
+    /** 组件类型：DIALOG、OPEN_TAG，可以选择为弹框、或者打开一个新的标签页 */
+    private String    nodeVueType;
 }
diff --git a/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/UnitViewNode.java b/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/UnitViewNode.java
index c94f2f0548252dda502350e7b80680860d3832dd..7d548ce7aa8067f64c229e329e2375629ffaac5a 100644
--- a/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/UnitViewNode.java
+++ b/graph/src/main/java/cn/icanci/loopstack/bic/graph/node/UnitViewNode.java
@@ -17,6 +17,7 @@ public class UnitViewNode extends Node {
     /** 路径是否经过  */
     private boolean    pathPass;
 
+
     public boolean hasBurying() {
         return CollectionUtil.isNotEmpty(buryings);
     }
diff --git a/views/src/main/resources/vueboot/src/views/bic-config/node-vue-config.vue b/views/src/main/resources/vueboot/src/views/bic-config/node-vue-config.vue
index f837ac9e7a716ea8417f480ec493a80e2298aca5..954fb8be397cfc738d131d3e55f97b1cdcf1cd44 100644
--- a/views/src/main/resources/vueboot/src/views/bic-config/node-vue-config.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-config/node-vue-config.vue
@@ -245,6 +245,7 @@ export default {
     },
     async refreshNodeOptions() {
       let vm = this
+      vm.queryForm.nodeUuid = ''
       if (vm.queryForm.systemUuid === '') {
         vm.nodeOptions = []
       } else {
diff --git a/views/src/main/resources/vueboot/src/views/bic-config/unit-view-tree.vue b/views/src/main/resources/vueboot/src/views/bic-config/unit-view-tree.vue
index 14f0b39dbe0a121c4ae8b6143dcdd26f61e89909..ca1c35897197dd704b8d34bcfa4c07cf48eea15c 100644
--- a/views/src/main/resources/vueboot/src/views/bic-config/unit-view-tree.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-config/unit-view-tree.vue
@@ -200,6 +200,7 @@ export default {
     },
     async refreshUseCaseOptions() {
       let vm = this
+      vm.queryForm.useCaseUuid = ''
       if (vm.queryForm.systemUuid === '') {
         vm.useCaseOptions = []
       } else {
diff --git a/views/src/main/resources/vueboot/src/views/bic-view/bic-singleton-view.vue b/views/src/main/resources/vueboot/src/views/bic-view/bic-singleton-view.vue
index 86db109f803c8351eeb0e3d3634074e5f160b29c..f5ba648a8800a2390bf8d2ba6c112512cb5669f3 100644
--- a/views/src/main/resources/vueboot/src/views/bic-view/bic-singleton-view.vue
+++ b/views/src/main/resources/vueboot/src/views/bic-view/bic-singleton-view.vue
@@ -1,12 +1,33 @@
+<style scoped>
+
+.vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {
+  display: none !important;
+}
+
+/deep/ .vuep-editor, .vuep-preview, .vuep-error {
+  border-radius: 2px;
+  height: inherit;
+  margin-right: 10px;
+  overflow: auto;
+  width: 0%;
+}
+
+/deep/ .vuep-preview, .vuep-error {
+  width: 100%;
+}
+
+@import 'vuepc.css';
+
+</style>
 <template>
   <div style="width:100%; height:100%;">
     <el-card class="box-card">
       <el-form
-        :inline="true"
-        :rules="rules"
-        ref="ruleForm"
-        :model="queryForm"
-        class="demo-form-inline">
+          :inline="true"
+          :rules="rules"
+          ref="ruleForm"
+          :model="queryForm"
+          class="demo-form-inline">
         <el-form-item prop="systemUuid" label="系统">
           <el-select clearable
                      filterable
@@ -14,10 +35,10 @@
                      @change="refreshUseCaseOptions"
                      placeholder="请选择系统">
             <el-option
-              v-for="item in systemOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
+                v-for="item in systemOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
@@ -25,10 +46,10 @@
           <el-select :disabled="queryForm.systemUuid === ''"
                      clearable filterable v-model="queryForm.useCaseUuid" placeholder="请选择用例">
             <el-option
-              v-for="item in useCaseOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
+                v-for="item in useCaseOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
@@ -47,27 +68,98 @@
     </el-card>
 
     <el-dialog
-      title="获取搜索缓存"
-      append-to-body
-      :visible.sync="dialogTableVisible">
-      缓存信息：Xxx
+        :title="dialogTableTitle"
+        append-to-body
+        width="75%"
+        :visible.sync="dialogTableVisible">
+      <el-table
+          :header-cell-style="{background:'#eef1f6',color:'#606266'}"
+          :data="currentBuryings"
+          border
+          :default-sort="{prop: 'updateTime', order: 'descending'}"
+          style="width: 100%; margin-top: 20px;font-size: 10px">
+        <el-table-column
+            align="center"
+            prop="systemKey"
+            label="systemKey">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="useCase"
+            label="useCase">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            :show-overflow-tooltip="true"
+            prop="traceId"
+            label="traceId">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="businessNo"
+            label="businessNo">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="module"
+            label="module">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="category"
+            label="category">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="subCategory"
+            label="subCategory">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop=""
+            label="日志级别">
+          <template slot-scope="scope">
+            <span :style="loggerLevelStyle(scope.row.loggerLevel)"><b>{{ scope.row.loggerLevel }}</b></span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            sortable
+            align="center"
+            width="150"
+            label="修改时间">
+          <template slot-scope="scope">
+            {{ baseDateFormat(scope.row.updateTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+            fixed="right"
+            align="center"
+            width="50"
+            label="操作">
+          <template slot-scope="scope">
+            <el-button style="margin-left: 0px;color: #a70fe3" type="text" size="mini" @click="showVue(scope.row)">
+              查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
     </el-dialog>
 
     <el-dialog
-      title="TODO 名字"
-      :visible.sync="dialogVisible"
-      :close-on-press-escape="false"
-      :close-on-click-modal="false"
-      append-to-body
-      width="80%"
-      :before-close="clearForm">
+        :title="dialogTableTitle +'[组件展示]'"
+        :visible.sync="dialogVisible"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+        append-to-body
+        width="80%"
+        :before-close="clearForm">
 
       <div id="app">
         <vuep class="hide-code" :template="vueCode" :scope="this"></vuep>
       </div>
 
       <span slot="footer" class="dialog-footer">
-    <el-button @click="clearForm">取 消</el-button>
+    <el-button @click="clearForm">关 闭</el-button>
   </span>
     </el-dialog>
   </div>
@@ -87,9 +179,7 @@ export default {
   data() {
     return {
       dialogVisible: false,
-      dialogTableVisible: false,
-      vueCode: '',
-      pluginContext: {},
+
       queryForm: {
         systemUuid: '',
         useCaseUuid: '',
@@ -107,7 +197,12 @@ export default {
         ],
       },
       currentGraphData: {},
-      graphHolder: undefined
+      graphHolder: undefined,
+      dialogTableVisible: false,
+      dialogTableTitle: '节点数据',
+      currentBuryings: [],
+      vueCode: '',
+      pluginContext: {},
     }
   },
   async created() {
@@ -121,9 +216,14 @@ export default {
         if (valid) {
           let loading = vm.loading();
           let ret = await graphQuery(vm.queryForm)
+          console.log(ret)
           if (ret.ok) {
-            vm.currentGraph = ret.data.graph
-            vm.doRefresh()
+            if (ret.data.graph === null) {
+              vm.$message({type: 'error', message: '查询失败：此用例没有定义纠察图'});
+            } else {
+              vm.currentGraph = ret.data.graph
+              vm.doRefresh()
+            }
           } else {
             vm.$message({type: 'error', message: '查询失败：' + ret.message});
           }
@@ -139,12 +239,33 @@ export default {
     },
     async refreshUseCaseOptions() {
       let vm = this
+      vm.queryForm.useCaseUuid = ''
       if (vm.queryForm.systemUuid === '') {
         vm.useCaseOptions = []
       } else {
         vm.useCaseOptions = await useCaseSelector(vm.queryForm.systemUuid)
       }
     },
+    loggerLevelStyle(loggerLevel) {
+      if (loggerLevel === 'DEBUG') {
+        return "color: #5ecaf1"
+      }
+      if (loggerLevel === 'ERROR') {
+        return "color: red"
+      }
+      if (loggerLevel === 'INFO') {
+        return "color: #a2f375"
+      }
+      if (loggerLevel === 'WARNING') {
+        return "color: #efc067"
+      }
+      return ""
+    },
+    showVue(row) {
+      let vm = this
+      vm.pluginContext = row
+      vm.dialogVisible = true
+    },
     doRefresh() {
       let vm = this
       let graph = undefined
@@ -166,13 +287,17 @@ export default {
       // graph.addNodes(demoViewNodeData)
       // graph.centerContent()
 
-      // graph.on('node:click', ({e, x, y, node, view}) => {
-      //   console.log(e)
-      //   console.log(x)
-      //   console.log(y)
-      //   console.log(node)
-      //   console.log(view)
-      // })
+      graph.on('node:click', ({e, x, y, node, view}) => {
+        console.log(node)
+        if (node.store.data.buryings !== undefined && node.store.data.buryings !== null) {
+          vm.currentBuryings = node.store.data.buryings
+        } else {
+          vm.currentBuryings = []
+        }
+        vm.dialogTableTitle = node.store.data.attrs.label.text + ' [节点数据]'
+        vm.vueCode = node.store.data.nodeVueCode
+        vm.dialogTableVisible = true
+      })
       //
       // graph.on('node:mouseenter', ({e, node, view}) => {
       //   alert("eeee")
@@ -188,54 +313,44 @@ export default {
       //   graph.on('graph:mouseenter', ({ e }) => {})
 
       graph.on('edge:mouseenter', ({e, edge, view}) => {
-        debugger
-        console.log(e)
-        console.log(edge)
-        console.log(view)
-        // edge.store.data.historyInfo.attrs = edge.getAttrs()
-        // edge.store.data.historyInfo.labels = edge.getLabels()
-        //
-        // let tempData = edge.store.data;
-        // let hover = tempData.extendFunc.hover;
-        // hover 的标准反参，可选配置
-
-        // edge.setAttrs(tempData.consumerInfo.attrs)
-        // edge.setLabels(tempData.consumerInfo.labels)
+        if (edge.store.data.historyInfo == null) {
+          edge.store.data.historyInfo = {}
+        }
+        edge.store.data.historyInfo.attrs = edge.getAttrs()
+        edge.store.data.historyInfo.labels = edge.getLabels()
+        let tempData = edge.store.data;
+        edge.setAttrs(tempData.consumerInfo.attrs)
+        edge.setLabels(tempData.consumerInfo.labels)
       })
 
       graph.on('edge:mouseleave', ({e, edge, view}) => {
-        // edge.setAttrs(edge.store.data.historyInfo.attrs)
-        // edge.setLabels(edge.store.data.historyInfo.labels)
-      })
-
-
-      graph.on('edge:click', ({e, x, y, edge, view}) => {
-        vm.dialogTableVisible = true
+        edge.setAttrs(edge.store.data.historyInfo.attrs)
+        edge.setLabels(edge.store.data.historyInfo.labels)
       })
 
       graph.use(
-        new Snapline({
-          enabled: true,
-          clean: false,
-        }),
+          new Snapline({
+            enabled: true,
+            clean: false,
+          }),
       )
 
       graph.use(
-        new Selection({
-          enabled: true,
-          multiple: true,
-          rubberband: true,
-          movable: true,
-          showNodeSelectionBox: true,
-        }),
+          new Selection({
+            enabled: true,
+            multiple: true,
+            rubberband: true,
+            movable: true,
+            showNodeSelectionBox: true,
+          }),
       )
 
       graph.use(
-        new Scroller({
-          enabled: true,
-          pannable: true,
-          padding: 20
-        }),
+          new Scroller({
+            enabled: true,
+            pannable: true,
+            padding: 20
+          }),
       )
 
       // https://x6.antv.antgroup.com/temp/layout#dagre
@@ -304,11 +419,3 @@ export default {
 }
 </script>
 
-<style scoped>
-.vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {
-  display: none !important;
-}
-
-@import 'vuep.css';
-
-</style>
diff --git a/views/src/main/resources/vueboot/src/views/bic-view/vuep.css b/views/src/main/resources/vueboot/src/views/bic-view/vuepc.css
similarity index 99%
rename from views/src/main/resources/vueboot/src/views/bic-view/vuep.css
rename to views/src/main/resources/vueboot/src/views/bic-view/vuepc.css
index d5e3dba679b320cbdab9c499ef1c566e782e3267..2df11b532b570ec086790375db329742caa5cd6a 100644
--- a/views/src/main/resources/vueboot/src/views/bic-view/vuep.css
+++ b/views/src/main/resources/vueboot/src/views/bic-view/vuepc.css
@@ -671,10 +671,10 @@ span.CodeMirror-selectedtext {
 
 .vuep-editor, .vuep-preview, .vuep-error {
   border-radius: 2px;
-  height: inherit;
-  margin-right: 10px;
-  /*overflow: auto;*/
-  /*width: 50%;*/
+ height: inherit;
+ margin-right: 10px;
+ overflow: auto;
+ width: 0;
 }
 
 .vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {