diff --git a/src/components/area_overview.jsx b/src/components/area_overview.jsx
index 9cfc540..566606a 100644
--- a/src/components/area_overview.jsx
+++ b/src/components/area_overview.jsx
@@ -127,6 +127,7 @@ export default function AreaOverview(props) {
               <Col span={18}>
                 <Input
                   value={a.name}
+                  placeholder="Name"
                   onChange={(value, e) => updateArea(a.id, { name: value })}
                   field="name"
                 />
diff --git a/src/components/editor_panel.jsx b/src/components/editor_panel.jsx
index 5e4f01a..42386fe 100644
--- a/src/components/editor_panel.jsx
+++ b/src/components/editor_panel.jsx
@@ -3,13 +3,10 @@ import CodeMirror from "@uiw/react-codemirror";
 import { createTheme } from "@uiw/codemirror-themes";
 import { sql } from "@codemirror/lang-sql";
 import { tags as t } from "@lezer/highlight";
-import Shape from "./shape";
-// import { Parser } from "node-sql-parser";
 import { Tabs } from "@douyinfe/semi-ui";
 import TableOverview from "./table_overview";
 import ReferenceOverview from "./reference_overview";
 import AreaOverview from "./area_overview";
-// import { TableContext } from "../pages/editor";
 import { Tab } from "../data/data";
 import { TabContext } from "../pages/editor";
 
@@ -35,7 +32,7 @@ const EditorPanel = (props) => {
     { tab: "Tables", itemKey: Tab.tables },
     { tab: "Relationships", itemKey: Tab.relationships },
     { tab: "Subject Areas", itemKey: Tab.subject_areas },
-    { tab: "Shapes", itemKey: Tab.shapes },
+    // { tab: "Shapes", itemKey: Tab.shapes },
     { tab: "Editor", itemKey: Tab.editor },
   ];
   const contentList = [
@@ -45,7 +42,6 @@ const EditorPanel = (props) => {
     />,
     <ReferenceOverview />,
     <AreaOverview/>,
-    <Shape />,
     <CodeMirror
       value={props.code}
       height="100%"
diff --git a/src/components/shape.jsx b/src/components/shape.jsx
index d5d4075..f1b0ebb 100644
--- a/src/components/shape.jsx
+++ b/src/components/shape.jsx
@@ -98,8 +98,6 @@ function Area() {
   );
 }
 
-
-
 export default function Shape() {
   return (
     <div>
diff --git a/src/data/data.js b/src/data/data.js
index ee518e3..730e72a 100644
--- a/src/data/data.js
+++ b/src/data/data.js
@@ -61,8 +61,8 @@ const Tab = {
   tables: "1",
   relationships: "2",
   subject_areas: "3",
-  shapes: "4",
-  editor: "5",
+  // shapes: "4",
+  editor: "4",
 };
 
 const ObjectType = {