decent progress

src/App.tsx

@@ -3,11 +3,11 @@ import { useEffect, useState } from 'react';
 import './App.css'
 import { Editor, initialEditorState, type EditorState } from './Editor'
 
-
 export function App() {
   const [state, setState] = useState<EditorState>(initialEditorState);
 
   useEffect(() => {
+    window['APP_STATE'] = state;
     // console.log("EDITOR STATE:", state);
   }, [state]);
 
@@ -18,7 +18,12 @@ export function App() {
       </header>
 
       <main>
-        <Editor state={state} setState={setState}></Editor>
+        <Editor
+          state={state}
+          setState={setState}
+          onResolve={() => {console.log("toplevel resolved")}}
+          onCancel={() => {console.log("toplevel canceled")}}
+        />
       </main>
 
       <footer>