fix: load contract to compile

src/lib/wizard/components/Configure.svelte

@@ -1,24 +1,27 @@
 <script lang="ts">
   import { API } from "$lib/api";
-  import { buildCompilerInput } from "$lib/models/solc";
+  import { buildCompilerInput, type ContractSources } from "$lib/models/solc";
   import { wizardState } from "../state.svelte";
 
-  let result: any;
+  let compilationResult: any;
 
   async function compile() {
     if (!wizardState.sources) return;
-    const result = await API.compile(buildCompilerInput(wizardState.sources));
-    console.log(result);
+    compilationResult = await API.compile(buildCompilerInput(wizardState.sources));
+  }
+
+  function getMainContractName(sources?: ContractSources) {
+    if (!sources) return '';
+    // The first name that is not a dependency
+    return Object.keys(sources).find(name => !name.startsWith('@'));
   }
 
 </script>
 
 <p>
-  Contract to compile: {wizardState.sources?.target}
+  Contract to compile: {getMainContractName(wizardState.sources)}
 
   <button onclick={compile} >
     Compile
   </button>
-
-  result: {JSON.stringify(result, null, 2)}
 </p>