diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
new file mode 100644
index 00000000..3fda8c94
--- /dev/null
+++ b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { useGettext } from "vue3-gettext";
+import Button from "primevue/button";
+
+const { $gettext } = useGettext();
+
+const props = defineProps<{
+    editorMax: boolean;
+}>();
+
+const emit = defineEmits(["maximize", "side", "close"]);
+
+const toggleSize = () => {
+    if (props.editorMax) {
+        emit("maximize");
+    } else {
+        emit("side");
+    }
+};
+</script>
+
+<template>
+    <div class="header">
+        <div>
+            <h3>{{ $gettext("Scheme Editor Tools") }}</h3>
+            <div>
+                <Button
+                    :aria-label="$gettext('toggle editor size')"
+                    @click="toggleSize"
+                >
+                    <i
+                        :class="{
+                            pi: true,
+                            'pi-window-maximize': props.editorMax,
+                            'pi-window-minimize': !props.editorMax,
+                        }"
+                        aria-hidden="true"
+                    />
+                </Button>
+                <Button
+                    :aria-label="$gettext('close editor')"
+                    @click="$emit('close')"
+                >
+                    <i
+                        class="pi pi-times"
+                        aria-hidden="true"
+                    />
+                </Button>
+            </div>
+        </div>
+    </div>
+</template>
+<style scoped>
+.header {
+    background-color: var(--p-surface-200);
+}
+.header div {
+    margin: 0 1rem;
+    display: flex;
+    align-items: center;
+}
+.header div h2 {
+    flex: 1;
+}
+</style>
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
index 16542e01..04fc97da 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeSection.vue
@@ -2,6 +2,8 @@
 import { useGettext } from "vue3-gettext";
 import Button from "primevue/button";
 
+defineEmits(["openEditor"]);
+
 const { $gettext } = useGettext();
 const props = defineProps<{
     titleText: string;
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index 536a8ef8..a6336c75 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ref } from "vue";
 import Splitter from "primevue/splitter";
 import SplitterPanel from "primevue/splitterpanel";
 import SchemeLicense from "@/arches_lingo/components/scheme/report/SchemeLicense.vue";
@@ -6,17 +7,56 @@ import SchemeNote from "@/arches_lingo/components/scheme/report/SchemeNote.vue";
 import SchemeUri from "@/arches_lingo/components/scheme/report/SchemeUri.vue";
 import SchemeStandard from "@/arches_lingo/components/scheme/report/SchemeStandard.vue";
 import SchemeAuthority from "@/arches_lingo/components/scheme/report/SchemeAuthority.vue";
+import SchemeEditor from "@/arches_lingo/components/scheme/editor/SchemeEditor.vue";
+
+const editorVisible = ref(true);
+const sectionVisible = ref(true);
+
+const onMaximize = () => {
+    editorVisible.value = true;
+    sectionVisible.value = false;
+};
+
+const onSide = () => {
+    editorVisible.value = true;
+    editorVisible.value = true;
+    sectionVisible.value = true;
+};
+
+const onClose = () => {
+    editorVisible.value = false;
+    sectionVisible.value = true;
+};
+
+const onOpenEditor = () => {
+    editorVisible.value = true;
+    sectionVisible.value = true;
+};
 </script>
 
 <template>
     <div>
         <Splitter>
-            <SplitterPanel>
-                <SchemeNote />
-                <SchemeAuthority />
-                <SchemeStandard />
-                <SchemeLicense />
-                <SchemeUri />
+            <SplitterPanel
+                v-if="sectionVisible"
+                size="75"
+            >
+                <SchemeNote @open-editor="onOpenEditor" />
+                <SchemeAuthority @open-editor="onOpenEditor" />
+                <SchemeStandard @open-editor="onOpenEditor" />
+                <SchemeLicense @open-editor="onOpenEditor" />
+                <SchemeUri @open-editor="onOpenEditor" />
+            </SplitterPanel>
+            <SplitterPanel
+                v-if="editorVisible"
+                size="25"
+            >
+                <SchemeEditor
+                    :editor-max="sectionVisible"
+                    @maximize="onMaximize"
+                    @side="onSide"
+                    @close="onClose"
+                />
             </SplitterPanel>
         </Splitter>
     </div>