diff --git a/apps/remix-ide/src/app/components/panel.ts b/apps/remix-ide/src/app/components/panel.ts
index 0be7d94cb5..5671ddb250 100644
--- a/apps/remix-ide/src/app/components/panel.ts
+++ b/apps/remix-ide/src/app/components/panel.ts
@@ -1,8 +1,6 @@
 import React from 'react' // eslint-disable-line
 import { EventEmitter } from 'events'
-import { VerticalIcons } from 'libs/remix-ui/vertical-icons-panel/types/vertical-icons-panel'
 import { HostPlugin } from '@remixproject/engine-web' // eslint-disable-line
-
 import { Profile } from '@remixproject/plugin-utils'
 const EventManager = require('../../lib/events')
 
@@ -13,10 +11,8 @@ type PluginRecord = {
   active: boolean
 }
 export class AbstractPanel extends HostPlugin {
-
   events: EventEmitter
   event: any
-  verticalIcons: VerticalIcons
   public plugins: Record<string, PluginRecord> = {}
   constructor (profile) {
     super(profile)
diff --git a/apps/remix-ide/src/app/panels/main-view.tsx b/apps/remix-ide/src/app/panels/main-view.tsx
index b92439ac2a..0d33fea70f 100644
--- a/apps/remix-ide/src/app/panels/main-view.tsx
+++ b/apps/remix-ide/src/app/panels/main-view.tsx
@@ -1,8 +1,23 @@
+import { EditorContextListener } from '@remix-project/core-plugin'
 import { Plugin } from '@remixproject/engine'
-
+import { MainPanel } from '../components/main-panel'
+const EventManager = require('../../lib/events')
 export class MainView {
   fileManager: Plugin
+  event: any
+  tabProxy: Plugin
+  editor: Plugin
+  mainPanel: MainPanel
+  terminal: Plugin
+  appManager: Plugin
+  contextualListener: EditorContextListener
   constructor (contextualListener, editor, mainPanel, fileManager, appManager, terminal) {
     this.fileManager = fileManager
+    this.event = new EventManager()
+    this.editor = editor
+    this.terminal = terminal
+    this.appManager = appManager
+    this.mainPanel = mainPanel
+    this.contextualListener = contextualListener
   }
 }