diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..9e4a3ba
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "mos.port": "COM6",
+  "mos.board": "ESP32"
+}
diff --git a/fs/main.js b/fs/main.js
index 0947450..bcf884d 100644
--- a/fs/main.js
+++ b/fs/main.js
@@ -1,71 +1,97 @@
-import htm from './htm.min.js';
-import {Component, h, render} from './preact.min.js';
+import htm from "./htm.min.js";
+import { Component, h, render } from "./preact.min.js";
 const html = htm.bind(h);
 
+function DropdownList({ networks, onSelect }) {
+  return html`
+    <select onChange=${(e) => onSelect(e.target.value)}>
+      ${networks.map(
+        (option) => html`<option value=${option}>${option}</option>`
+      )}
+    </select>
+  `;
+}
+
 class App extends Component {
-  state = {connected: false, ssid: '', pass: '', spin: false, frames: []};
+  state = {
+    connected: false,
+    ssid: "",
+    pass: "",
+    spin: false,
+    frames: [],
+    wifiNets: [],
+  };
+
   componentDidMount() {
     const logframe = (marker, frame) => {
-      this.setState(
-          state => ({
-            connected: state.connected,
-            frames: state.frames.concat(marker + JSON.stringify(frame))
-          }));
+      this.setState((state) => ({
+        connected: state.connected,
+        frames: state.frames.concat(marker + JSON.stringify(frame)),
+      }));
     };
 
-    // Setup JSON-RPC engine
-    var rpc = mkrpc('ws://' + location.host + '/rpc');
-    rpc.onopen = ev => {
+    // Setup JSON-RPC engine and Wifi list
+    var rpc = mkrpc("ws://" + location.host + "/rpc");
+    rpc.onopen = (ev) => {
       // When RPC is connected, fetch list of supported RPC services
-      this.setState({connected: true});
-      rpc.call('RPC.List').then(res => console.log(res));
+      this.setState({ connected: true });
+      rpc.call("Wifi.Scan","",10000).then((res) => {
+        this.setState({ wifiNets: res.result.map((item) => item.ssid) });
+      });
+      rpc.call("RPC.List").then((res) => console.log(res));
     };
-    rpc.onclose = ev => this.setState({connected: false});
-    rpc.onout = ev => logframe('-> ', ev);
-    rpc.onin = ev => logframe('<- ', ev);
+    rpc.onclose = (ev) => this.setState({ connected: false });
+    rpc.onout = (ev) => logframe("-> ", ev);
+    rpc.onin = (ev) => logframe("<- ", ev);
     this.rpc = rpc;
   }
   render(props, state) {
-    const onssid = ev => this.setState({ssid: ev.target.value});
-    const onpass = ev => this.setState({pass: ev.target.value});
-    const onclick = ev => {
+    const onssid = (ev) => this.setState({ ssid: ev });
+    const onpass = (ev) => this.setState({ pass: ev.target.value });
+
+    //const wifiOptions = ["2Apple", "Banana", "Orange"];
+    //    const ssidlist = this.rpc.call("RPC.Scan").then((res) => console.log(res));
+    const onclick = (ev) => {
       // Button press. Update device's configuration
-      var sta = {enable: true, ssid: state.ssid, pass: state.pass};
-      var config = {wifi: {sta: sta, ap: {enable: false}}};
+      var sta = { enable: true, ssid: state.ssid, pass: state.pass };
+      var config = { wifi: { sta: sta, ap: { enable: false } } };
       // var config = {debug: {level: +state.ssid}};
-      this.setState({spin: true});
-      this.rpc.call('Config.Set', {config, save: true, reboot: true})
-          .catch(err => alert('Error: ' + err))
-          .then(ev => this.setState({spin: false}));
+      this.setState({ spin: true });
+      this.rpc
+        .call("Config.Set", { config, save: true, reboot: true })
+        .catch((err) => alert("Error: " + err))
+        .then((ev) => this.setState({ spin: false }));
     };
-    return html`
-		<div class="container">
-			<h1>${props.title}</h1>
-			<div style="text-align: right; font-size:small;">Websocket connected:
-				<b> ${state.connected ? 'yes' : 'no'}</b></div>
+    return html` <div class="container">
+      <h1>${props.title}</h1>
+      <div style="text-align: right; font-size:small;">
+        Websocket connected: <b> ${state.connected ? "yes" : "no"}</b>
+      </div>
 
       <div style="display: flex; flex-direction: column; margin: 2em 0;">
-				<div style="display: flex; margin: 0.2em 0;">
-					<label style="width: 33%;">WiFi network:</label>
-					<input type="text"
-					onInput=${onssid} style="flex:1;" />
-				</div>
-				<div style="display: flex; margin: 0.2em 0;">
-					<label style="width: 33%;">WiFi password:</label>
-					<input type="text"
-					onInput=${onpass} style="flex:1;" />
-				</div>
-				<button class="btn" style="margin: 0.3em 0; width: 100%;
-				background: ${state.ssid ? '#2079b0' : '#ccc'}"
-				onclick=${onclick} disabled=${!state.ssid}>
-		<span class=${state.spin ? 'spin' : ''} /> Save WiFi settings
-				</button>
+        <div style="display: flex; margin: 0.2em 0;">
+          <label style="width: 33%;">WiFi network:</label>
+          <${DropdownList} networks=${state.wifiNets} onSelect=${onssid} style="flex:1;" />
+        </div>
+        <div style="display: flex; margin: 0.2em 0;">
+          <label style="width: 33%;">WiFi password:</label>
+          <input type="text" onInput=${onpass} style="flex:1;" />
+        </div>
+        <button
+          class="btn"
+          style="margin: 0.3em 0; width: 100%;
+				background: ${state.ssid ? "#2079b0" : "#ccc"}"
+          onclick=${onclick}
+          disabled=${!state.ssid}
+        >
+          <span class=${state.spin ? "spin" : ""} /> Save WiFi settings
+        </button>
       </div>
 
-			<h4>JSON-RPC over WebSocket log:</h4>
-			<pre class="log">${state.frames.join('\n')}</pre>
-		</div>`;
+      <h4>JSON-RPC over WebSocket log:</h4>
+      <pre class="log">${state.frames.join("\n")}</pre>
+    </div>`;
   }
 }
 
-render(html`<${App} title="Mongoose OS Configurator" />`, document.body);
+render(html`<${App} title="HANPortReader Configurator" />`, document.body);
diff --git a/fs/wifinets.js b/fs/wifinets.js
new file mode 100644
index 0000000..19a42a2
--- /dev/null
+++ b/fs/wifinets.js
@@ -0,0 +1,27 @@
+// WifiNets.js
+import { h } from 'preact';
+import { useState, useEffect } from 'preact/hooks';
+
+const WifiNets = () => {
+    const [categories, setCategories] = useState([]);
+
+    useEffect(() => {
+        // Fetch categories from your backend (Mongoose)
+        fetch('/api/categories')
+            .then((response) => response.json())
+            .then((data) => setCategories(data.categories))
+            .catch((error) => console.error('Error fetching categories:', error));
+    }, []);
+
+    return (
+        <select>
+            {categories.map((wifinet) => (
+                <option key={wifinet._id} value={wifinet._id}>
+                    {wifinet.name}
+                </option>
+            ))}
+        </select>
+    );
+};
+
+export default WifiNets;