feat: 🎸 add disconnect button to error page

addons/core/tests/integration/components/error/message-test.js

@@ -60,7 +60,7 @@ module('Integration | Component | error/message', function (hooks) {
     );
     assert.equal(
       find('.rose-message-description').textContent.trim(),
-      'Please contact your administrator or try again later.'
+      'We\'re not sure what happened.  Please contact your administrator or try again later.'
     );
   });
 });

addons/core/translations/actions/en-us.yaml

@@ -3,6 +3,7 @@ cancel: Cancel
 delete: Delete
 remove: Remove
 discard: Discard
+disconnect: Disconnect
 dismiss: Dismiss
 save: Save
 submit: Submit

addons/core/translations/errors/en-us.yaml

@@ -12,7 +12,7 @@
   description: We ran into a problem and could not continue. You can ask your administrator or try again later.
 unknown:
   title: Something went wrong
-  description: Please contact your administrator or try again later.
+  description: We're not sure what happened.  Please contact your administrator or try again later.
 generic:
   title: Error
 authentication-failed:

ui/desktop/app/routes/application.js

@@ -71,6 +71,16 @@ export default class ApplicationRoute extends Route.extend(
     this.session.invalidate();
   }
 
+  /**
+   * Disconnects from origin and invalidates session, thereby resetting
+   * the client and reloading to the onboarding origin screen.
+   */
+  @action
+  disconnect() {
+    this.origin.resetOrigin();
+    this.invalidateSession();
+  }
+
   /**
    * Hooks into ember-loading to kick off loading indicator in the
    * application template.

ui/desktop/app/services/origin.js

@@ -1,6 +1,7 @@
 import Service from '@ember/service';
 import { assert } from '@ember/debug';
 import { inject as service } from '@ember/service';
+import { notifyError } from 'core/decorators/notify';
 
 export default class OriginService extends Service {
 
@@ -72,4 +73,13 @@ export default class OriginService extends Service {
     }
   }
 
+  /**
+   * Resets the origin.
+   */
+  @notifyError(({ message }) => message, { catch: true })
+  async resetOrigin() {
+    this.rendererOrigin = null;
+    await this.ipc.invoke('resetOrigin');
+  }
+
 }

ui/desktop/app/templates/error.hbs

@@ -1,7 +1,15 @@
 {{page-title (t "errors.generic.title") }}
 
 <main>
+
   <Rose::Layout::Centered>
     <Error::Message />
   </Rose::Layout::Centered>
+
+  <Rose::Layout::Centered>
+    <Rose::Button @style="primary" {{on "click" (route-action "disconnect")}}>
+      {{t "actions.disconnect"}}
+    </Rose::Button>
+  </Rose::Layout::Centered>
+
 </main>

ui/desktop/electron-app/src/handlers.js

@@ -17,6 +17,13 @@ handle('setOrigin', async (requestOrigin) => {
   origin.origin = requestOrigin;
 });
 
+/**
+ * Resets the origin.
+ */
+handle('resetOrigin', async (requestOrigin) => {
+  origin.resetOrigin();
+});
+
 /**
  * Check for boundary cli existence
  */

ui/desktop/electron-app/src/origin.js

@@ -24,7 +24,7 @@ class RuntimeSettings {
   }
 
   /**
-   *
+   * Validates the origin is reachable and has a scopes endpoint.
    */
   async validateOrigin(origin) {
     // If the origin is the Electron origin, it is automatically valid.
@@ -40,6 +40,13 @@ class RuntimeSettings {
     }
   }
 
+  /**
+   * Sets the origin to null.
+   */
+  async resetOrigin() {
+    this.origin = null;
+  }
+
   // Quick and dirty event handler pattern to enable the application to respond
   // when the origin is changed.
   #originWatchers = [];