diff --git a/package-lock.json b/package-lock.json
index 19daa3982..e1a5f1423 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "concurrently": "^6.2.1",
         "gh-pages": "^3.2.3",
         "lit-html": "^2.6.1",
+        "new-port-cli": "^1.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "storybook": "^7.0.0-beta.33"
@@ -2475,11 +2476,12 @@
       "integrity": "sha512-Dn5pTV/m3XaK1Zvq3liw/vQUt7goM7Y84x2zUyH8cb9CNMs4kPCNHs3kalbJZ/ymzFvwcdiLwwNW8AKk+WWN5A=="
     },
     "node_modules/@holochain-open-dev/elements": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@holochain-open-dev/elements/-/elements-0.8.0.tgz",
-      "integrity": "sha512-AhDx9nsuGNYdudPaa1nz2v8tnCWqFped6JNYPnOPBXps4o9UkJgV0B28NLpJVau3QYKY+fs54HXt5OXWjd6dcQ==",
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/@holochain-open-dev/elements/-/elements-0.8.3.tgz",
+      "integrity": "sha512-NbnrzGbD3w0YkN4y5zymK3TZGWqNeZj5nA1YqLkvpciV2X/j3EWR5JptyePUHSxFFW37fb8bJlgsWtG33wc0mw==",
       "dependencies": {
         "@holo-host/identicon": "^0.1.0",
+        "@holochain-open-dev/stores": "^0.7.12",
         "@holochain/client": "^0.16.0",
         "@lit/localize": "^0.12.0",
         "@mdi/js": "^7.1.96",
@@ -12997,6 +12999,26 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "node_modules/new-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/new-port/-/new-port-1.0.0.tgz",
+      "integrity": "sha512-2rEL1cZj78LekYSfYHDGP7lIhrCauYbPy92QvEyfJcNzrXIuDjEMWlpxrgGic2BNM7S+viHn8ajuYx0b9UlJJQ==",
+      "dev": true
+    },
+    "node_modules/new-port-cli": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/new-port-cli/-/new-port-cli-1.0.0.tgz",
+      "integrity": "sha512-9uMPTw2loJJ5423n4GT2uW7y12IeqiLiuUsNaXHZb3pBWNQ/pCnSi8nJ/EHBEBO58FQszvH2YCMDoCh7pnXN4Q==",
+      "dev": true,
+      "dependencies": {
+        "new-port": "^1.0.0"
+      },
+      "bin": {
+        "new-port": "bin/port.js",
+        "newport": "bin/port.js",
+        "port": "bin/port.js"
+      }
+    },
     "node_modules/nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -17749,10 +17771,10 @@
     },
     "ui": {
       "name": "@holochain-open-dev/profiles",
-      "version": "0.17.1",
+      "version": "0.17.2",
       "license": "MIT",
       "dependencies": {
-        "@holochain-open-dev/elements": "^0.8.0",
+        "@holochain-open-dev/elements": "^0.8.3",
         "@holochain-open-dev/stores": "^0.7.12",
         "@holochain-open-dev/utils": "^0.16.2",
         "@holochain/client": "^0.16.0",
diff --git a/ui/package.json b/ui/package.json
index 786f5ec73..7e169a3e3 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -27,7 +27,7 @@
     "localize:build": "lit-localize build"
   },
   "dependencies": {
-    "@holochain-open-dev/elements": "^0.8.0",
+    "@holochain-open-dev/elements": "^0.8.3",
     "@holochain-open-dev/stores": "^0.7.12",
     "@holochain-open-dev/utils": "^0.16.2",
     "@holochain/client": "^0.16.0",
diff --git a/ui/src/elements/profile-prompt.ts b/ui/src/elements/profile-prompt.ts
index 3db52475a..7964787f6 100644
--- a/ui/src/elements/profile-prompt.ts
+++ b/ui/src/elements/profile-prompt.ts
@@ -76,44 +76,3 @@ export class ProfilePrompt extends LitElement {
     ];
   }
 }
-
-export function withSpinnerAndDisplayError<T>(renderers: {
-  completed: (value: T) => TemplateResult;
-  error: ((error: any) => TemplateResult) | { label: string; tooltip: boolean };
-}) {
-  return (status: AsyncStatus<T>) =>
-    renderAsyncStatus(status, {
-      pending: () => html`<div
-        style="display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1;"
-      >
-        <sl-spinner style="font-size: 2rem;"></sl-spinner>
-      </div>`,
-      error: (e: any) =>
-        typeof renderers.error === "function"
-          ? renderers.error(e)
-          : html`<display-error
-              .headline=${renderers.error?.label}
-              .tooltip=${renderers.error?.tooltip}
-              .error=${e}
-            ></display-error> `,
-      completed: renderers.completed,
-    });
-}
-
-export function renderAsyncStatus<T>(
-  status: AsyncStatus<T>,
-  renderers: {
-    completed: (value: T) => TemplateResult;
-    error: (error: any) => TemplateResult;
-    pending: () => TemplateResult;
-  }
-): TemplateResult {
-  switch (status.status) {
-    case "pending":
-      return renderers.pending();
-    case "complete":
-      return renderers.completed(status.value);
-    case "error":
-      return renderers.error(status.error);
-  }
-}