move 'env' from state to context

src/App.tsx

@@ -3,6 +3,7 @@ import './App.css'
 import { Editor, type EditorState } from './Editor'
 import { initialEditorState, nonEmptyEditorState, tripleFunctionCallEditorState } from "./configurations";
 import { CommandContext } from './CommandContext';
+import { EnvContext } from './EnvContext';
 
 export function App() {
   const [history, setHistory] = useState([initialEditorState]);
@@ -52,7 +53,7 @@ export function App() {
   const commands = [
     ["call"     , "[c] call"              ],
     ["eval"     , "[u] [Tab] [Enter] eval"],
-    ["transform", "[t] transform"         ],
+    ["transform", "[t] [.] transform"         ],
     ["let"      , "[=] let ... in ..."    ],
   ];
 
@@ -80,15 +81,14 @@ export function App() {
         }
       </header>
 
-      <main>
-        <CommandContext value={doHighlight}>
+      <main onKeyDown={onKeyDown}>
+        <CommandContext value={{undo: onUndo, redo: onRedo, doHighlight}}>
           <Editor
             state={history.at(-1)!}
             setState={pushHistory}
             onResolve={() => {}}
             onCancel={() => {}}
             filter={() => true}
-            focus={true}
           />
         </CommandContext>
       </main>