Change terminology. Sketch out Draft Function

src/ui/Controls.tsx

@@ -1,3 +1,4 @@
+import { spawnFunctionDraft } from "./scrowlStore";
 
 type Props = {
   // TODO
@@ -15,15 +16,23 @@ export function Controls(props: Props) {
       <article>
         <header>Controls</header>
 
-        <fieldset>
-          <label>
-            <input type="checkbox" role="switch" checked />
-            Auto-evaluate
-          </label>
-          <button class="secondary outline" style={{ width: "100%" }}>
-            Clear All
+        <div style={{ display: "flex", gap: "0.5rem", "flex-wrap": "wrap" }}>
+          <button 
+            class="outline secondary" 
+            onClick={spawnFunctionDraft}
+            style={{ padding: "2px 8px", "font-size": "0.8rem", width: "auto" }}
+          >
+            +fn
           </button>
-        </fieldset>
+          
+          <button 
+            class="outline secondary" 
+            style={{ padding: "2px 8px", "font-size": "0.8rem", width: "auto" }}
+            disabled
+          >
+            +signal
+          </button>
+        </div>
 
         <footer>
           <small>Language v0.1.0</small>