solid-ui 3.0.4-822a480 → 3.0.4-8c04218

package/dist/solid-ui.js

@@ -8264,31 +8264,9 @@ field[src_ns.ui('Classifier').uri] = function (dom, container, already, subject,
     if (!ok) return callbackFunction(ok, body);
     return callbackFunction(ok, body);
   };
-  // Create container for label and select
-  var outerBox = dom.createElement('div');
-  outerBox.setAttribute('class', 'classifierBox');
-  // Render label
-  var labelDiv = dom.createElement('div');
-  labelDiv.setAttribute('class', 'formFieldName classifierBox-label');
-  // Use fieldLabel to render ui:label if present
-  labelDiv.appendChild(fieldLabel(dom, category, form));
-  outerBox.appendChild(labelDiv);
-  // Render select
-  var selectBox = dom.createElement('div');
-  selectBox.setAttribute('class', 'formFieldValue classifierBox-selectBox');
-  var selectElement = makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, checkOptions);
-  // Set readonly if not editable
-  if (selectElement && selectElement.querySelector && selectElement.querySelector('select')) {
-    var select = selectElement.querySelector('select');
-    if (select && !kb.updater.editable(dataDoc.uri)) {
-      select.readOnly = true;
-      select.style = style.textInputStyleUneditable;
-    }
-  }
-  selectBox.appendChild(selectElement);
-  outerBox.appendChild(selectBox);
-  if (container) container.appendChild(outerBox);
-  return outerBox;
+  var box = makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, checkOptions);
+  if (container) container.appendChild(box);
+  return box;
 };
 
 /**         Choice field
@@ -9544,6 +9522,96 @@ var _solidLogicSingleton$2 = external_SolidLogic_.solidLogicSingleton.typeIndex,
   loadAllTypeIndexes = _solidLogicSingleton$2.loadAllTypeIndexes,
   getScopedAppsFromIndex = _solidLogicSingleton$2.getScopedAppsFromIndex,
   deleteTypeIndexRegistration = _solidLogicSingleton$2.deleteTypeIndexRegistration;
+function formatDynamicError(error, contextLabel) {
+  var e = error;
+  var name = (e === null || e === void 0 ? void 0 : e.name) || 'Error';
+  var status = typeof (e === null || e === void 0 ? void 0 : e.status) === 'number' ? " (HTTP ".concat(e.status, ")") : '';
+  var message = e !== null && e !== void 0 && e.message ? String(e.message) : typeof error === 'string' ? error : 'No additional details provided';
+  return "".concat(contextLabel, ": ").concat(name).concat(status, " - ").concat(message);
+}
+function guessPreferencesFileUri(me) {
+  return me.uri.replace('/profile/', '/').replace('/public/', '/').split('/').slice(0, -1).join('/') + '/Settings/Preferences.ttl';
+}
+function getMissingPreferencesFileUri(context, err) {
+  var _response;
+  var responseUrl = err === null || err === void 0 || (_response = err.response) === null || _response === void 0 ? void 0 : _response.url;
+  if (typeof responseUrl === 'string' && responseUrl) {
+    return responseUrl;
+  }
+  if (context.me) {
+    var pointer = login_store.any(context.me, src_ns.space('preferencesFile'), undefined, context.me.doc ? context.me.doc() : undefined);
+    if (pointer !== null && pointer !== void 0 && pointer.uri) {
+      return pointer.uri;
+    }
+    return guessPreferencesFileUri(context.me);
+  }
+  return null;
+}
+function createPreferencesFile(_x, _x2) {
+  return _createPreferencesFile.apply(this, arguments);
+}
+function _createPreferencesFile() {
+  _createPreferencesFile = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(context, uri) {
+    var initialData;
+    return regenerator_default().wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (login_store.fetcher) {
+            _context4.next = 1;
+            break;
+          }
+          throw new Error('Cannot create preferences file: store has no fetcher');
+        case 1:
+          initialData = '# Preferences file created by solid-ui\n';
+          _context4.next = 2;
+          return login_store.fetcher.webOperation('PUT', uri, {
+            data: initialData,
+            contentType: 'text/turtle'
+          });
+        case 2:
+          if (context.me) {
+            _context4.next = 3;
+            break;
+          }
+          throw new Error('Cannot reload preferences file: no logged-in WebID');
+        case 3:
+          _context4.next = 4;
+          return loadPreferences(context.me);
+        case 4:
+          context.preferencesFile = _context4.sent;
+          context.preferencesFileError = undefined;
+        case 5:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _createPreferencesFile.apply(this, arguments);
+}
+function offerCreatePreferencesFile(context, uri, baseMessage) {
+  if (context.div && context.dom) {
+    var box = context.dom.createElement('div');
+    box.appendChild(errorMessageBlock(context.dom, "".concat(baseMessage, " Create it now?")));
+    var createButton = context.dom.createElement('button');
+    createButton.textContent = 'Create preferences file';
+    createButton.setAttribute('style', style.buttonStyle);
+    createButton.addEventListener('click', function () {
+      createButton.disabled = true;
+      createPreferencesFile(context, uri).then(function () {
+        box.appendChild(errorMessageBlock(context.dom, "Preferences file created: ".concat(uri), '#dfd'));
+      })["catch"](function (error) {
+        var message = formatDynamicError(error, 'Failed to create preferences file');
+        box.appendChild(errorMessageBlock(context.dom, message));
+        src_debug/* error */.z3(message);
+        createButton.disabled = false;
+      });
+    });
+    box.appendChild(createButton);
+    context.div.appendChild(box);
+    return;
+  }
+  src_debug/* warn */.R8("".concat(baseMessage, " You can create it at: ").concat(uri));
+}
 
 /**
  * Resolves with the logged in user's WebID
@@ -9585,7 +9653,7 @@ function ensureLoggedIn(context) {
  * @param context
  */
 // used to be logInLoadPreferences
-function ensureLoadedPreferences(_x) {
+function ensureLoadedPreferences(_x3) {
   return _ensureLoadedPreferences.apply(this, arguments);
 }
 
@@ -9598,98 +9666,125 @@ function ensureLoadedPreferences(_x) {
  */
 // used to be logInLoadProfile
 function _ensureLoadedPreferences() {
-  _ensureLoadedPreferences = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(context) {
-    var progressDisplay, preferencesFile, m2, _t4;
-    return regenerator_default().wrap(function (_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+  _ensureLoadedPreferences = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee5(context) {
+    var progressDisplay, preferencesFile, m2, missingPreferencesFileUri, _t4;
+    return regenerator_default().wrap(function (_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
           if (!context.preferencesFile) {
-            _context4.next = 1;
+            _context5.next = 1;
             break;
           }
-          return _context4.abrupt("return", Promise.resolve(context));
+          return _context5.abrupt("return", Promise.resolve(context));
         case 1:
-          _context4.prev = 1;
-          _context4.next = 2;
+          _context5.prev = 1;
+          _context5.next = 2;
           return ensureLoadedProfile(context);
         case 2:
-          context = _context4.sent;
-          _context4.next = 3;
-          return loadPreferences(context.me);
+          context = _context5.sent;
+          if (context.me) {
+            _context5.next = 3;
+            break;
+          }
+          context.preferencesFileError = 'Not logged in, so preferences were not loaded.';
+          src_debug/* log */.Rm('not logged in, no preferences loaded');
+          return _context5.abrupt("return", context);
         case 3:
-          preferencesFile = _context4.sent;
+          _context5.next = 4;
+          return loadPreferences(context.me);
+        case 4:
+          preferencesFile = _context5.sent;
           if (progressDisplay) {
             progressDisplay.parentNode.removeChild(progressDisplay);
           }
           context.preferencesFile = preferencesFile;
-          _context4.next = 11;
+          _context5.next = 13;
           break;
-        case 4:
-          _context4.prev = 4;
-          _t4 = _context4["catch"](1);
+        case 5:
+          _context5.prev = 5;
+          _t4 = _context5["catch"](1);
           if (!(_t4 instanceof external_SolidLogic_.UnauthorizedError)) {
-            _context4.next = 5;
+            _context5.next = 6;
             break;
           }
           m2 = 'Oops — you are not authenticated (properly logged in), so SolidOS cannot read your preferences file. Try logging out and then logging back in.';
+          context.preferencesFileError = m2;
           log_alert(m2);
-          _context4.next = 11;
-          break;
-        case 5:
+          return _context5.abrupt("return", context);
+        case 6:
           if (!(_t4 instanceof external_SolidLogic_.CrossOriginForbiddenError)) {
-            _context4.next = 6;
+            _context5.next = 7;
             break;
           }
-          m2 = "Unauthorized: Assuming preference file blocked for origin ".concat(window.location.origin);
+          m2 = "Blocked by origin: preference file request from ".concat(window.location.origin, " was forbidden. Ensure this app origin is trusted/allowed for your preferences file.");
           context.preferencesFileError = m2;
-          return _context4.abrupt("return", context);
-        case 6:
+          return _context5.abrupt("return", context);
+        case 7:
           if (!(_t4 instanceof external_SolidLogic_.SameOriginForbiddenError)) {
-            _context4.next = 7;
+            _context5.next = 8;
             break;
           }
-          m2 = 'You are not authorized to read your preference file. This may be because you are using an untrusted web app.';
+          m2 = 'You are not authorized to read your preference file from this app context.';
+          context.preferencesFileError = m2;
           src_debug/* warn */.R8(m2);
-          return _context4.abrupt("return", context);
-        case 7:
+          return _context5.abrupt("return", context);
+        case 8:
           if (!(_t4 instanceof external_SolidLogic_.NotEditableError)) {
-            _context4.next = 8;
+            _context5.next = 9;
             break;
           }
-          m2 = 'You are not authorized to edit your preference file. This may be because you are using an untrusted web app.';
+          m2 = 'You are not authorized to edit your preference file from this app context.';
+          context.preferencesFileError = m2;
           src_debug/* warn */.R8(m2);
-          return _context4.abrupt("return", context);
-        case 8:
+          return _context5.abrupt("return", context);
+        case 9:
           if (!(_t4 instanceof external_SolidLogic_.WebOperationError)) {
-            _context4.next = 9;
+            _context5.next = 10;
             break;
           }
-          m2 = 'You are not authorized to edit your preference file. This may be because you are using an untrusted web app.';
+          m2 = formatDynamicError(_t4, 'Preference file web operation failed');
+          context.preferencesFileError = m2;
           src_debug/* warn */.R8(m2);
-          _context4.next = 11;
-          break;
-        case 9:
+          return _context5.abrupt("return", context);
+        case 10:
           if (!(_t4 instanceof external_SolidLogic_.FetchError)) {
-            _context4.next = 10;
+            _context5.next = 12;
             break;
           }
-          m2 = "Strange: Error ".concat(_t4.status, " trying to read your preference file.").concat(_t4.message);
-          log_alert(m2);
-          _context4.next = 11;
-          break;
-        case 10:
-          throw new Error("(via loadPrefs) ".concat(_t4));
+          if (!(_t4.status === 404)) {
+            _context5.next = 11;
+            break;
+          }
+          m2 = 'Your preferences file was not found (404). It may not exist yet.';
+          context.preferencesFileError = m2;
+          src_debug/* warn */.R8(m2);
+          missingPreferencesFileUri = getMissingPreferencesFileUri(context, _t4);
+          if (missingPreferencesFileUri) {
+            offerCreatePreferencesFile(context, missingPreferencesFileUri, m2);
+          }
+          return _context5.abrupt("return", context);
         case 11:
-          return _context4.abrupt("return", context);
+          m2 = formatDynamicError(_t4, 'Error reading your preferences file');
+          context.preferencesFileError = m2;
+          src_debug/* warn */.R8(m2);
+          log_alert(m2);
+          return _context5.abrupt("return", context);
         case 12:
+          m2 = formatDynamicError(_t4, 'Unexpected error while loading preferences');
+          context.preferencesFileError = m2;
+          src_debug/* error */.z3(m2);
+          return _context5.abrupt("return", context);
+        case 13:
+          return _context5.abrupt("return", context);
+        case 14:
         case "end":
-          return _context4.stop();
+          return _context5.stop();
       }
-    }, _callee4, null, [[1, 4]]);
+    }, _callee5, null, [[1, 5]]);
   }));
   return _ensureLoadedPreferences.apply(this, arguments);
 }
-function ensureLoadedProfile(_x2) {
+function ensureLoadedProfile(_x4) {
   return _ensureLoadedProfile.apply(this, arguments);
 }
 
@@ -9699,69 +9794,72 @@ function ensureLoadedProfile(_x2) {
   * leaving the `isPublic` param undefined will bring in community index things, too
   */
 function _ensureLoadedProfile() {
-  _ensureLoadedProfile = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee5(context) {
-    var logInContext, _t5;
-    return regenerator_default().wrap(function (_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+  _ensureLoadedProfile = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee6(context) {
+    var logInContext, message, _message, _t5;
+    return regenerator_default().wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
         case 0:
           if (!context.publicProfile) {
-            _context5.next = 1;
+            _context6.next = 1;
             break;
           }
-          return _context5.abrupt("return", context);
+          return _context6.abrupt("return", context);
         case 1:
-          _context5.prev = 1;
-          _context5.next = 2;
+          _context6.prev = 1;
+          _context6.next = 2;
           return ensureLoggedIn(context);
         case 2:
-          logInContext = _context5.sent;
+          logInContext = _context6.sent;
           if (logInContext.me) {
-            _context5.next = 3;
+            _context6.next = 3;
             break;
           }
-          throw new Error('Could not log in');
+          message = 'Could not log in; skipping profile load.';
+          src_debug/* log */.Rm(message);
+          throw new Error(message);
         case 3:
-          _context5.next = 4;
+          _context6.next = 4;
           return loadProfile(logInContext.me);
         case 4:
-          context.publicProfile = _context5.sent;
-          _context5.next = 6;
+          context.publicProfile = _context6.sent;
+          _context6.next = 6;
           break;
         case 5:
-          _context5.prev = 5;
-          _t5 = _context5["catch"](1);
+          _context6.prev = 5;
+          _t5 = _context6["catch"](1);
+          _message = formatDynamicError(_t5, 'Unable to load your profile');
           if (context.div && context.dom) {
-            context.div.appendChild(errorMessageBlock(context.dom, _t5.message));
+            context.div.appendChild(errorMessageBlock(context.dom, _message));
           }
-          throw new Error("Can't log in: ".concat(_t5));
+          throw new Error(_message);
         case 6:
-          return _context5.abrupt("return", context);
+          return _context6.abrupt("return", context);
         case 7:
         case "end":
-          return _context5.stop();
+          return _context6.stop();
       }
-    }, _callee5, null, [[1, 5]]);
+    }, _callee6, null, [[1, 5]]);
   }));
   return _ensureLoadedProfile.apply(this, arguments);
 }
-function findAppInstances(_x3, _x4, _x5) {
+function findAppInstances(_x5, _x6, _x7) {
   return _findAppInstances.apply(this, arguments);
 }
 function _findAppInstances() {
-  _findAppInstances = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee6(context, theClass, isPublic) {
+  _findAppInstances = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee7(context, theClass, isPublic) {
     var items, _t6;
-    return regenerator_default().wrap(function (_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+    return regenerator_default().wrap(function (_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
         case 0:
           if (!context.me) {
-            _context6.next = 2;
+            _context7.next = 2;
             break;
           }
-          _context6.next = 1;
+          _context7.next = 1;
           return getScopedAppInstances(theClass, context.me);
         case 1:
-          _t6 = _context6.sent;
-          _context6.next = 3;
+          _t6 = _context7.sent;
+          _context7.next = 3;
           break;
         case 2:
           _t6 = [];
@@ -9780,12 +9878,12 @@ function _findAppInstances() {
           context.instances = items.map(function (item) {
             return item.instance;
           });
-          return _context6.abrupt("return", context);
+          return _context7.abrupt("return", context);
         case 4:
         case "end":
-          return _context6.stop();
+          return _context7.stop();
       }
-    }, _callee6);
+    }, _callee7);
   }));
   return _findAppInstances.apply(this, arguments);
 }
@@ -9797,14 +9895,14 @@ function scopeLabel(context, scope) {
 /**
  * UI to control registration of instance
  */
-function registrationControl(_x6, _x7, _x8) {
+function registrationControl(_x8, _x9, _x0) {
   return _registrationControl.apply(this, arguments);
 }
 function _registrationControl() {
-  _registrationControl = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee7(context, instance, theClass) {
+  _registrationControl = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee8(context, instance, theClass) {
     var registrationStatements, renderScopeCheckbox, dom, box, me, scopes, msg, tbody, form, _iterator, _step, scope, row, _t7;
-    return regenerator_default().wrap(function (_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
+    return regenerator_default().wrap(function (_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
         case 0:
           renderScopeCheckbox = function _renderScopeCheckbox(scope) {
             var statements = registrationStatements(scope.index);
@@ -9820,7 +9918,7 @@ function _registrationControl() {
           /// / body of registrationControl
           dom = context.dom;
           if (!(!dom || !context.div)) {
-            _context7.next = 1;
+            _context8.next = 1;
             break;
           }
           throw new Error('registrationControl: need dom and div');
@@ -9830,22 +9928,22 @@ function _registrationControl() {
           context.me = external_SolidLogic_.authn.currentUser(); // @@
           me = context.me;
           if (me) {
-            _context7.next = 2;
+            _context8.next = 2;
             break;
           }
           box.innerHTML = '<p style="margin:2em;">(Log in to save a link to this)</p>';
-          return _context7.abrupt("return", context);
+          return _context8.abrupt("return", context);
         case 2:
-          _context7.prev = 2;
-          _context7.next = 3;
+          _context8.prev = 2;
+          _context8.next = 3;
           return loadAllTypeIndexes(me);
         case 3:
-          scopes = _context7.sent;
-          _context7.next = 5;
+          scopes = _context8.sent;
+          _context8.next = 5;
           break;
         case 4:
-          _context7.prev = 4;
-          _t7 = _context7["catch"](2);
+          _context8.prev = 4;
+          _t7 = _context8["catch"](2);
           if (context.div && context.preferencesFileError) {
             msg = '(Lists of stuff not available)';
             context.div.appendChild(dom.createElement('p')).textContent = msg;
@@ -9854,7 +9952,7 @@ function _registrationControl() {
             context.div.appendChild(errorMessageBlock(context.dom, _t7));
           }
           src_debug/* log */.Rm(msg);
-          return _context7.abrupt("return", context);
+          return _context8.abrupt("return", context);
         case 5:
           box.innerHTML = '<table><tbody></tbody></table>'; // tbody will be inserted anyway
           box.setAttribute('style', 'font-size: 120%; text-align: right; padding: 1em; border: solid gray 0.05em;');
@@ -9872,12 +9970,12 @@ function _registrationControl() {
           } finally {
             _iterator.f();
           }
-          return _context7.abrupt("return", context);
+          return _context8.abrupt("return", context);
         case 6:
         case "end":
-          return _context7.stop();
+          return _context8.stop();
       }
-    }, _callee7, null, [[2, 4]]);
+    }, _callee8, null, [[2, 4]]);
   }));
   return _registrationControl.apply(this, arguments);
 }
@@ -9900,7 +9998,7 @@ function renderScopeHeadingRow(context, store, scope) {
 /**
   * UI to List at all registered things
   */
-function registrationList(_x9, _x0) {
+function registrationList(_x1, _x10) {
   return _registrationList.apply(this, arguments);
 } // registrationList
 
@@ -9914,10 +10012,10 @@ function registrationList(_x9, _x0) {
  * @returns
  */
 function _registrationList() {
-  _registrationList = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee9(context, options) {
+  _registrationList = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee0(context, options) {
     var dom, div, box, scopes, table, tbody, _iterator2, _step2, scope, headingRow, items, _iterator3, _step3, _loop, _t8, _t9;
-    return regenerator_default().wrap(function (_context0) {
-      while (1) switch (_context0.prev = _context0.next) {
+    return regenerator_default().wrap(function (_context1) {
+      while (1) switch (_context1.prev = _context1.next) {
         case 0:
           dom = context.dom;
           div = context.div;
@@ -9925,16 +10023,16 @@ function _registrationList() {
           div.appendChild(box);
           context.me = external_SolidLogic_.authn.currentUser(); // @@
           if (context.me) {
-            _context0.next = 1;
+            _context1.next = 1;
             break;
           }
           box.innerHTML = '<p style="margin:2em;">(Log in list your stuff)</p>';
-          return _context0.abrupt("return", context);
+          return _context1.abrupt("return", context);
         case 1:
-          _context0.next = 2;
+          _context1.next = 2;
           return loadAllTypeIndexes(context.me);
         case 2:
-          scopes = _context0.sent;
+          scopes = _context1.sent;
           // includes community indexes
 
           // console.log('@@ registrationList ', scopes)
@@ -9943,47 +10041,47 @@ function _registrationList() {
           table = box.firstChild;
           tbody = table.firstChild;
           _iterator2 = login_createForOfIteratorHelper(scopes);
-          _context0.prev = 3;
+          _context1.prev = 3;
           _iterator2.s();
         case 4:
           if ((_step2 = _iterator2.n()).done) {
-            _context0.next = 13;
+            _context1.next = 13;
             break;
           }
           scope = _step2.value;
           // need some predicate for listing/adding agents
           headingRow = renderScopeHeadingRow(context, login_store, scope);
           tbody.appendChild(headingRow);
-          _context0.next = 5;
+          _context1.next = 5;
           return getScopedAppsFromIndex(scope, options.type || null);
         case 5:
-          items = _context0.sent;
+          items = _context1.sent;
           // any class
           if (items.length === 0) headingRow.style.display = 'none';
           // console.log(`registrationList: @@ instance items for class ${options.type || 'undefined' }:`, items)
           _iterator3 = login_createForOfIteratorHelper(items);
-          _context0.prev = 6;
+          _context1.prev = 6;
           _loop = /*#__PURE__*/regenerator_default().mark(function _loop() {
             var item, row;
-            return regenerator_default().wrap(function (_context9) {
-              while (1) switch (_context9.prev = _context9.next) {
+            return regenerator_default().wrap(function (_context0) {
+              while (1) switch (_context0.prev = _context0.next) {
                 case 0:
                   item = _step3.value;
                   row = personTR(dom, src_ns.solid('instance'), item.instance, {
                     deleteFunction: function () {
-                      var _deleteFunction = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee8() {
-                        return regenerator_default().wrap(function (_context8) {
-                          while (1) switch (_context8.prev = _context8.next) {
+                      var _deleteFunction = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee9() {
+                        return regenerator_default().wrap(function (_context9) {
+                          while (1) switch (_context9.prev = _context9.next) {
                             case 0:
-                              _context8.next = 1;
+                              _context9.next = 1;
                               return deleteTypeIndexRegistration(item);
                             case 1:
                               tbody.removeChild(row);
                             case 2:
                             case "end":
-                              return _context8.stop();
+                              return _context9.stop();
                           }
-                        }, _callee8);
+                        }, _callee9);
                       }));
                       function deleteFunction() {
                         return _deleteFunction.apply(this, arguments);
@@ -9995,52 +10093,52 @@ function _registrationList() {
                   tbody.appendChild(row);
                 case 1:
                 case "end":
-                  return _context9.stop();
+                  return _context0.stop();
               }
             }, _loop);
           });
           _iterator3.s();
         case 7:
           if ((_step3 = _iterator3.n()).done) {
-            _context0.next = 9;
+            _context1.next = 9;
             break;
           }
-          return _context0.delegateYield(_loop(), "t0", 8);
+          return _context1.delegateYield(_loop(), "t0", 8);
         case 8:
-          _context0.next = 7;
+          _context1.next = 7;
           break;
         case 9:
-          _context0.next = 11;
+          _context1.next = 11;
           break;
         case 10:
-          _context0.prev = 10;
-          _t8 = _context0["catch"](6);
+          _context1.prev = 10;
+          _t8 = _context1["catch"](6);
           _iterator3.e(_t8);
         case 11:
-          _context0.prev = 11;
+          _context1.prev = 11;
           _iterator3.f();
-          return _context0.finish(11);
+          return _context1.finish(11);
         case 12:
-          _context0.next = 4;
+          _context1.next = 4;
           break;
         case 13:
-          _context0.next = 15;
+          _context1.next = 15;
           break;
         case 14:
-          _context0.prev = 14;
-          _t9 = _context0["catch"](3);
+          _context1.prev = 14;
+          _t9 = _context1["catch"](3);
           _iterator2.e(_t9);
         case 15:
-          _context0.prev = 15;
+          _context1.prev = 15;
           _iterator2.f();
-          return _context0.finish(15);
+          return _context1.finish(15);
         case 16:
-          return _context0.abrupt("return", context);
+          return _context1.abrupt("return", context);
         case 17:
         case "end":
-          return _context0.stop();
+          return _context1.stop();
       }
-    }, _callee9, null, [[3, 14, 15, 16], [6, 10, 11, 12]]);
+    }, _callee0, null, [[3, 14, 15, 16], [6, 10, 11, 12]]);
   }));
   return _registrationList.apply(this, arguments);
 }
@@ -10171,7 +10269,7 @@ function renderSignInPopup(dom) {
         }
       }, _callee, null, [[0, 2]]);
     }));
-    return function loginToIssuer(_x1) {
+    return function loginToIssuer(_x11) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -10418,7 +10516,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
   }
   function displayOptions(context) {
     // console.log('displayOptions!', context)
-    function makeNewWorkspace(_x10) {
+    function makeNewWorkspace(_x12) {
       return _makeNewWorkspace.apply(this, arguments);
     } // const status = ''
     function _makeNewWorkspace() {
@@ -10654,60 +10752,67 @@ function getUserRoles() {
  * Filters which panes should be available, based on the result of [[getUserRoles]]
  */
 function _getUserRoles() {
-  _getUserRoles = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee0() {
-    var _yield$ensureLoadedPr, me, preferencesFile, preferencesFileError, _t0;
-    return regenerator_default().wrap(function (_context1) {
-      while (1) switch (_context1.prev = _context1.next) {
+  _getUserRoles = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee1() {
+    var _yield$ensureLoadedPr, me, preferencesFile, preferencesFileError, authState, _t0;
+    return regenerator_default().wrap(function (_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
         case 0:
-          _context1.prev = 0;
-          _context1.next = 1;
+          _context10.prev = 0;
+          _context10.next = 1;
           return ensureLoadedPreferences({});
         case 1:
-          _yield$ensureLoadedPr = _context1.sent;
+          _yield$ensureLoadedPr = _context10.sent;
           me = _yield$ensureLoadedPr.me;
           preferencesFile = _yield$ensureLoadedPr.preferencesFile;
           preferencesFileError = _yield$ensureLoadedPr.preferencesFileError;
-          if (!(!preferencesFile || preferencesFileError)) {
-            _context1.next = 2;
+          if (!preferencesFileError) {
+            _context10.next = 2;
             break;
           }
           throw new Error(preferencesFileError);
         case 2:
-          return _context1.abrupt("return", external_SolidLogic_.solidLogicSingleton.store.each(me, src_ns.rdf('type'), null, preferencesFile.doc()));
+          if (preferencesFile) {
+            _context10.next = 3;
+            break;
+          }
+          authState = me ? "logged in as ".concat(me.value || me.uri) : 'not logged in';
+          throw new Error("Preferences file unavailable (".concat(authState, ")"));
         case 3:
-          _context1.prev = 3;
-          _t0 = _context1["catch"](0);
-          src_debug/* warn */.R8('Unable to fetch your preferences - this was the error: ', _t0);
-          return _context1.abrupt("return", []);
+          return _context10.abrupt("return", external_SolidLogic_.solidLogicSingleton.store.each(me, src_ns.rdf('type'), null, preferencesFile.doc()));
         case 4:
+          _context10.prev = 4;
+          _t0 = _context10["catch"](0);
+          src_debug/* warn */.R8(formatDynamicError(_t0, 'Unable to fetch your preferences'));
+          return _context10.abrupt("return", []);
+        case 5:
         case "end":
-          return _context1.stop();
+          return _context10.stop();
       }
-    }, _callee0, null, [[0, 3]]);
+    }, _callee1, null, [[0, 4]]);
   }));
   return _getUserRoles.apply(this, arguments);
 }
-function filterAvailablePanes(_x11) {
+function filterAvailablePanes(_x13) {
   return _filterAvailablePanes.apply(this, arguments);
 }
 function _filterAvailablePanes() {
-  _filterAvailablePanes = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee1(panes) {
+  _filterAvailablePanes = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee10(panes) {
     var userRoles;
-    return regenerator_default().wrap(function (_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
+    return regenerator_default().wrap(function (_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
         case 0:
-          _context10.next = 1;
+          _context11.next = 1;
           return getUserRoles();
         case 1:
-          userRoles = _context10.sent;
-          return _context10.abrupt("return", panes.filter(function (pane) {
+          userRoles = _context11.sent;
+          return _context11.abrupt("return", panes.filter(function (pane) {
             return isMatchingAudience(pane, userRoles);
           }));
         case 2:
         case "end":
-          return _context10.stop();
+          return _context11.stop();
       }
-    }, _callee1);
+    }, _callee10);
   }));
   return _filterAvailablePanes.apply(this, arguments);
 }
@@ -24226,7 +24331,7 @@ function tabWidget(options) {
     _getColors2 = _slicedToArray(_getColors, 2),
     selectedColor = _getColors2[0],
     color = _getColors2[1];
-  var bodyMainStyle = "display: grid; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ".concat(selectedColor, "; padding: 1em;");
+  var bodyMainStyle = "flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ".concat(selectedColor, "; padding: 1em;");
   var rootElement = dom.createElement('div'); // 20200117a
 
   rootElement.setAttribute('style', style.tabsRootElement);