diff --git a/.nvmrc b/.nvmrc
index bb52a16..805b5a4 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v18.18.2
+v20.9.0
diff --git a/package.json b/package.json
index 36511a6..3ad2a1d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "webmesh",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "An application for connecting to Webmesh networks",
   "productName": "Webmesh",
   "author": "Avi Zimmerman <avi.zimmerman@gmail.com>",
@@ -10,7 +10,7 @@
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev --mode electron",
-    "build": "quasar build --mode electron",
+    "build": "quasar build --mode electron --publish never",
     "build:win": "quasar build --mode electron --target win --publish never",
     "build:mac": "quasar build --mode electron --target mac --publish never",
     "build:linux": "quasar build --mode electron --target linux --publish never",
@@ -25,29 +25,30 @@
     "@bufbuild/protobuf": "^1.4.1",
     "@connectrpc/connect": "^1.1.3",
     "@connectrpc/connect-web": "^1.1.3",
-    "@quasar/extras": "^1.16.4",
-    "@webmesh/api": "https://github.com/webmeshproj/api#v0.11.2",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.0",
-    "quasar": "^2.6.0",
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0",
     "@quasar/app-vite": "^1.3.0",
+    "@quasar/extras": "^1.16.4",
     "@types/node": "^12.20.21",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
+    "@webmeshproject/api": "^0.12.2",
+    "@webmeshproject/vue": "^0.0.3",
     "autoprefixer": "^10.4.2",
     "electron": "^27.0.3",
     "electron-builder": "^24.3.0",
     "eslint": "^8.10.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-vue": "^9.0.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.0",
     "postcss": "^8.4.31",
     "prettier": "^2.5.1",
-    "typescript": "^4.5.4"
+    "quasar": "^2.6.0",
+    "typescript": "^4.5.4",
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0"
   },
   "engines": {
-    "node": "^18 || ^16 || ^14.19",
+    "node": "^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }
diff --git a/src/components/ConnectionProfileEditor.vue b/src/components/ConnectionProfileEditor.vue
index 2d39908..6e3a4e4 100644
--- a/src/components/ConnectionProfileEditor.vue
+++ b/src/components/ConnectionProfileEditor.vue
@@ -30,17 +30,17 @@
                   label="Join Addresses"
                   hint="Press Enter to add a new address"
                   dense
-                  v-model="profile.addrs"
+                  v-model="profile.params.addrs"
                   use-input
                   use-chips
                   multiple
                   hide-dropdown-icon
                   input-debounce="0"
                   new-value-mode="add-unique"
-                  :disable="profile.bootstrap.enabled"
+                  :disable="profile.params.bootstrap.enabled"
                 />
                 <q-checkbox
-                  v-model="profile.networking.useDNS"
+                  v-model="profile.params.networking.useDNS"
                   size="xs"
                   label="Use MeshDNS Servers"
                   class="q-py-sm"
@@ -59,29 +59,29 @@
                     hint="Addresses where other nodes can reach you"
                     dense
                     class="q-px-lg"
-                    v-model="profile.networking.endpoints"
+                    v-model="profile.params.networking.endpoints"
                     use-input
                     use-chips
                     multiple
                     hide-dropdown-icon
                     input-debounce="0"
                     new-value-mode="add-unique"
-                    :disable="profile.bootstrap.enabled"
+                    :disable="profile.params.bootstrap.enabled"
                   />
                   <q-checkbox
-                    v-model="profile.networking.detectEndpoints"
+                    v-model="profile.params.networking.detectEndpoints"
                     size="xs"
                     label="Detect from Host"
                     class="q-py-sm q-px-lg"
                     dense
                   />
                   <q-checkbox
-                    v-model="profile.networking.detectPrivateEndpoints"
+                    v-model="profile.params.networking.detectPrivateEndpoints"
                     size="xs"
                     label="Include Private Endpoints"
                     class="q-py-sm"
                     dense
-                    v-if="profile.networking.detectEndpoints"
+                    v-if="profile.params.networking.detectEndpoints"
                   />
                 </q-expansion-item>
 
@@ -94,19 +94,21 @@
                   class="q-pt-sm"
                 >
                   <q-checkbox
-                    v-model="profile.bootstrap.enabled"
+                    v-model="profile.params.bootstrap.enabled"
                     size="xs"
                     label="Enabled"
                     class="q-px-md"
                     @update:model-value="
                       () => {
-                        profile.services.enabled = true;
+                        profile.params.services.enabled = true;
                         if (
-                          !profile.services.features.includes(
+                          !profile.params.services.features.includes(
                             Feature.MEMBERSHIP
                           )
                         ) {
-                          profile.services.features.push(Feature.MEMBERSHIP);
+                          profile.params.services.features.push(
+                            Feature.MEMBERSHIP
+                          );
                         }
                       }
                     "
@@ -117,22 +119,22 @@
                     icon="router"
                     label="Mesh Settings"
                     class="q-px-md"
-                    v-if="profile.bootstrap.enabled"
+                    v-if="profile.params.bootstrap.enabled"
                   >
                     <q-input
                       dense
                       class="q-px-lg"
-                      v-model="profile.bootstrap.domain"
+                      v-model="profile.params.bootstrap.domain"
                       :disable="!isNewProfile"
-                      :placeholder="DefaultMeshDomain"
+                      :placeholder="Defaults.meshDomain"
                       hint="Domain name of the mesh network"
                     />
                     <q-input
                       dense
                       class="q-px-lg"
-                      v-model="profile.bootstrap.ipv4Network"
+                      v-model="profile.params.bootstrap.ipv4Network"
                       :disable="!isNewProfile"
-                      :placeholder="DefaultMeshIPv4Network"
+                      :placeholder="Defaults.ipv4Network"
                       hint="IPv4 CIDR of the mesh network"
                     />
                     <div class="q-py-sm q-px-lg text-caption">
@@ -141,7 +143,7 @@
                     <div class="row q-px-lg justify-around">
                       <strong>Default Network Policy</strong>
                       <q-radio
-                        v-model="profile.bootstrap.defaultNetworkACL"
+                        v-model="profile.params.bootstrap.defaultNetworkACL"
                         :val="DefaultNetworkACL.ACCEPT"
                         :disable="!isNewProfile"
                         label="Accept"
@@ -149,7 +151,7 @@
                         dense
                       />
                       <q-radio
-                        v-model="profile.bootstrap.defaultNetworkACL"
+                        v-model="profile.params.bootstrap.defaultNetworkACL"
                         :val="DefaultNetworkACL.DROP"
                         :disable="!isNewProfile"
                         label="Drop"
@@ -157,7 +159,7 @@
                         dense
                       />
                       <q-checkbox
-                        v-model="profile.bootstrap.rbacEnabled"
+                        v-model="profile.params.bootstrap.rbacEnabled"
                         size="xs"
                         label="Enable RBAC"
                         :disable="!isNewProfile"
@@ -181,53 +183,53 @@
                 <div class="row q-pa-sm justify-around">
                   <q-radio
                     dense
-                    v-model="profile.authMethod"
+                    v-model="profile.params.authMethod"
                     checked-icon="task_alt"
                     :val="NetworkAuthMethod.NO_AUTH"
                     label="None"
                   />
                   <q-radio
                     dense
-                    v-model="profile.authMethod"
+                    v-model="profile.params.authMethod"
                     checked-icon="task_alt"
                     :val="NetworkAuthMethod.BASIC"
                     label="Basic"
                   />
                   <q-radio
                     dense
-                    v-model="profile.authMethod"
+                    v-model="profile.params.authMethod"
                     checked-icon="task_alt"
                     :val="NetworkAuthMethod.LDAP"
                     label="LDAP"
                   />
                   <q-radio
                     dense
-                    v-model="profile.authMethod"
+                    v-model="profile.params.authMethod"
                     checked-icon="task_alt"
                     :val="NetworkAuthMethod.ID"
                     label="ID"
                   />
                   <q-radio
                     dense
-                    v-model="profile.authMethod"
+                    v-model="profile.params.authMethod"
                     checked-icon="task_alt"
                     :val="NetworkAuthMethod.MTLS"
                     label="mTLS"
-                    @click="profile.tls.enabled = true"
+                    @click="profile.params.tls.enabled = true"
                   />
                 </div>
                 <div
                   class="q-pa-sm text-caption"
                   v-if="
-                    profile.authMethod === NetworkAuthMethod.BASIC ||
-                    profile.authMethod === NetworkAuthMethod.LDAP
+                    profile.params.authMethod === NetworkAuthMethod.BASIC ||
+                    profile.params.authMethod === NetworkAuthMethod.LDAP
                   "
                 >
                   Credentials
                   <q-input
-                    v-if="profile.authMethod === NetworkAuthMethod.BASIC"
+                    v-if="profile.params.authMethod === NetworkAuthMethod.BASIC"
                     v-model="
-                      profile.authCredentials[
+                      profile.params.authCredentials[
                         AuthHeader.BASIC_USERNAME.toString()
                       ]
                     "
@@ -236,9 +238,9 @@
                     label="Basic Username"
                   />
                   <q-input
-                    v-if="profile.authMethod === NetworkAuthMethod.BASIC"
+                    v-if="profile.params.authMethod === NetworkAuthMethod.BASIC"
                     v-model="
-                      profile.authCredentials[
+                      profile.params.authCredentials[
                         AuthHeader.BASIC_PASSWORD.toString()
                       ]
                     "
@@ -247,9 +249,9 @@
                     label="Basic Password"
                   />
                   <q-input
-                    v-if="profile.authMethod === NetworkAuthMethod.LDAP"
+                    v-if="profile.params.authMethod === NetworkAuthMethod.LDAP"
                     v-model="
-                      profile.authCredentials[
+                      profile.params.authCredentials[
                         AuthHeader.LDAP_USERNAME.toString()
                       ]
                     "
@@ -258,9 +260,9 @@
                     label="LDAP Username"
                   />
                   <q-input
-                    v-if="profile.authMethod === NetworkAuthMethod.LDAP"
+                    v-if="profile.params.authMethod === NetworkAuthMethod.LDAP"
                     v-model="
-                      profile.authCredentials[
+                      profile.params.authCredentials[
                         AuthHeader.LDAP_PASSWORD.toString()
                       ]
                     "
@@ -272,41 +274,43 @@
                 <div class="q-mx-sm text-caption">TLS</div>
                 <div
                   :class="
-                    profile.tls.enabled
+                    profile.params.tls.enabled
                       ? 'row q-pa-sm justify-around'
                       : 'row q-pa-sm justify-start'
                   "
                 >
                   <q-checkbox
                     dense
-                    v-model="profile.tls.enabled"
+                    v-model="profile.params.tls.enabled"
                     size="xs"
                     label="Enabled"
-                    :disable="profile.authMethod === NetworkAuthMethod.MTLS"
+                    :disable="
+                      profile.params.authMethod === NetworkAuthMethod.MTLS
+                    "
                   />
                   <q-checkbox
                     dense
-                    v-model="profile.tls.skipVerify"
+                    v-model="profile.params.tls.skipVerify"
                     size="xs"
                     label="Skip Verify"
-                    @click="profile.tls.verifyChainOnly = false"
-                    v-if="profile.tls.enabled"
+                    @click="profile.params.tls.verifyChainOnly = false"
+                    v-if="profile.params.tls.enabled"
                   />
                   <q-checkbox
                     dense
-                    v-model="profile.tls.verifyChainOnly"
+                    v-model="profile.params.tls.verifyChainOnly"
                     size="xs"
                     label="Verify Chain Only"
-                    @click="profile.tls.skipVerify = false"
-                    v-if="profile.tls.enabled"
+                    @click="profile.params.tls.skipVerify = false"
+                    v-if="profile.params.tls.enabled"
                   />
                 </div>
                 <div
                   class="col q-pa-sm justify-around"
-                  v-if="profile.tls.enabled"
+                  v-if="profile.params.tls.enabled"
                 >
                   <q-input
-                    v-model="profile.tls.caCertData"
+                    v-model="profile.params.tls.caCertData"
                     dense
                     clearable
                     label="TLS CA Certificate"
@@ -334,14 +338,14 @@
                     </template>
                   </q-input>
                   <q-input
-                    v-model="profile.tls.certData"
+                    v-model="profile.params.tls.certData"
                     dense
                     clearable
                     label="TLS Certificate"
                     ref="tlsCertRef"
                     v-if="
-                      profile.authMethod === NetworkAuthMethod.MTLS ||
-                      profile.services.enabled
+                      profile.params.authMethod === NetworkAuthMethod.MTLS ||
+                      profile.params.services.enabled
                     "
                   >
                     <template v-slot:after>
@@ -366,14 +370,14 @@
                     </template>
                   </q-input>
                   <q-input
-                    v-model="profile.tls.keyData"
+                    v-model="profile.params.tls.keyData"
                     dense
                     clearable
                     label="TLS Key"
                     ref="tlsKeyRef"
                     v-if="
-                      profile.authMethod === NetworkAuthMethod.MTLS ||
-                      profile.services.enabled
+                      profile.params.authMethod === NetworkAuthMethod.MTLS ||
+                      profile.params.services.enabled
                     "
                   >
                     <template v-slot:after>
@@ -412,15 +416,15 @@
                 <div class="column q-px-sm justify-start">
                   <q-checkbox
                     dense
-                    v-model="profile.services.enabled"
+                    v-model="profile.params.services.enabled"
                     size="xs"
                     label="Enabled"
-                    :disable="profile.bootstrap.enabled"
+                    :disable="profile.params.bootstrap.enabled"
                   >
                     <q-tooltip
                       anchor="bottom middle"
                       self="top middle"
-                      v-if="profile.bootstrap.enabled"
+                      v-if="profile.params.bootstrap.enabled"
                     >
                       <span style="font-size: small">
                         Cannot disable services when bootstrap is enabled
@@ -428,9 +432,9 @@
                     </q-tooltip>
                   </q-checkbox>
                   <q-input
-                    v-model="profile.services.listenAddress"
+                    v-model="profile.params.services.listenAddress"
                     label="Listen Address"
-                    v-if="profile.services.enabled"
+                    v-if="profile.params.services.enabled"
                     :rules="[
                       (value: string) => {
                         return (
@@ -442,14 +446,14 @@
                   />
                 </div>
 
-                <div v-if="profile.services.enabled">
+                <div v-if="profile.params.services.enabled">
                   <!-- Membership -->
                   <div class="text-caption">Membership</div>
                   <div class="q-px-sm q-gutter-sm">
                     <q-tooltip
                       anchor="bottom middle"
                       self="top middle"
-                      v-if="profile.bootstrap.enabled"
+                      v-if="profile.params.bootstrap.enabled"
                     >
                       <span style="font-size: small">
                         Cannot change membership settings when bootstrap is
@@ -458,19 +462,19 @@
                     </q-tooltip>
                     <q-checkbox
                       dense
-                      v-model="profile.services.features"
-                      :disable="profile.bootstrap.enabled"
+                      v-model="profile.params.services.features"
+                      :disable="profile.params.bootstrap.enabled"
                       :val="Feature.MEMBERSHIP"
                       label="Voter"
                       @click="
-                        profile.services?.features?.includes(
+                        profile.params.services.features.includes(
                           Feature.MEMBERSHIP
                         ) &&
-                          profile.services?.features?.includes(
+                          profile.params.services.features.includes(
                             Feature.STORAGE_QUERIER
                           ) &&
-                          profile.services?.features?.splice(
-                            profile.services.features.indexOf(
+                          profile.params.services.features.splice(
+                            profile.params.services.features.indexOf(
                               Feature.STORAGE_QUERIER
                             ),
                             1
@@ -479,19 +483,19 @@
                     />
                     <q-checkbox
                       dense
-                      v-model="profile.services.features"
-                      :disable="profile.bootstrap.enabled"
+                      v-model="profile.params.services.features"
+                      :disable="profile.params.bootstrap.enabled"
                       :val="Feature.STORAGE_QUERIER"
                       label="Observer"
                       @click="
-                        profile.services?.features?.includes(
+                        profile.params.services.features.includes(
                           Feature.STORAGE_QUERIER
                         ) &&
-                          profile.services?.features?.includes(
+                          profile.params.services.features.includes(
                             Feature.MEMBERSHIP
                           ) &&
-                          profile.services?.features?.splice(
-                            profile.services.features.indexOf(
+                          profile.params.services.features.splice(
+                            profile.params.services.features.indexOf(
                               Feature.MEMBERSHIP
                             ),
                             1
@@ -505,19 +509,19 @@
                   <div class="q-px-sm q-gutter-sm">
                     <q-checkbox
                       dense
-                      v-model="profile.services.features"
+                      v-model="profile.params.services.features"
                       :val="Feature.MESH_API"
                       label="Mesh"
                     />
                     <q-checkbox
                       dense
-                      v-model="profile.services.features"
+                      v-model="profile.params.services.features"
                       :val="Feature.ICE_NEGOTIATION"
                       label="WebRTC"
                     />
                     <q-checkbox
                       dense
-                      v-model="profile.services.features"
+                      v-model="profile.params.services.features"
                       :val="Feature.ADMIN_API"
                       label="Admin"
                     />
@@ -527,25 +531,25 @@
                   <div class="q-px-md q-gutter-sm">
                     <q-checkbox
                       dense
-                      v-model="profile.services.dns.enabled"
+                      v-model="profile.params.services.dns.enabled"
                       size="xs"
                       label="Enabled"
                     />
                     <q-input
                       dense
                       clearable
-                      v-model="profile.services.dns.listenUDP"
+                      v-model="profile.params.services.dns.listenUDP"
                       label="Listen UDP"
                       hint="Leave blank to disable UDP"
-                      v-if="profile.services.dns.enabled"
+                      v-if="profile.params.services.dns.enabled"
                     />
                     <q-input
                       dense
                       clearable
-                      v-model="profile.services.dns.listenTCP"
+                      v-model="profile.params.services.dns.listenTCP"
                       label="Listen TCP"
                       hint="Leave blank to disable TCP"
-                      v-if="profile.services.dns.enabled"
+                      v-if="profile.params.services.dns.enabled"
                     />
                   </div>
                 </div>
@@ -583,21 +587,16 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
-import { useDialogPluginComponent, QInput, QFile } from 'quasar';
+import { defineComponent, ref, watch } from 'vue';
+import { QInput, QFile, useDialogPluginComponent, useQuasar } from 'quasar';
 import {
   NetworkAuthMethod,
-  ConnectRequest_AuthHeader as AuthHeader,
+  ConnectionParameters_AuthHeader as AuthHeader,
   MeshConnBootstrap_DefaultNetworkACL as DefaultNetworkACL,
-} from '@webmesh/api/ts/v1/app_pb';
-import { Feature } from '@webmesh/api/ts/v1/node_pb';
-import {
-  ConnectionProfile,
-  DefaultMeshDomain,
-  DefaultMeshIPv4Network,
-  newDefaultConnectionProfile,
-  useProfileStore,
-} from '../stores/profiles';
+} from '@webmeshproject/api/v1/app_pb';
+import { Feature } from '@webmeshproject/api/v1/node_pb';
+import { Defaults, NetworkParameters, useWebmesh } from '@webmeshproject/vue';
+import { useDaemonStore } from 'src/stores/daemon';
 
 const NewConnectionTitle = 'New Connection Profile';
 const EditConnectionTitle = 'Edit Connection Profile';
@@ -609,7 +608,7 @@ export default defineComponent({
   components: {},
   props: {
     current: {
-      type: Object as () => ConnectionProfile,
+      type: Object as () => NetworkParameters,
       required: false,
     },
   },
@@ -617,25 +616,40 @@ export default defineComponent({
   setup(props) {
     const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
       useDialogPluginComponent();
-    const profiles = useProfileStore();
+    const q = useQuasar();
+
+    const daemon = useDaemonStore();
+    const { networks, error } = useWebmesh(daemon.options);
+
+    watch(error, (err) => {
+      if (err && err.value?.message) {
+        q.notify({
+          type: 'negative',
+          message: 'Error communicating with daemon',
+          caption: err.value?.message,
+          position: 'top',
+          timeout: 3000,
+        });
+      }
+    });
+
     const isNewProfile = !props.current?.id;
     const title = isNewProfile ? NewConnectionTitle : EditConnectionTitle;
 
-    const profile = ref<ConnectionProfile>(
-      props.current
-        ? { ...props.current }
-        : { ...newDefaultConnectionProfile() }
+    const profile = ref<NetworkParameters>(
+      props.current ? { ...props.current } : Defaults.parameters()
     );
     const onReset = () =>
       (profile.value = props.current
         ? { ...props.current }
-        : { ...newDefaultConnectionProfile() });
+        : Defaults.parameters());
 
     const caCertRef = ref<QInput | null>(null);
     const tlsCertRef = ref<QInput | null>(null);
     const tlsKeyRef = ref<QInput | null>(null);
     const filePickerTarget = ref<QInput | null>(null);
     const filePickerRef = ref<QFile | null>(null);
+
     const pickTLSFile = () => {
       filePickerRef.value?.pickFiles();
     };
@@ -643,15 +657,15 @@ export default defineComponent({
       const reader = new FileReader();
       reader.onloadend = () => {
         if (filePickerTarget.value === caCertRef.value) {
-          profile.value.tls.caCertData = btoa(
+          profile.value.params.tls.caCertData = btoa(
             reader.result?.toString() || ''
           ) as string;
         } else if (filePickerTarget.value === tlsCertRef.value) {
-          profile.value.tls.certData = btoa(
+          profile.value.params.tls.certData = btoa(
             reader.result?.toString() || ''
           ) as string;
         } else if (filePickerTarget.value === tlsKeyRef.value) {
-          profile.value.tls.keyData = btoa(
+          profile.value.params.tls.keyData = btoa(
             reader.result?.toString() || ''
           ) as string;
         }
@@ -667,7 +681,8 @@ export default defineComponent({
       (value: string) => {
         if (isNewProfile) {
           return (
-            profiles.byName(value) === undefined || 'Profile name is taken'
+            networks.value.find((nw) => nw.id === value) &&
+            'Profile name is taken'
           );
         }
         return true;
@@ -685,14 +700,12 @@ export default defineComponent({
     return {
       Feature,
       AuthHeader,
+      Defaults,
       DefaultNetworkACL,
-      DefaultMeshDomain,
-      DefaultMeshIPv4Network,
       NetworkAuthMethod,
       title,
       isNewProfile,
       profile,
-      profiles,
       dialogRef,
       filePickerTarget,
       filePickerRef,
diff --git a/src/components/ConnectionProfileView.vue b/src/components/ConnectionProfileView.vue
index 55593b2..dea51a7 100644
--- a/src/components/ConnectionProfileView.vue
+++ b/src/components/ConnectionProfileView.vue
@@ -64,25 +64,25 @@
         <div class="q-px-md">
           <div>
             <strong class="q-px-sm">Node FQDN:</strong>
-            {{ connectionStatus.node?.id }}.{{ connectionDetails.meshDomain }}.
+            {{ network?.fqdn }}.
           </div>
           <div>
             <strong class="q-px-sm">IPv4 Address:</strong>
-            {{ connectionDetails.ipv4Address }}
+            {{ network?.ipv4Address }}
             <strong class="q-px-sm">IPv6 Address:</strong>
-            {{ connectionDetails.ipv6Address }}
+            {{ network?.ipv6Address }}
           </div>
           <div>
             <strong class="q-px-sm">IPv4 Network:</strong>
-            {{ connectionDetails.ipv4Network }}
+            {{ network?.ipv4Network }}
             <strong class="q-px-sm">IPv6 Network:</strong>
-            {{ connectionDetails.ipv6Network }}
+            {{ network?.ipv6Network }}
           </div>
           <div>
             <strong class="q-px-sm">Total Transmit:</strong>
-            {{ interfaceMetrics.totalTransmitBytes }}
+            {{ interfaceMetrics.value?.totalTransmitBytes }}
             <strong class="q-px-sm">Total Receive:</strong>
-            {{ interfaceMetrics.totalReceiveBytes }}
+            {{ interfaceMetrics.value?.totalReceiveBytes }}
           </div>
         </div>
       </q-expansion-item>
@@ -96,17 +96,11 @@
 </style>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, watch } from 'vue';
 import { useQuasar } from 'quasar';
-import {
-  ConnectRequest,
-  ConnectResponse,
-  ConnectionStatus,
-  DaemonConnStatus,
-} from '@webmesh/api/ts/v1/app_pb';
-import { InterfaceMetrics } from '@webmesh/api/ts/v1/node_pb';
-import { ConnectionProfile } from '../stores/profiles';
-import { useClientStore } from '../stores/client';
+import { DaemonConnStatus } from '@webmeshproject/api/v1/app_pb';
+import { Network, NetworkParameters, useWebmesh } from '@webmeshproject/vue';
+import { useDaemonStore } from 'src/stores/daemon';
 
 export default defineComponent({
   name: 'ConnectionProfileView',
@@ -114,7 +108,7 @@ export default defineComponent({
   emits: ['edit', 'delete', 'export'],
   props: {
     profile: {
-      type: Object as () => ConnectionProfile,
+      type: Object as () => NetworkParameters,
       required: true,
     },
   },
@@ -146,26 +140,34 @@ export default defineComponent({
   },
   setup(props) {
     const q = useQuasar();
-    const client = useClientStore();
+    const daemon = useDaemonStore();
+    const { connect, disconnect, metrics, getNetwork, error } = useWebmesh(
+      daemon.options
+    );
+    const network = ref<Network | null>(null);
     const connected = ref<boolean | null>(false);
-    const connectionDetails = ref<ConnectResponse>(new ConnectResponse());
-    const connectionStatus = ref<ConnectionStatus>(new ConnectionStatus());
-    const interfaceMetrics = ref<InterfaceMetrics>(new InterfaceMetrics());
+    const interfaceMetrics = metrics(props.profile.id);
 
     const handleDaemonError = (err: Error, msg: string) => {
-      console.log('Error communicating with daemon', err);
+      console.log(msg, err);
       q.notify({
         type: 'negative',
         message: msg,
+        caption: err.message,
       });
     };
 
+    watch(error, (err) => {
+      if (err && err.value?.message) {
+        handleDaemonError(err.value, 'Error communicating with daemon');
+      }
+    });
+
     const getConnectionStatus = (): Promise<boolean | null> => {
       return new Promise((resolve) => {
-        client
-          .status(props.profile.id)
-          .then((status: ConnectionStatus) => {
-            switch (status.connectionStatus) {
+        getNetwork(props.profile.id)
+          .then((nw: Network) => {
+            switch (nw.status) {
               case DaemonConnStatus.DISCONNECTED:
                 resolve(false);
                 break;
@@ -178,59 +180,35 @@ export default defineComponent({
             }
           })
           .catch((err: Error) => {
-            handleDaemonError(err, 'Error communicating with daemon');
+            handleDaemonError(err, 'Error retrieving connection status');
             resolve(false);
           });
       });
     };
 
-    let statusUnsubscribe: NodeJS.Timeout;
-
     const onClickConnectSwitch = (newValue: boolean | null) => {
       switch (newValue) {
         case false:
           // We are switching to disconnected from connected
           console.log('Disconnecting from profile', props.profile.id);
-          if (statusUnsubscribe) {
-            clearInterval(statusUnsubscribe);
-          }
           connected.value = null;
-          client
-            .disconnect(props.profile.id)
+          disconnect(props.profile.id)
             .catch((err: Error) => {
               handleDaemonError(err, 'Error disconnecting from profile');
             })
             .finally(() => {
               connected.value = false;
+              network.value = null;
             });
           break;
         case null:
           // We are switching to connecting from disconnected
           console.log('Connecting to profile', props.profile.id);
           connected.value = null;
-          client
-            .connect(new ConnectRequest(props.profile))
-            .then((res: ConnectResponse) => {
-              connectionDetails.value = res;
+          connect({ id: props.profile.id })
+            .then((res: Network) => {
+              network.value = res;
               connected.value = true;
-              client
-                .status(props.profile.id)
-                .then((status) => {
-                  connectionStatus.value = status;
-                })
-                .catch((err: Error) => {
-                  handleDaemonError(err, 'Error getting connection status');
-                });
-              statusUnsubscribe = setInterval(() => {
-                client
-                  .metrics(props.profile.id)
-                  .then((metrics: InterfaceMetrics) => {
-                    interfaceMetrics.value = metrics;
-                  })
-                  .catch((err: Error) => {
-                    handleDaemonError(err, 'Error getting interface metrics');
-                  });
-              }, 3000);
             })
             .catch((err: Error) => {
               handleDaemonError(err, 'Error connecting to profile');
@@ -250,8 +228,7 @@ export default defineComponent({
 
     return {
       connected,
-      connectionDetails,
-      connectionStatus,
+      network,
       interfaceMetrics,
       onClickConnectSwitch,
     };
diff --git a/src/components/DaemonAddressInput.vue b/src/components/DaemonAddressInput.vue
index 4df6a95..3144872 100644
--- a/src/components/DaemonAddressInput.vue
+++ b/src/components/DaemonAddressInput.vue
@@ -21,22 +21,22 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
-import { DefaultDaemonAddress, useClientStore } from '../stores/client';
+import { Defaults } from '@webmeshproject/vue';
+import { useDaemonStore } from 'src/stores/daemon';
 
 export default defineComponent({
   name: 'DaemonAddressInput',
   setup() {
-    const clientSettings = useClientStore();
-    const daemonAddress = ref<string>(clientSettings.daemonAddress);
+    const daemon = useDaemonStore();
+    const daemonAddress = ref<string>(daemon.address);
     const onUpdate = () => {
-      clientSettings.setDaemonAddress(daemonAddress.value);
+      daemon.setAddress(daemonAddress.value);
     };
     const onReset = () => {
-      daemonAddress.value = DefaultDaemonAddress;
+      daemonAddress.value = Defaults.daemonAddress;
       onUpdate();
     };
     return {
-      DefaultDaemonAddress,
       daemonAddress,
       onUpdate,
       onReset,
diff --git a/src/components/DaemonInfoDialog.vue b/src/components/DaemonInfoDialog.vue
index 92a7e1a..3165215 100644
--- a/src/components/DaemonInfoDialog.vue
+++ b/src/components/DaemonInfoDialog.vue
@@ -38,9 +38,9 @@
 <script lang="ts">
 import { defineComponent, ref, onMounted } from 'vue';
 import { useQuasar, useDialogPluginComponent } from 'quasar';
-import { DaemonStatus } from '@webmesh/api/ts/v1/app_pb';
-
-import { useClientStore } from 'src/stores/client';
+import { DaemonStatus } from '@webmeshproject/api/v1/app_pb';
+import { useWebmesh } from '@webmeshproject/vue';
+import { useDaemonStore } from 'src/stores/daemon';
 
 export default defineComponent({
   name: 'DaemonInfoDialog',
@@ -50,10 +50,11 @@ export default defineComponent({
       useDialogPluginComponent();
     const loading = ref(true);
     const status = ref(new DaemonStatus());
-    const client = useClientStore();
+    const daemon = useDaemonStore();
+    const { daemonStatus } = useWebmesh(daemon.options);
     const q = useQuasar();
     onMounted(() => {
-      client.daemonStatus
+      daemonStatus()
         .then((s) => {
           status.value = s;
         })
diff --git a/src/pages/MainPage.vue b/src/pages/MainPage.vue
index 65f4fe1..3deda6b 100644
--- a/src/pages/MainPage.vue
+++ b/src/pages/MainPage.vue
@@ -1,7 +1,7 @@
 <template>
   <q-page class="q-pa-md row justify-start">
     <q-list class="col-12">
-      <q-item v-if="profiles.profiles.length === 0">
+      <q-item v-if="networks.value.length === 0">
         <q-item-section>
           <div class="column items-center justify-evenly">
             <div class="text-h6">
@@ -19,12 +19,12 @@
         </q-item-section>
       </q-item>
       <q-item
-        v-for="profile in profiles.profiles"
+        v-for="profile in networks.value"
         :key="profile.id"
         class="q-pa-sm"
       >
         <connection-profile-view
-          :profile="profile"
+          :profile="profile.params"
           @edit="onEditProfile"
           @export="onExportProfile"
           @delete="onDeleteProfile"
@@ -70,14 +70,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, watch } from 'vue';
 import { QFile, useQuasar } from 'quasar';
-import { ConnectRequest } from '@webmesh/api/ts/v1/app_pb';
-import { useClientStore } from '../stores/client';
-import { ConnectionProfile, useProfileStore } from '../stores/profiles';
-
-import ConnectionProfileEditor from '../components/ConnectionProfileEditor.vue';
-import ConnectionProfileView from '../components/ConnectionProfileView.vue';
+import { NetworkParameters, useWebmesh } from '@webmeshproject/vue';
+import { useDaemonStore } from 'src/stores/daemon';
+import ConnectionProfileEditor from 'src/components/ConnectionProfileEditor.vue';
+import ConnectionProfileView from 'src/components/ConnectionProfileView.vue';
 
 export default defineComponent({
   name: 'MainPage',
@@ -91,18 +89,25 @@ export default defineComponent({
   },
   setup() {
     const q = useQuasar();
-    const client = useClientStore();
-    const profiles = useProfileStore();
+    const daemon = useDaemonStore();
+    const { putNetwork, drop, networks, error } = useWebmesh(daemon.options);
     const filePickerRef = ref<QFile | null>(null);
 
-    const onAddProfile = () => {
-      q.dialog({
-        component: ConnectionProfileEditor,
-      }).onOk((profile: ConnectionProfile) => {
-        profiles.put(profile);
+    const handleDaemonError = (err: Error, msg: string) => {
+      console.log(msg, err);
+      q.notify({
+        type: 'negative',
+        message: msg,
+        caption: err.message,
       });
     };
 
+    watch(error, (err) => {
+      if (err && err.value?.message) {
+        handleDaemonError(err.value, 'Error communicating with daemon');
+      }
+    });
+
     const onImportProfile = () => {
       filePickerRef.value?.pickFiles();
     };
@@ -111,23 +116,16 @@ export default defineComponent({
       const reader = new FileReader();
       reader.onloadend = () => {
         const json = reader.result as string;
-        const profile = ConnectRequest.fromJsonString(json);
-        profiles.put({ ...profile } as ConnectionProfile);
+        const profile = JSON.parse(json) as NetworkParameters;
+        putNetwork(profile).catch((err: Error) => {
+          handleDaemonError(err, 'Error importing profile');
+        });
       };
       reader.readAsText(file);
     };
 
-    const onEditProfile = (profile: ConnectionProfile) => {
-      q.dialog({
-        component: ConnectionProfileEditor,
-        componentProps: { current: profile },
-      }).onOk((profile: ConnectionProfile) => {
-        profiles.put(profile);
-      });
-    };
-
-    const onExportProfile = (profile: ConnectionProfile) => {
-      const exported = new ConnectRequest(profile).toJsonString();
+    const onExportProfile = (profile: NetworkParameters) => {
+      const exported = JSON.stringify(profile, null, 2);
       const a = document.createElement('a');
       a.className = 'hidden';
       document.body.appendChild(a);
@@ -139,15 +137,35 @@ export default defineComponent({
       window.URL.revokeObjectURL(url);
     };
 
-    const onDeleteProfile = (profile: ConnectionProfile) => {
+    const onAddProfile = () => {
+      q.dialog({
+        component: ConnectionProfileEditor,
+      }).onOk((profile: NetworkParameters) => {
+        putNetwork(profile).catch((err: Error) => {
+          handleDaemonError(err, 'Error creating profile');
+        });
+      });
+    };
+
+    const onEditProfile = (profile: NetworkParameters) => {
+      q.dialog({
+        component: ConnectionProfileEditor,
+        componentProps: { current: profile },
+      }).onOk((profile: NetworkParameters) => {
+        putNetwork(profile).catch((err: Error) => {
+          handleDaemonError(err, 'Error updating profile');
+        });
+      });
+    };
+
+    const onDeleteProfile = (profile: NetworkParameters) => {
       q.dialog({
         title: 'Delete Profile',
         message: `Are you sure you want to delete the profile ${profile.id}?`,
         cancel: true,
         persistent: true,
       }).onOk(() => {
-        profiles.delete(profile);
-        client.drop(profile.id).catch((err: Error) => {
+        drop(profile.id).catch((err: Error) => {
           console.log('Error communicating with daemon', err);
           q.notify({
             type: 'negative',
@@ -158,7 +176,7 @@ export default defineComponent({
     };
 
     return {
-      profiles,
+      networks,
       filePickerRef,
       onAddProfile,
       onImportProfile,
diff --git a/src/stores/client.ts b/src/stores/client.ts
deleted file mode 100644
index 613f81f..0000000
--- a/src/stores/client.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { defineStore } from 'pinia';
-import { Platform } from 'quasar';
-import {
-  Transport,
-  PromiseClient,
-  createPromiseClient,
-} from '@connectrpc/connect';
-import { createGrpcWebTransport } from '@connectrpc/connect-web';
-import { AppDaemon } from '@webmesh/api/ts/v1/app_connect';
-import {
-  ConnectRequest,
-  ConnectResponse,
-  ConnectionStatusResponse,
-  ConnectionStatus,
-  DaemonStatus,
-  MetricsResponse,
-} from '@webmesh/api/ts/v1/app_pb';
-import { InterfaceMetrics } from '@webmesh/api/ts/v1/node_pb';
-import { MeshNodes } from '@webmesh/api/ts/utils/rpcdb';
-
-export const DefaultDaemonAddress = '127.0.0.1:58080';
-
-export const useClientStore = defineStore('client', {
-  persist:
-    Platform.is.electron ||
-    Platform.is.nativeMobile ||
-    process.env.PERSIST_DATA === 'true',
-
-  state: () => ({
-    daemonAddr: DefaultDaemonAddress,
-  }),
-
-  getters: {
-    daemonAddress(state): string {
-      return state.daemonAddr;
-    },
-    transport(state): Transport {
-      return createGrpcWebTransport({
-        baseUrl: 'http://' + state.daemonAddr,
-      });
-    },
-    daemon(): PromiseClient<typeof AppDaemon> {
-      return createPromiseClient(AppDaemon, this.transport);
-    },
-    peers(): (profile: string) => MeshNodes {
-      return (profile) => new MeshNodes(this.daemon, profile);
-    },
-    status(): (profile: string) => Promise<ConnectionStatus> {
-      return (profile) => {
-        if (!profile) {
-          return Promise.reject(new Error('No profile specified'));
-        }
-        return new Promise((resolve, reject) => {
-          this.daemon
-            .connectionStatus({ ids: [profile] })
-            .then((res: ConnectionStatusResponse) =>
-              resolve(res.statuses[profile])
-            )
-            .catch((err: Error) => reject(err));
-        });
-      };
-    },
-    metrics(): (profile: string) => Promise<InterfaceMetrics> {
-      return (profile) => {
-        if (!profile) {
-          return Promise.reject(new Error('No profile specified'));
-        }
-        return new Promise((resolve, reject) => {
-          this.daemon
-            .metrics({ ids: [profile] })
-            .then((res: MetricsResponse) => resolve(res.interfaces[profile]))
-            .catch((err: Error) => reject(err));
-        });
-      };
-    },
-    daemonStatus(): Promise<DaemonStatus> {
-      return new Promise((resolve, reject) => {
-        this.daemon
-          .status({})
-          .then((res: DaemonStatus) => resolve(res))
-          .catch((err: Error) => reject(err));
-      });
-    },
-  },
-
-  actions: {
-    setDaemonAddress(addr: string) {
-      this.daemonAddr = addr;
-    },
-    drop(profile: string): Promise<void> {
-      if (!profile) {
-        return Promise.reject(new Error('No profile specified'));
-      }
-      return new Promise((resolve, reject) => {
-        this.daemon
-          .drop({ id: profile })
-          .then(() => resolve())
-          .catch((err: Error) => reject(err));
-      });
-    },
-    connect(req: ConnectRequest): Promise<ConnectResponse> {
-      return new Promise((resolve, reject) => {
-        this.daemon
-          .connect(req)
-          .then((res: ConnectResponse) => resolve(res))
-          .catch((err: Error) => reject(err));
-      });
-    },
-    disconnect(profile: string): Promise<void> {
-      if (!profile) {
-        return Promise.reject(new Error('No profile specified'));
-      }
-      return new Promise((resolve, reject) => {
-        this.daemon
-          .disconnect({ id: profile })
-          .then(() => resolve())
-          .catch((err: Error) => reject(err));
-      });
-    },
-  },
-});
diff --git a/src/stores/daemon.ts b/src/stores/daemon.ts
new file mode 100644
index 0000000..745e913
--- /dev/null
+++ b/src/stores/daemon.ts
@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia';
+import { Platform } from 'quasar';
+import { Defaults, Options } from '@webmeshproject/vue';
+
+export const useDaemonStore = defineStore('daemon', {
+  persist:
+    Platform.is.electron ||
+    Platform.is.nativeMobile ||
+    process.env.PERSIST_DATA === 'true',
+
+  state: () => ({
+    daemonAddress: Defaults.daemonAddress,
+  }),
+
+  getters: {
+    address(state): string {
+      return state.daemonAddress;
+    },
+    options(state): Options {
+      return new Options({ daemonAddress: state.daemonAddress });
+    },
+  },
+
+  actions: {
+    setAddress(address: string) {
+      this.daemonAddress = address;
+    },
+  },
+});
diff --git a/src/stores/profiles.ts b/src/stores/profiles.ts
deleted file mode 100644
index 67e1e91..0000000
--- a/src/stores/profiles.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { defineStore } from 'pinia';
-import { Platform } from 'quasar';
-import {
-  ConnectRequest,
-  NetworkAuthMethod,
-  MeshConnBootstrap_DefaultNetworkACL as DefaultNetworkACL,
-} from '@webmesh/api/ts/v1/app_pb';
-import { Feature } from '@webmesh/api/ts/v1/node_pb';
-import type { PartialMessage } from '@bufbuild/protobuf';
-
-export type RecursiveRequired<T> = Required<{
-  [P in keyof T]: T[P] extends object | undefined
-    ? RecursiveRequired<Required<T[P]>>
-    : T[P];
-}>;
-
-export type ConnectionProfile = RecursiveRequired<
-  PartialMessage<ConnectRequest>
->;
-
-export const DefaultAuthMethod = NetworkAuthMethod.NO_AUTH;
-export const DefaultMeshDomain = 'webmesh.internal';
-export const DefaultMeshIPv4Network = '172.16.0.0/12';
-export const DefaultNetworkACLPolicy = DefaultNetworkACL.ACCEPT;
-export const DefaultListenAddress = '[::]:8443';
-export const DefaultDNSListenUDP = '[::]:53';
-export const DefaultDNSListenTCP = '[::]:53';
-
-export function newDefaultConnectionProfile(): ConnectionProfile {
-  return {
-    id: '',
-    authMethod: DefaultAuthMethod,
-    authCredentials: {},
-    networking: {
-      detectEndpoints: false,
-      detectPrivateEndpoints: false,
-      useDNS: false,
-    },
-    bootstrap: {
-      enabled: false,
-      domain: DefaultMeshDomain,
-      ipv4Network: DefaultMeshIPv4Network,
-      rbacEnabled: false,
-      defaultNetworkACL: DefaultNetworkACLPolicy,
-    },
-    tls: {
-      enabled: false,
-      skipVerify: false,
-      verifyChainOnly: false,
-    },
-    services: {
-      enabled: false,
-      listenAddress: DefaultListenAddress,
-      features: [] as Feature[],
-      dns: {
-        enabled: false,
-        listenUDP: DefaultDNSListenUDP,
-        listenTCP: DefaultDNSListenTCP,
-      },
-    },
-  } as ConnectionProfile;
-}
-
-export const useProfileStore = defineStore('profiles', {
-  persist:
-    Platform.is.electron ||
-    Platform.is.nativeMobile ||
-    process.env.PERSIST_DATA === 'true',
-
-  state: () => ({
-    connectionProfiles: [] as ConnectionProfile[],
-  }),
-
-  getters: {
-    profiles(state): ConnectionProfile[] {
-      return state.connectionProfiles;
-    },
-    byName(state): (name: string) => ConnectionProfile | undefined {
-      return (name: string) =>
-        state.connectionProfiles.find((p) => p.id === name);
-    },
-  },
-
-  actions: {
-    put(profile: ConnectionProfile) {
-      if (!profile.id) {
-        throw new Error('Profile must have an ID');
-      }
-      const existing = this.byName(profile.id);
-      if (existing) {
-        const index = this.profiles.indexOf(existing);
-        if (index > -1) {
-          this.profiles.splice(index, 1, profile);
-        }
-      } else {
-        this.profiles.push(profile);
-      }
-    },
-    delete(profile: ConnectionProfile) {
-      const index = this.profiles.indexOf(profile);
-      if (index > -1) {
-        this.profiles.splice(index, 1);
-      }
-    },
-    deleteByName(name: string) {
-      const profile = this.byName(name);
-      if (profile) {
-        this.delete(profile);
-      }
-    },
-  },
-});
diff --git a/yarn.lock b/yarn.lock
index d021128..2133d18 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -98,121 +98,11 @@
     minimatch "^3.0.4"
     plist "^3.0.4"
 
-"@esbuild/android-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
-  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
-
-"@esbuild/android-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
-  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
-
-"@esbuild/android-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
-  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
-
-"@esbuild/darwin-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
-  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
-
-"@esbuild/darwin-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
-  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
-
-"@esbuild/freebsd-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
-  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
-
-"@esbuild/freebsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
-  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
-
-"@esbuild/linux-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
-  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
-
-"@esbuild/linux-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
-  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
-
-"@esbuild/linux-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
-  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
-
 "@esbuild/linux-loong64@0.14.54":
   version "0.14.54"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
   integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
 
-"@esbuild/linux-loong64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
-  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
-
-"@esbuild/linux-mips64el@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
-  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
-
-"@esbuild/linux-ppc64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
-  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
-
-"@esbuild/linux-riscv64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
-  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
-
-"@esbuild/linux-s390x@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
-  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
-
-"@esbuild/linux-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
-  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
-
-"@esbuild/netbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
-  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
-
-"@esbuild/openbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
-  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
-
-"@esbuild/sunos-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
-  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
-
-"@esbuild/win32-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
-  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
-
-"@esbuild/win32-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
-  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
-
-"@esbuild/win32-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
-  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
-
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -704,6 +594,16 @@
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
+"@vue/compiler-core@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.3.8.tgz#301bb60d0245265a88ed5b30e200fbf223acb313"
+  integrity sha512-hN/NNBUECw8SusQvDSqqcVv6gWq8L6iAktUR0UF3vGu2OhzRqcOiAno0FmBJWwxhYEXRlQJT5XnoKsVq1WZx4g==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/shared" "3.3.8"
+    estree-walker "^2.0.2"
+    source-map-js "^1.0.2"
+
 "@vue/compiler-dom@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.3.7.tgz#a245aa03f9bfcdb537a239bf02842072de0644c9"
@@ -712,6 +612,14 @@
     "@vue/compiler-core" "3.3.7"
     "@vue/shared" "3.3.7"
 
+"@vue/compiler-dom@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.3.8.tgz#09d832514b9b8d9415a3816b065d69dbefcc7e9b"
+  integrity sha512-+PPtv+p/nWDd0AvJu3w8HS0RIm/C6VGBIRe24b9hSyNWOAPEUosFZ5diwawwP8ip5sJ8n0Pe87TNNNHnvjs0FQ==
+  dependencies:
+    "@vue/compiler-core" "3.3.8"
+    "@vue/shared" "3.3.8"
+
 "@vue/compiler-sfc@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.3.7.tgz#219d04b3013c7b15fbc536e2279e07810b731cc2"
@@ -728,6 +636,22 @@
     postcss "^8.4.31"
     source-map-js "^1.0.2"
 
+"@vue/compiler-sfc@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.3.8.tgz#40b18e48aa00260950964d1d72157668521be0e1"
+  integrity sha512-WMzbUrlTjfYF8joyT84HfwwXo+8WPALuPxhy+BZ6R4Aafls+jDBnSz8PDz60uFhuqFbl3HxRfxvDzrUf3THwpA==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/compiler-core" "3.3.8"
+    "@vue/compiler-dom" "3.3.8"
+    "@vue/compiler-ssr" "3.3.8"
+    "@vue/reactivity-transform" "3.3.8"
+    "@vue/shared" "3.3.8"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.5"
+    postcss "^8.4.31"
+    source-map-js "^1.0.2"
+
 "@vue/compiler-ssr@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.3.7.tgz#eff4a70f7ceb800d60e68d208b96a030c0f1b636"
@@ -736,6 +660,14 @@
     "@vue/compiler-dom" "3.3.7"
     "@vue/shared" "3.3.7"
 
+"@vue/compiler-ssr@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.3.8.tgz#136eed54411e4694815d961048a237191063fbce"
+  integrity sha512-hXCqQL/15kMVDBuoBYpUnSYT8doDNwsjvm3jTefnXr+ytn294ySnT8NlsFHmTgKNjwpuFy7XVV8yTeLtNl/P6w==
+  dependencies:
+    "@vue/compiler-dom" "3.3.8"
+    "@vue/shared" "3.3.8"
+
 "@vue/devtools-api@^6.5.0":
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.1.tgz#7f71f31e40973eeee65b9a64382b13593fdbd697"
@@ -752,6 +684,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.30.5"
 
+"@vue/reactivity-transform@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.3.8.tgz#6d07649013b0be5c670f0ab6cc7ddd3150ad03f2"
+  integrity sha512-49CvBzmZNtcHua0XJ7GdGifM8GOXoUMOX4dD40Y5DxI3R8OUhMlvf2nvgUAcPxaXiV5MQQ1Nwy09ADpnLQUqRw==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/compiler-core" "3.3.8"
+    "@vue/shared" "3.3.8"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.5"
+
 "@vue/reactivity@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.3.7.tgz#48b6671a45ba33039da2c0eb25ae702f924486a9"
@@ -759,6 +702,13 @@
   dependencies:
     "@vue/shared" "3.3.7"
 
+"@vue/reactivity@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.3.8.tgz#cce8a03a3fd3539c3eeda53e277ba365d160dd4d"
+  integrity sha512-ctLWitmFBu6mtddPyOKpHg8+5ahouoTCRtmAHZAXmolDtuZXfjL2T3OJ6DL6ezBPQB1SmMnpzjiWjCiMYmpIuw==
+  dependencies:
+    "@vue/shared" "3.3.8"
+
 "@vue/runtime-core@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.3.7.tgz#c1eece1c98f936dc69dd0667d11b464579b128fd"
@@ -767,6 +717,14 @@
     "@vue/reactivity" "3.3.7"
     "@vue/shared" "3.3.7"
 
+"@vue/runtime-core@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.3.8.tgz#fba5a632cbf2b5d29e171489570149cb6975dcdb"
+  integrity sha512-qurzOlb6q26KWQ/8IShHkMDOuJkQnQcTIp1sdP4I9MbCf9FJeGVRXJFr2mF+6bXh/3Zjr9TDgURXrsCr9bfjUw==
+  dependencies:
+    "@vue/reactivity" "3.3.8"
+    "@vue/shared" "3.3.8"
+
 "@vue/runtime-dom@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.3.7.tgz#e7cf88cc01591fdf6e3164825554fdadc3137ffc"
@@ -776,6 +734,15 @@
     "@vue/shared" "3.3.7"
     csstype "^3.1.2"
 
+"@vue/runtime-dom@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.3.8.tgz#e2d7aa795cf50914dda9a951887765a594b38af4"
+  integrity sha512-Noy5yM5UIf9UeFoowBVgghyGGPIDPy1Qlqt0yVsUdAVbqI8eeMSsTqBtauaEoT2UFXUk5S64aWVNJN4MJ2vRdA==
+  dependencies:
+    "@vue/runtime-core" "3.3.8"
+    "@vue/shared" "3.3.8"
+    csstype "^3.1.2"
+
 "@vue/server-renderer@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.3.7.tgz#0cc3dc6ad39a54693e6e8f853caa3c7bb43b0364"
@@ -784,19 +751,41 @@
     "@vue/compiler-ssr" "3.3.7"
     "@vue/shared" "3.3.7"
 
+"@vue/server-renderer@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.3.8.tgz#9b1779010e75783edeed8fcfb97d9c95fc3ac5d2"
+  integrity sha512-zVCUw7RFskvPuNlPn/8xISbrf0zTWsTSdYTsUTN1ERGGZGVnRxM2QZ3x1OR32+vwkkCm0IW6HmJ49IsPm7ilLg==
+  dependencies:
+    "@vue/compiler-ssr" "3.3.8"
+    "@vue/shared" "3.3.8"
+
 "@vue/shared@3.3.7":
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.7.tgz#0091852fe5cc4237c8440fe32f3ab6bc920ae6d9"
   integrity sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg==
 
-"@webmesh/api@https://github.com/webmeshproj/api#v0.11.2":
-  version "1.0.0"
-  resolved "https://github.com/webmeshproj/api#44868283d39704fd8ef47a9e846814803fd5f16c"
+"@vue/shared@3.3.8":
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.8.tgz#f044942142e1d3a395f24132e6203a784838542d"
+  integrity sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw==
+
+"@webmeshproject/api@^0.12.2":
+  version "0.12.2"
+  resolved "https://registry.yarnpkg.com/@webmeshproject/api/-/api-0.12.2.tgz#60f08bc104c4a379968b6585bf11eba92f02d862"
+  integrity sha512-jUCAph0wgnZFKj93s5Cfsqi31YZxZixebC8/+fB+3HSN/EYwsNdm0j4yXXeog3lSdPkW82uxbrRCuCIGGLmE/g==
   dependencies:
     "@bufbuild/protobuf" "^1.4.1"
     "@connectrpc/connect" "^1.1.3"
-    tsx "^3.14.0"
-    typescript "^5.2.2"
+
+"@webmeshproject/vue@^0.0.3":
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/@webmeshproject/vue/-/vue-0.0.3.tgz#e415baa9191b7c5061bb21a39bd32f1a21967a11"
+  integrity sha512-Z6SXnT/dqds9DNtpu3UEs7L5yTiN4IvNghbH7fvQj3QjsIPzFoTfcnki10qb1Nzp77QZ05SiutHQO111IdtnOg==
+  dependencies:
+    "@connectrpc/connect" "^1.1.3"
+    "@connectrpc/connect-web" "^1.1.3"
+    "@webmeshproject/api" "^0.12.2"
+    vue "^3.3.0"
 
 "@xmldom/xmldom@^0.8.8":
   version "0.8.10"
@@ -1979,34 +1968,6 @@ esbuild@^0.14.27:
     esbuild-windows-64 "0.14.54"
     esbuild-windows-arm64 "0.14.54"
 
-esbuild@~0.18.20:
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
-  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.18.20"
-    "@esbuild/android-arm64" "0.18.20"
-    "@esbuild/android-x64" "0.18.20"
-    "@esbuild/darwin-arm64" "0.18.20"
-    "@esbuild/darwin-x64" "0.18.20"
-    "@esbuild/freebsd-arm64" "0.18.20"
-    "@esbuild/freebsd-x64" "0.18.20"
-    "@esbuild/linux-arm" "0.18.20"
-    "@esbuild/linux-arm64" "0.18.20"
-    "@esbuild/linux-ia32" "0.18.20"
-    "@esbuild/linux-loong64" "0.18.20"
-    "@esbuild/linux-mips64el" "0.18.20"
-    "@esbuild/linux-ppc64" "0.18.20"
-    "@esbuild/linux-riscv64" "0.18.20"
-    "@esbuild/linux-s390x" "0.18.20"
-    "@esbuild/linux-x64" "0.18.20"
-    "@esbuild/netbsd-x64" "0.18.20"
-    "@esbuild/openbsd-x64" "0.18.20"
-    "@esbuild/sunos-x64" "0.18.20"
-    "@esbuild/win32-arm64" "0.18.20"
-    "@esbuild/win32-ia32" "0.18.20"
-    "@esbuild/win32-x64" "0.18.20"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -2417,7 +2378,7 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@~2.3.2, fsevents@~2.3.3:
+fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
@@ -2449,13 +2410,6 @@ get-stream@^5.1.0:
   dependencies:
     pump "^3.0.0"
 
-get-tsconfig@^4.7.2:
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.7.2.tgz#0dcd6fb330391d46332f4c6c1bf89a6514c2ddce"
-  integrity sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==
-  dependencies:
-    resolve-pkg-maps "^1.0.0"
-
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -3589,11 +3543,6 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-pkg-maps@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
-  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
-
 resolve@^1.22.0:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
@@ -3870,7 +3819,7 @@ source-map-js@^1.0.2:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-support@^0.5.19, source-map-support@^0.5.21:
+source-map-support@^0.5.19:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -4071,17 +4020,6 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
-tsx@^3.14.0:
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/tsx/-/tsx-3.14.0.tgz#be6e2176b6f210fe8f48124fb6e22e0f075e927b"
-  integrity sha512-xHtFaKtHxM9LOklMmJdI3BEnQq/D5F73Of2E1GDrITi9sgoVkvIsrQUTY1G8FlmGtA+awCI4EBlTRRYxkL2sRg==
-  dependencies:
-    esbuild "~0.18.20"
-    get-tsconfig "^4.7.2"
-    source-map-support "^0.5.21"
-  optionalDependencies:
-    fsevents "~2.3.3"
-
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -4117,11 +4055,6 @@ typescript@^4.0.2, typescript@^4.5.4:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
   integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 
-typescript@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
-  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
-
 uglify-js@^3.5.1:
   version "3.17.4"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
@@ -4244,6 +4177,17 @@ vue@^3.0.0:
     "@vue/server-renderer" "3.3.7"
     "@vue/shared" "3.3.7"
 
+vue@^3.3.0:
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.3.8.tgz#532ff071af24f6a69e5ecc53a66858a9ee874ffc"
+  integrity sha512-5VSX/3DabBikOXMsxzlW8JyfeLKlG9mzqnWgLQLty88vdZL7ZJgrdgBOmrArwxiLtmS+lNNpPcBYqrhE6TQW5w==
+  dependencies:
+    "@vue/compiler-dom" "3.3.8"
+    "@vue/compiler-sfc" "3.3.8"
+    "@vue/runtime-dom" "3.3.8"
+    "@vue/server-renderer" "3.3.8"
+    "@vue/shared" "3.3.8"
+
 wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"