diff --git a/package-lock.json b/package-lock.json
index 6ed14f0..818a548 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -920,9 +920,9 @@
       }
     },
     "node_modules/@lightningrodlabs/we-applet": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@lightningrodlabs/we-applet/-/we-applet-0.12.0.tgz",
-      "integrity": "sha512-pDUUNIehlk6RouYPGWgx2pssYfBp8cwRrvhFNnjO4cpUWg7YGLtAUwfVaTaG6q2BPZL3ZcjNruQHHy2bQu6RRQ==",
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@lightningrodlabs/we-applet/-/we-applet-0.12.2.tgz",
+      "integrity": "sha512-o4q91qgSPvGobZag5l2gaSJECGPVjumBjYAKDZzYwutg2TE4SWbVmZY2LXbmz2h7LBYE9JWsuJIFn/sKZZux+g==",
       "dependencies": {
         "@holochain/client": "0.16.6"
       }
@@ -9768,7 +9768,7 @@
         "@holochain-open-dev/stores": "^0.8.3",
         "@holochain-open-dev/utils": "^0.16.0",
         "@holochain/client": "0.16",
-        "@lightningrodlabs/we-applet": "0.12.0",
+        "@lightningrodlabs/we-applet": "^0.12.2",
         "@lit/context": "^1.0.0",
         "@lit/localize": "^0.12.0",
         "@open-wc/scoped-elements": "^2.1.4",
diff --git a/package.json b/package.json
index 746eb8f..a05200d 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,8 @@
     "start": "AGENTS=2 BOOTSTRAP_PORT=$(port) SIGNAL_PORT=$(port) npm run network",
     "dev": "VITE_ADMIN_PORT=$(port) VITE_APP_PORT=$(port) SIGNAL_PORT=$(port) BOOTSTRAP_PORT=$(port) UI_PORT=8888 npm run x",
     "x": "hc s clean &&  npm run build:happ && UI_PORT=8888 concurrently \"npm start -w ui\" \"npm run start:happ\" \"hc run-local-services -b $BOOTSTRAP_PORT -s $SIGNAL_PORT\"",
+    "applet-dev": " UI_PORT=8888 npm run applet-devx",
+    "applet-devx": "BPORT=46263 SPORT=46262; concurrently \"hc run-local-services -b $BPORT -s $SPORT\" \"npm start -w ui\" \"./we_dev/we.AppImage  --dev-config we_dev/config.json --agent-num 1 -b http://127.0.0.1:$BPORT -s ws://127.0.0.1:$SPORT\" \"sleep 10 && ./we_dev/we.AppImage --dev-config we_dev/config.json --agent-num 2 -b http://127.0.0.1:$BPORT -s ws://127.0.0.1:$SPORT\"",
     "network": "hc s clean && npm run build:happ && UI_PORT=8888 concurrently \"npm start -w ui\" \"npm run launch:happ\" \"holochain-playground\"",
     "test": "npm run build:zomes && hc app pack workdir --recursive && npm t -w tests",
     "launch:happ": "concurrently \"hc run-local-services --bootstrap-port $BOOTSTRAP_PORT --signal-port $SIGNAL_PORT\" \"echo pass | RUST_LOG=warn hc launch --piped -n $AGENTS workdir/how.happ --ui-port $UI_PORT network --bootstrap http://127.0.0.1:\"$BOOTSTRAP_PORT\" webrtc ws://127.0.0.1:\"$SIGNAL_PORT\"\"",   
diff --git a/ui/package.json b/ui/package.json
index f94bc17..52e8f55 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -21,7 +21,7 @@
     "@holochain-open-dev/stores": "^0.8.3",
     "@holochain-open-dev/utils": "^0.16.0",
     "@holochain/client": "0.16",
-    "@lightningrodlabs/we-applet": "0.12.0",
+    "@lightningrodlabs/we-applet": "^0.12.2",
     "@lit/context": "^1.0.0",
     "@lit/localize": "^0.12.0",
     "lit": "^3.0.0",
diff --git a/ui/src/elements/how-controller.ts b/ui/src/elements/how-controller.ts
index 0604436..201a24c 100644
--- a/ui/src/elements/how-controller.ts
+++ b/ui/src/elements/how-controller.ts
@@ -40,6 +40,7 @@ import {EntryHashB64, encodeHashToBase64} from "@holochain/client";
 import { consume } from '@lit/context';
 import { HowMyProfileDialog } from "./how-my-profile-dialog";
 import { EntryRecord } from "@holochain-open-dev/utils";
+import { isWeContext } from "@lightningrodlabs/we-applet";
 //import { HowSettings } from "./how-settings";
 //import './how-settings.js';
 
@@ -603,7 +604,7 @@ export class HowController extends ScopedElementsMixin(LitElement) {
     <div id="top-bar" class="row">
       <div id="top-bar-title">How ${this._currentUnitEh ? ` - ${this._units.value[this._currentUnitEh].shortName}` : ''}</div>
       <mwc-icon-button icon="view_module"  @click=${this.toggleTreeType}></mwc-icon-button>
-      <mwc-icon-button icon="account_circle" @click=${() => {this._myProfileDialog.open()}}></mwc-icon-button>
+      ${!isWeContext() ? html`<mwc-icon-button icon="account_circle" @click=${() => {this._myProfileDialog.open()}}></mwc-icon-button>`:''}
       <mwc-icon-button icon="settings" @click=${() => {this._settings.show()}}></mwc-icon-button>
     </div>
 
@@ -615,7 +616,7 @@ export class HowController extends ScopedElementsMixin(LitElement) {
       ${document}    
     </div>
     <how-unit-dialog id="unit-dialog"
-                        @unit-added=${(e:any)=>{this.handleNodeSelected(e); this.refresh();}}>
+      @unit-added=${(e:any)=>{this.handleNodeSelected(e); this.refresh();}}>
     </how-unit-dialog>
   </div>
 
diff --git a/ui/src/holochain-app.ts b/ui/src/holochain-app.ts
index 7a6a40e..9ffc0d2 100644
--- a/ui/src/holochain-app.ts
+++ b/ui/src/holochain-app.ts
@@ -28,7 +28,7 @@ import {howContext} from "./types"
 import { localized, msg } from '@lit/localize';
 
 import { ScopedElementsMixin } from "@open-wc/scoped-elements";
-import { WeClient, isWeContext } from '@lightningrodlabs/we-applet';
+import { WeClient, isWeContext, initializeHotReload } from '@lightningrodlabs/we-applet';
 
 const appId = 'how'
 
@@ -57,6 +57,13 @@ export class HolochainApp extends ScopedElementsMixin(LitElement) {
       avatarMode: "avatar-optional",
       additionalFields: [], // "Location","Hashtags", "Bio"// Custom app level profile fields
     };
+    if ((import.meta as any).env.DEV) {
+      try {
+        await initializeHotReload();
+      } catch (e) {
+        console.warn("Could not initialize applet hot-reloading. This is only expected to work in a We context in dev mode.")
+      }
+    }
 
     if (!isWeContext()) {
       const adminPort : string = import.meta.env.VITE_ADMIN_PORT