diff --git a/blocks/edit/da-title/da-title.js b/blocks/edit/da-title/da-title.js
index 899f306d..6a3ecc0b 100644
--- a/blocks/edit/da-title/da-title.js
+++ b/blocks/edit/da-title/da-title.js
@@ -18,12 +18,14 @@ const ICONS = [
   '/blocks/edit/img/Smock_Cloud_18_N.svg',
   '/blocks/edit/img/Smock_CloudDisconnected_18_N.svg',
   '/blocks/edit/img/Smock_CloudError_18_N.svg',
+  '/blocks/edit/img/cloud_refresh.svg',
 ];
 
 const CLOUD_ICONS = {
   connected: 'spectrum-Cloud-connected',
+  disconnected: 'spectrum-Cloud-offline',
   offline: 'spectrum-Cloud-offline',
-  connecting: 'spectrum-Cloud-error',
+  connecting: 'cloud_refresh',
   error: 'spectrum-Cloud-error',
 };
 
@@ -64,6 +66,7 @@ export default class DaTitle extends LitElement {
   }
 
   handleError(json, action, icon) {
+    console.log('handleError', json, action, icon);
     this._status = { ...json.error, action };
     icon.classList.remove('is-sending');
     icon.parentElement.classList.add('is-error');
diff --git a/blocks/edit/img/cloud_refresh.svg b/blocks/edit/img/cloud_refresh.svg
new file mode 100644
index 00000000..a7ce7470
--- /dev/null
+++ b/blocks/edit/img/cloud_refresh.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.5 27">
+  <g id="cloud_refresh">
+    <path fill="currentColor" d="M30.22,8.75c-.25-.02-.5-.03-.75-.03-5.43,0-9.82,4.4-9.82,9.82,0,1.94.58,3.84,1.65,5.45H4.07C1.71,23.88-.11,21.87,0,19.51v-.04c.17-2.43,2.05-4.39,4.47-4.65-.14-.56-.19-1.14-.15-1.72.11-3.75,3.23-6.72,6.98-6.63.77,0,1.54.11,2.29.32C14.55,2.94,17.94.19,21.9.06c4.39-.21,8.12,3.18,8.33,7.57.01.23.01.46,0,.69,0,.14,0,.29-.02.43Z"/>
+    <g transform="translate(21.79 10.96) scale(0.85)">
+      <path fill="currentColor" d="M16.337,10H15.39a.6075.6075,0,0,0-.581.469A5.7235,5.7235,0,0,1,5.25,13.006l-.346-.3465L6.8815,10.682A.392.392,0,0,0,7,10.4a.4.4,0,0,0-.377-.4H1.25a.25.25,0,0,0-.25.25v5.375A.4.4,0,0,0,1.4,16a.3905.3905,0,0,0,.28-.118l1.8085-1.8085.178.1785a8.09048,8.09048,0,0,0,3.642,2.1655,7.715,7.715,0,0,0,9.4379-5.47434q.04733-.178.0861-.35816A.5.5,0,0,0,16.337,10Z" />
+      <path fill="currentColor" d="M16.6,2a.3905.3905,0,0,0-.28.118L14.5095,3.9265l-.178-.1765a8.09048,8.09048,0,0,0-3.642-2.1655A7.715,7.715,0,0,0,1.25269,7.06072q-.04677.17612-.08519.35428A.5.5,0,0,0,1.663,8H2.61a.6075.6075,0,0,0,.581-.469A5.7235,5.7235,0,0,1,12.75,4.994l.346.3465L11.1185,7.318A.392.392,0,0,0,11,7.6a.4.4,0,0,0,.377.4H16.75A.25.25,0,0,0,17,7.75V2.377A.4.4,0,0,0,16.6,2Z" />
+    </g>
+    <rect fill="none" x="0" width="37.5" height="27" />
+  </g>
+</svg>
diff --git a/blocks/edit/prose/index.js b/blocks/edit/prose/index.js
index 37114762..88e10f95 100644
--- a/blocks/edit/prose/index.js
+++ b/blocks/edit/prose/index.js
@@ -197,6 +197,21 @@ function handleAwarenessUpdates(wsProvider, daTitle, win, path) {
   });
   win.addEventListener('online', () => { daTitle.collabStatus = 'online'; });
   win.addEventListener('offline', () => { daTitle.collabStatus = 'offline'; });
+  // TODO: use 10 mins in production
+  // const DISCONNECT_TIMEOUT = 10 * 60 * 1000;
+  const DISCONNECT_TIMEOUT = 5000;
+  let disconnectTimeout = null;
+  win.addEventListener('focus', () => {
+    // cancel any pending disconnect
+    if (disconnectTimeout) clearTimeout(disconnectTimeout);
+    wsProvider.connect();
+  });
+  win.addEventListener('blur', () => {
+    if (disconnectTimeout) clearTimeout(disconnectTimeout);
+    disconnectTimeout = setTimeout(() => {
+      wsProvider.disconnect();
+    }, DISCONNECT_TIMEOUT);
+  });
 }
 
 export function createAwarenessStatusWidget(wsProvider, win, path) {
diff --git a/test/unit/blocks/edit/proseCollab.test.js b/test/unit/blocks/edit/proseCollab.test.js
index 4eedb58b..f86af61c 100644
--- a/test/unit/blocks/edit/proseCollab.test.js
+++ b/test/unit/blocks/edit/proseCollab.test.js
@@ -35,7 +35,7 @@ describe('Prose collab', () => {
     const daTitle = pi.createAwarenessStatusWidget(wsp, win);
     expect(daTitle).to.equal(dat);
 
-    expect(winEventListeners.length).to.equal(2);
+    expect(winEventListeners.length).to.equal(4);
     const el0 = winEventListeners[0];
     const el1 = winEventListeners[1];
     const elOnline = el0.n === 'online' ? el0 : el1;