Implemented the host name auto suggestion, and added Preset feature

ui/widgets/connect.vue

@@ -44,11 +44,14 @@
 
       <connect-known
         v-if="tab === 'known' && !inputting"
+        :presets="presets"
+        :restricted-to-presets="restrictedToPresets"
         :knowns="knowns"
         :launcher-builder="knownsLauncherBuilder"
         :knowns-export="knownsExport"
         :knowns-import="knownsImport"
         @select="selectKnown"
+        @select-preset="selectPreset"
         @remove="removeKnown"
         @clear-session="clearSessionKnown"
       ></connect-known>
@@ -100,6 +103,14 @@ export default {
       type: Boolean,
       default: false
     },
+    presets: {
+      type: Array,
+      default: () => []
+    },
+    restrictedToPresets: {
+      type: Boolean,
+      default: () => false
+    },
     knowns: {
       type: Array,
       default: () => []
@@ -160,6 +171,13 @@ export default {
 
       this.$emit("known-remove", uid);
     },
+    selectPreset(preset) {
+      if (this.inputting) {
+        return;
+      }
+
+      this.$emit("preset-select", preset);
+    },
     clearSessionKnown(uid) {
       if (this.inputting) {
         return;