solid-ui 3.0.4-355237d → 3.0.4-37fd944

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,13 +9522,150 @@ 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/prefs.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 ensurePreferencesFileRowInProfile(_x, _x2, _x3) {
+  return _ensurePreferencesFileRowInProfile.apply(this, arguments);
+}
+function _ensurePreferencesFileRowInProfile() {
+  _ensurePreferencesFileRowInProfile = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(me, prefsNode, profileDoc) {
+    var existingPreferencesFile, deletions, insertions;
+    return regenerator_default().wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          existingPreferencesFile = login_store.any(me, src_ns.space('preferencesFile'), undefined, profileDoc);
+          if (!(existingPreferencesFile && existingPreferencesFile.equals(prefsNode))) {
+            _context4.next = 1;
+            break;
+          }
+          return _context4.abrupt("return");
+        case 1:
+          if (login_store.updater) {
+            _context4.next = 2;
+            break;
+          }
+          throw new Error('Cannot create preferences file: store has no updater');
+        case 2:
+          deletions = existingPreferencesFile ? [(0,external_$rdf_.st)(me, src_ns.space('preferencesFile'), existingPreferencesFile, profileDoc)] : [];
+          insertions = [(0,external_$rdf_.st)(me, src_ns.space('preferencesFile'), prefsNode, profileDoc)];
+          _context4.next = 3;
+          return new Promise(function (resolve, reject) {
+            login_store.updater.update(deletions, insertions, function (_uri, ok, body) {
+              if (ok) {
+                resolve();
+              } else {
+                reject(new Error(body || 'Unable to update preferencesFile in WebID profile'));
+              }
+            });
+          });
+        case 3:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _ensurePreferencesFileRowInProfile.apply(this, arguments);
+}
+function buildPreferencesFileTurtle(me) {
+  var mbox = login_store.any(me, src_ns.foaf('mbox'));
+  var mboxLine = mbox ? "\n<".concat(me.uri, "> foaf:mbox <").concat(mbox.value, "> .\n") : '\n';
+  return '@prefix dct: <http://purl.org/dc/terms/>.\n' + '@prefix pim: <http://www.w3.org/ns/pim/space#>.\n' + '@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n' + '@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n\n' + '<>\n' + '  a pim:ConfigurationFile;\n\n' + '  dct:title "Preferences file" .\n' + mboxLine + "<".concat(me.uri, ">\n") + '  solid:publicTypeIndex <publicTypeIndex.ttl> ;\n' + '  solid:privateTypeIndex <privateTypeIndex.ttl> .\n';
+}
+function writePreferencesFileDocument(_x4, _x5) {
+  return _writePreferencesFileDocument.apply(this, arguments);
+}
+function _writePreferencesFileDocument() {
+  _writePreferencesFileDocument = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee5(uri, data) {
+    return regenerator_default().wrap(function (_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          if (login_store.fetcher) {
+            _context5.next = 1;
+            break;
+          }
+          throw new Error('Cannot create preferences file: store has no fetcher');
+        case 1:
+          _context5.next = 2;
+          return login_store.fetcher.webOperation('PUT', uri, {
+            data: data,
+            contentType: 'text/turtle'
+          });
+        case 2:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _writePreferencesFileDocument.apply(this, arguments);
+}
+function createPreferencesFile(_x6, _x7) {
+  return _createPreferencesFile.apply(this, arguments);
+}
 /**
  * Resolves with the logged in user's WebID
  *
  * @param context
  */
 // used to be logIn
+function _createPreferencesFile() {
+  _createPreferencesFile = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee6(context, uri) {
+    var me, profileDoc, prefsNode, prefsTurtle;
+    return regenerator_default().wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          me = context.me || external_SolidLogic_.authn.currentUser();
+          if (me) {
+            _context6.next = 1;
+            break;
+          }
+          throw new Error('Cannot create preferences file: no logged-in WebID');
+        case 1:
+          context.me = me;
+          profileDoc = me.doc();
+          prefsNode = login_store.sym(uri);
+          _context6.next = 2;
+          return ensurePreferencesFileRowInProfile(me, prefsNode, profileDoc);
+        case 2:
+          prefsTurtle = buildPreferencesFileTurtle(me);
+          _context6.next = 3;
+          return writePreferencesFileDocument(uri, prefsTurtle);
+        case 3:
+          _context6.next = 4;
+          return loadPreferences(me);
+        case 4:
+          context.preferencesFile = _context6.sent;
+          context.preferencesFileError = undefined;
+        case 5:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return _createPreferencesFile.apply(this, arguments);
+}
 function ensureLoggedIn(context) {
   var me = external_SolidLogic_.authn.currentUser();
   if (me) {
@@ -9585,7 +9700,7 @@ function ensureLoggedIn(context) {
  * @param context
  */
 // used to be logInLoadPreferences
-function ensureLoadedPreferences(_x) {
+function ensureLoadedPreferences(_x8) {
   return _ensureLoadedPreferences.apply(this, arguments);
 }
 
@@ -9598,98 +9713,143 @@ 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 _callee7(context) {
+    var progressDisplay, preferencesFile, m2, missingPreferencesFileUri, message, _t4, _t5;
+    return regenerator_default().wrap(function (_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
         case 0:
           if (!context.preferencesFile) {
-            _context4.next = 1;
+            _context7.next = 1;
             break;
           }
-          return _context4.abrupt("return", Promise.resolve(context));
+          return _context7.abrupt("return", Promise.resolve(context));
         case 1:
-          _context4.prev = 1;
-          _context4.next = 2;
+          _context7.prev = 1;
+          _context7.next = 2;
           return ensureLoadedProfile(context);
         case 2:
-          context = _context4.sent;
-          _context4.next = 3;
-          return loadPreferences(context.me);
+          context = _context7.sent;
+          if (context.me) {
+            _context7.next = 3;
+            break;
+          }
+          context.preferencesFileError = 'Not logged in, so preferences were not loaded.';
+          src_debug/* log */.Rm('not logged in, no preferences loaded');
+          return _context7.abrupt("return", context);
         case 3:
-          preferencesFile = _context4.sent;
+          _context7.next = 4;
+          return loadPreferences(context.me);
+        case 4:
+          preferencesFile = _context7.sent;
           if (progressDisplay) {
             progressDisplay.parentNode.removeChild(progressDisplay);
           }
           context.preferencesFile = preferencesFile;
-          _context4.next = 11;
+          _context7.next = 17;
           break;
-        case 4:
-          _context4.prev = 4;
-          _t4 = _context4["catch"](1);
+        case 5:
+          _context7.prev = 5;
+          _t4 = _context7["catch"](1);
           if (!(_t4 instanceof external_SolidLogic_.UnauthorizedError)) {
-            _context4.next = 5;
+            _context7.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 _context7.abrupt("return", context);
+        case 6:
           if (!(_t4 instanceof external_SolidLogic_.CrossOriginForbiddenError)) {
-            _context4.next = 6;
+            _context7.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 _context7.abrupt("return", context);
+        case 7:
           if (!(_t4 instanceof external_SolidLogic_.SameOriginForbiddenError)) {
-            _context4.next = 7;
+            _context7.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 _context7.abrupt("return", context);
+        case 8:
           if (!(_t4 instanceof external_SolidLogic_.NotEditableError)) {
-            _context4.next = 8;
+            _context7.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 _context7.abrupt("return", context);
+        case 9:
           if (!(_t4 instanceof external_SolidLogic_.WebOperationError)) {
-            _context4.next = 9;
+            _context7.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 _context7.abrupt("return", context);
+        case 10:
           if (!(_t4 instanceof external_SolidLogic_.FetchError)) {
-            _context4.next = 10;
+            _context7.next = 16;
             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));
-        case 11:
-          return _context4.abrupt("return", context);
+          if (!(_t4.status === 404)) {
+            _context7.next = 15;
+            break;
+          }
+          m2 = 'Your preferences file was not found (404). It may not exist yet.';
+          src_debug/* warn */.R8(m2);
+          missingPreferencesFileUri = getMissingPreferencesFileUri(context, _t4);
+          if (!missingPreferencesFileUri) {
+            _context7.next = 14;
+            break;
+          }
+          _context7.prev = 11;
+          _context7.next = 12;
+          return createPreferencesFile(context, missingPreferencesFileUri);
         case 12:
+          src_debug/* log */.Rm("Preferences file created automatically: ".concat(missingPreferencesFileUri));
+          return _context7.abrupt("return", context);
+        case 13:
+          _context7.prev = 13;
+          _t5 = _context7["catch"](11);
+          message = formatDynamicError(_t5, 'Failed to create preferences file automatically');
+          context.preferencesFileError = message;
+          src_debug/* error */.z3(message);
+          if (context.div && context.dom) {
+            context.div.appendChild(errorMessageBlock(context.dom, message));
+          }
+          return _context7.abrupt("return", context);
+        case 14:
+          context.preferencesFileError = m2;
+          return _context7.abrupt("return", context);
+        case 15:
+          m2 = formatDynamicError(_t4, 'Error reading your preferences file');
+          context.preferencesFileError = m2;
+          src_debug/* warn */.R8(m2);
+          log_alert(m2);
+          return _context7.abrupt("return", context);
+        case 16:
+          m2 = formatDynamicError(_t4, 'Unexpected error while loading preferences');
+          context.preferencesFileError = m2;
+          src_debug/* error */.z3(m2);
+          return _context7.abrupt("return", context);
+        case 17:
+          return _context7.abrupt("return", context);
+        case 18:
         case "end":
-          return _context4.stop();
+          return _context7.stop();
       }
-    }, _callee4, null, [[1, 4]]);
+    }, _callee7, null, [[1, 5], [11, 13]]);
   }));
   return _ensureLoadedPreferences.apply(this, arguments);
 }
-function ensureLoadedProfile(_x2) {
+function ensureLoadedProfile(_x9) {
   return _ensureLoadedProfile.apply(this, arguments);
 }
 
@@ -9699,74 +9859,77 @@ 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 _callee8(context) {
+    var logInContext, message, _message, _t6;
+    return regenerator_default().wrap(function (_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
         case 0:
           if (!context.publicProfile) {
-            _context5.next = 1;
+            _context8.next = 1;
             break;
           }
-          return _context5.abrupt("return", context);
+          return _context8.abrupt("return", context);
         case 1:
-          _context5.prev = 1;
-          _context5.next = 2;
+          _context8.prev = 1;
+          _context8.next = 2;
           return ensureLoggedIn(context);
         case 2:
-          logInContext = _context5.sent;
+          logInContext = _context8.sent;
           if (logInContext.me) {
-            _context5.next = 3;
+            _context8.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;
+          _context8.next = 4;
           return loadProfile(logInContext.me);
         case 4:
-          context.publicProfile = _context5.sent;
-          _context5.next = 6;
+          context.publicProfile = _context8.sent;
+          _context8.next = 6;
           break;
         case 5:
-          _context5.prev = 5;
-          _t5 = _context5["catch"](1);
+          _context8.prev = 5;
+          _t6 = _context8["catch"](1);
+          _message = formatDynamicError(_t6, '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 _context8.abrupt("return", context);
         case 7:
         case "end":
-          return _context5.stop();
+          return _context8.stop();
       }
-    }, _callee5, null, [[1, 5]]);
+    }, _callee8, null, [[1, 5]]);
   }));
   return _ensureLoadedProfile.apply(this, arguments);
 }
-function findAppInstances(_x3, _x4, _x5) {
+function findAppInstances(_x0, _x1, _x10) {
   return _findAppInstances.apply(this, arguments);
 }
 function _findAppInstances() {
-  _findAppInstances = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee6(context, theClass, isPublic) {
-    var items, _t6;
-    return regenerator_default().wrap(function (_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+  _findAppInstances = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee9(context, theClass, isPublic) {
+    var items, _t7;
+    return regenerator_default().wrap(function (_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
         case 0:
           if (!context.me) {
-            _context6.next = 2;
+            _context9.next = 2;
             break;
           }
-          _context6.next = 1;
+          _context9.next = 1;
           return getScopedAppInstances(theClass, context.me);
         case 1:
-          _t6 = _context6.sent;
-          _context6.next = 3;
+          _t7 = _context9.sent;
+          _context9.next = 3;
           break;
         case 2:
-          _t6 = [];
+          _t7 = [];
         case 3:
-          items = _t6;
+          items = _t7;
           if (isPublic === true) {
             // old API - not recommended!
             items = items.filter(function (item) {
@@ -9780,12 +9943,12 @@ function _findAppInstances() {
           context.instances = items.map(function (item) {
             return item.instance;
           });
-          return _context6.abrupt("return", context);
+          return _context9.abrupt("return", context);
         case 4:
         case "end":
-          return _context6.stop();
+          return _context9.stop();
       }
-    }, _callee6);
+    }, _callee9);
   }));
   return _findAppInstances.apply(this, arguments);
 }
@@ -9797,14 +9960,14 @@ function scopeLabel(context, scope) {
 /**
  * UI to control registration of instance
  */
-function registrationControl(_x6, _x7, _x8) {
+function registrationControl(_x11, _x12, _x13) {
   return _registrationControl.apply(this, arguments);
 }
 function _registrationControl() {
-  _registrationControl = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee7(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) {
+  _registrationControl = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee0(context, instance, theClass) {
+    var registrationStatements, renderScopeCheckbox, dom, box, me, scopes, msg, tbody, form, _iterator, _step, scope, row, _t8;
+    return regenerator_default().wrap(function (_context0) {
+      while (1) switch (_context0.prev = _context0.next) {
         case 0:
           renderScopeCheckbox = function _renderScopeCheckbox(scope) {
             var statements = registrationStatements(scope.index);
@@ -9820,7 +9983,7 @@ function _registrationControl() {
           /// / body of registrationControl
           dom = context.dom;
           if (!(!dom || !context.div)) {
-            _context7.next = 1;
+            _context0.next = 1;
             break;
           }
           throw new Error('registrationControl: need dom and div');
@@ -9830,31 +9993,31 @@ function _registrationControl() {
           context.me = external_SolidLogic_.authn.currentUser(); // @@
           me = context.me;
           if (me) {
-            _context7.next = 2;
+            _context0.next = 2;
             break;
           }
           box.innerHTML = '<p style="margin:2em;">(Log in to save a link to this)</p>';
-          return _context7.abrupt("return", context);
+          return _context0.abrupt("return", context);
         case 2:
-          _context7.prev = 2;
-          _context7.next = 3;
+          _context0.prev = 2;
+          _context0.next = 3;
           return loadAllTypeIndexes(me);
         case 3:
-          scopes = _context7.sent;
-          _context7.next = 5;
+          scopes = _context0.sent;
+          _context0.next = 5;
           break;
         case 4:
-          _context7.prev = 4;
-          _t7 = _context7["catch"](2);
+          _context0.prev = 4;
+          _t8 = _context0["catch"](2);
           if (context.div && context.preferencesFileError) {
             msg = '(Lists of stuff not available)';
             context.div.appendChild(dom.createElement('p')).textContent = msg;
           } else if (context.div) {
-            msg = "registrationControl: Type indexes not available: ".concat(_t7);
-            context.div.appendChild(errorMessageBlock(context.dom, _t7));
+            msg = "registrationControl: Type indexes not available: ".concat(_t8);
+            context.div.appendChild(errorMessageBlock(context.dom, _t8));
           }
           src_debug/* log */.Rm(msg);
-          return _context7.abrupt("return", context);
+          return _context0.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 +10035,12 @@ function _registrationControl() {
           } finally {
             _iterator.f();
           }
-          return _context7.abrupt("return", context);
+          return _context0.abrupt("return", context);
         case 6:
         case "end":
-          return _context7.stop();
+          return _context0.stop();
       }
-    }, _callee7, null, [[2, 4]]);
+    }, _callee0, null, [[2, 4]]);
   }));
   return _registrationControl.apply(this, arguments);
 }
@@ -9900,7 +10063,7 @@ function renderScopeHeadingRow(context, store, scope) {
 /**
   * UI to List at all registered things
   */
-function registrationList(_x9, _x0) {
+function registrationList(_x14, _x15) {
   return _registrationList.apply(this, arguments);
 } // registrationList
 
@@ -9914,10 +10077,10 @@ function registrationList(_x9, _x0) {
  * @returns
  */
 function _registrationList() {
-  _registrationList = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee9(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) {
+  _registrationList = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee10(context, options) {
+    var dom, div, box, scopes, table, tbody, _iterator2, _step2, scope, headingRow, items, _iterator3, _step3, _loop, _t9, _t0;
+    return regenerator_default().wrap(function (_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
         case 0:
           dom = context.dom;
           div = context.div;
@@ -9925,16 +10088,16 @@ function _registrationList() {
           div.appendChild(box);
           context.me = external_SolidLogic_.authn.currentUser(); // @@
           if (context.me) {
-            _context0.next = 1;
+            _context11.next = 1;
             break;
           }
           box.innerHTML = '<p style="margin:2em;">(Log in list your stuff)</p>';
-          return _context0.abrupt("return", context);
+          return _context11.abrupt("return", context);
         case 1:
-          _context0.next = 2;
+          _context11.next = 2;
           return loadAllTypeIndexes(context.me);
         case 2:
-          scopes = _context0.sent;
+          scopes = _context11.sent;
           // includes community indexes
 
           // console.log('@@ registrationList ', scopes)
@@ -9943,47 +10106,47 @@ function _registrationList() {
           table = box.firstChild;
           tbody = table.firstChild;
           _iterator2 = login_createForOfIteratorHelper(scopes);
-          _context0.prev = 3;
+          _context11.prev = 3;
           _iterator2.s();
         case 4:
           if ((_step2 = _iterator2.n()).done) {
-            _context0.next = 13;
+            _context11.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;
+          _context11.next = 5;
           return getScopedAppsFromIndex(scope, options.type || null);
         case 5:
-          items = _context0.sent;
+          items = _context11.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;
+          _context11.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 (_context10) {
+              while (1) switch (_context10.prev = _context10.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 _callee1() {
+                        return regenerator_default().wrap(function (_context1) {
+                          while (1) switch (_context1.prev = _context1.next) {
                             case 0:
-                              _context8.next = 1;
+                              _context1.next = 1;
                               return deleteTypeIndexRegistration(item);
                             case 1:
                               tbody.removeChild(row);
                             case 2:
                             case "end":
-                              return _context8.stop();
+                              return _context1.stop();
                           }
-                        }, _callee8);
+                        }, _callee1);
                       }));
                       function deleteFunction() {
                         return _deleteFunction.apply(this, arguments);
@@ -9995,52 +10158,52 @@ function _registrationList() {
                   tbody.appendChild(row);
                 case 1:
                 case "end":
-                  return _context9.stop();
+                  return _context10.stop();
               }
             }, _loop);
           });
           _iterator3.s();
         case 7:
           if ((_step3 = _iterator3.n()).done) {
-            _context0.next = 9;
+            _context11.next = 9;
             break;
           }
-          return _context0.delegateYield(_loop(), "t0", 8);
+          return _context11.delegateYield(_loop(), "t0", 8);
         case 8:
-          _context0.next = 7;
+          _context11.next = 7;
           break;
         case 9:
-          _context0.next = 11;
+          _context11.next = 11;
           break;
         case 10:
-          _context0.prev = 10;
-          _t8 = _context0["catch"](6);
-          _iterator3.e(_t8);
+          _context11.prev = 10;
+          _t9 = _context11["catch"](6);
+          _iterator3.e(_t9);
         case 11:
-          _context0.prev = 11;
+          _context11.prev = 11;
           _iterator3.f();
-          return _context0.finish(11);
+          return _context11.finish(11);
         case 12:
-          _context0.next = 4;
+          _context11.next = 4;
           break;
         case 13:
-          _context0.next = 15;
+          _context11.next = 15;
           break;
         case 14:
-          _context0.prev = 14;
-          _t9 = _context0["catch"](3);
-          _iterator2.e(_t9);
+          _context11.prev = 14;
+          _t0 = _context11["catch"](3);
+          _iterator2.e(_t0);
         case 15:
-          _context0.prev = 15;
+          _context11.prev = 15;
           _iterator2.f();
-          return _context0.finish(15);
+          return _context11.finish(15);
         case 16:
-          return _context0.abrupt("return", context);
+          return _context11.abrupt("return", context);
         case 17:
         case "end":
-          return _context0.stop();
+          return _context11.stop();
       }
-    }, _callee9, null, [[3, 14, 15, 16], [6, 10, 11, 12]]);
+    }, _callee10, null, [[3, 14, 15, 16], [6, 10, 11, 12]]);
   }));
   return _registrationList.apply(this, arguments);
 }
@@ -10171,7 +10334,7 @@ function renderSignInPopup(dom) {
         }
       }, _callee, null, [[0, 2]]);
     }));
-    return function loginToIssuer(_x1) {
+    return function loginToIssuer(_x16) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -10418,7 +10581,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
   }
   function displayOptions(context) {
     // console.log('displayOptions!', context)
-    function makeNewWorkspace(_x10) {
+    function makeNewWorkspace(_x17) {
       return _makeNewWorkspace.apply(this, arguments);
     } // const status = ''
     function _makeNewWorkspace() {
@@ -10654,60 +10817,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 _callee11() {
+    var _yield$ensureLoadedPr, me, preferencesFile, preferencesFileError, authState, _t1;
+    return regenerator_default().wrap(function (_context12) {
+      while (1) switch (_context12.prev = _context12.next) {
         case 0:
-          _context1.prev = 0;
-          _context1.next = 1;
+          _context12.prev = 0;
+          _context12.next = 1;
           return ensureLoadedPreferences({});
         case 1:
-          _yield$ensureLoadedPr = _context1.sent;
+          _yield$ensureLoadedPr = _context12.sent;
           me = _yield$ensureLoadedPr.me;
           preferencesFile = _yield$ensureLoadedPr.preferencesFile;
           preferencesFileError = _yield$ensureLoadedPr.preferencesFileError;
-          if (!(!preferencesFile || preferencesFileError)) {
-            _context1.next = 2;
+          if (!preferencesFileError) {
+            _context12.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) {
+            _context12.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 _context12.abrupt("return", external_SolidLogic_.solidLogicSingleton.store.each(me, src_ns.rdf('type'), null, preferencesFile.doc()));
         case 4:
+          _context12.prev = 4;
+          _t1 = _context12["catch"](0);
+          src_debug/* warn */.R8(formatDynamicError(_t1, 'Unable to fetch your preferences'));
+          return _context12.abrupt("return", []);
+        case 5:
         case "end":
-          return _context1.stop();
+          return _context12.stop();
       }
-    }, _callee0, null, [[0, 3]]);
+    }, _callee11, null, [[0, 4]]);
   }));
   return _getUserRoles.apply(this, arguments);
 }
-function filterAvailablePanes(_x11) {
+function filterAvailablePanes(_x18) {
   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 _callee12(panes) {
     var userRoles;
-    return regenerator_default().wrap(function (_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
+    return regenerator_default().wrap(function (_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
         case 0:
-          _context10.next = 1;
+          _context13.next = 1;
           return getUserRoles();
         case 1:
-          userRoles = _context10.sent;
-          return _context10.abrupt("return", panes.filter(function (pane) {
+          userRoles = _context13.sent;
+          return _context13.abrupt("return", panes.filter(function (pane) {
             return isMatchingAudience(pane, userRoles);
           }));
         case 2:
         case "end":
-          return _context10.stop();
+          return _context13.stop();
       }
-    }, _callee1);
+    }, _callee12);
   }));
   return _filterAvailablePanes.apply(this, arguments);
 }
@@ -24226,7 +24396,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);