profile-pane 3.2.1 → 3.2.2-test.0

package/lib/sections/projects/mutations.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.processProjectsMutations = processProjectsMutations;
 var _rdflib = require("rdflib");
 var _solidUi = require("solid-ui");
-/* This code is AI generated from Model: GPT-5.3-Codex */
-/* Prompt: I need to store Project data only the url of the project how
-   should I store it please generate the code. Follow other sections */
+var _projectCommunityNodes = require("../shared/projectCommunityNodes");
+var _texts = require("../../texts");
+var _rdfMutationHelpers = require("../shared/rdfMutationHelpers");
+var _debug = require("../../utils/debug");
 function toProjectUrlNode(project) {
   const value = (project.url || '').trim();
   if (!value) return null;
@@ -29,160 +30,136 @@ function normalizeProjectUrlKey(value) {
     return text;
   }
 }
-function isPatchFailure(message) {
-  const text = (message || '').toLowerCase();
-  return text.includes(' on patch ') || text.includes('web error: 500') || text.includes('web error: 501') || text.includes('web error: 405') || text.includes('web error: 400');
-}
-function isMissingGetRecordError(message) {
-  return (message || '').toLowerCase().includes('no record of our http get request for document');
-}
-function statementKey(statement) {
-  return `${statement.subject?.toNT?.() || statement.subject?.value} ${statement.predicate?.toNT?.() || statement.predicate?.value} ${statement.object?.toNT?.() || statement.object?.value} ${statement.why?.toNT?.() || statement.why?.value}`;
-}
-function sanitizePatchStatements(store, deletions, insertions) {
-  const safeDeletions = Array.from(new Map((deletions || []).filter(statement => {
-    if (!statement || !statement.subject || !statement.predicate || !statement.object) return false;
-    return store.holds(statement.subject, statement.predicate, statement.object, statement.why);
-  }).map(statement => [statementKey(statement), statement])).values());
-  const safeInsertions = Array.from(new Map((insertions || []).filter(statement => Boolean(statement && statement.subject && statement.predicate && statement.object)).map(statement => [statementKey(statement), statement])).values());
-  return {
-    safeDeletions,
-    safeInsertions
-  };
-}
-async function runPutFallback(store, doc, deletions, insertions) {
-  const updater = store.updater;
-  const fetcher = store.fetcher;
-  if (!updater || typeof updater.serialize !== 'function' || !fetcher || typeof fetcher.webOperation !== 'function') {
-    throw new Error('Project updates are not supported by this store updater.');
-  }
-  const currentStatements = store.statementsMatching(undefined, undefined, undefined, doc).slice();
-  const deletionKeys = new Set((deletions || []).map(statement => statementKey(statement)));
-  const nextStatements = currentStatements.filter(statement => !deletionKeys.has(statementKey(statement))).concat(insertions || []);
-  const contentType = 'text/turtle';
-  const body = updater.serialize(doc.value, nextStatements, contentType);
-  const response = await fetcher.webOperation('PUT', doc.value, {
-    noMeta: true,
-    contentType,
-    body
-  });
-  if (!response || response.ok !== true) {
-    const status = response?.status || 'unknown';
-    throw new Error(`Web error: ${status} on PUT of <${doc.value}>`);
+function collectListChainNodes(store, listHead, doc) {
+  if (!store.any(listHead, _solidUi.ns.rdf('first'), null, doc)) return [];
+  const visited = new Set();
+  const nodes = [];
+  let current = listHead;
+  while (current) {
+    const key = `${current.termType}:${current.value}`;
+    if (visited.has(key)) break;
+    visited.add(key);
+    nodes.push(current);
+    const rest = store.any(current, _solidUi.ns.rdf('rest'), null, doc);
+    if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) {
+      break;
+    }
+    current = rest;
   }
-  store.remove(deletions);
-  insertions.forEach(statement => {
-    store.add(statement.subject, statement.predicate, statement.object, statement.why);
-  });
+  return nodes;
 }
-async function runUpdateWithDavFallback(store, doc, deletions, insertions) {
-  const updater = store.updater;
-  if (!updater || typeof updater.update !== 'function') {
-    throw new Error('Project updates are not supported by this store updater.');
-  }
-  const {
-    safeDeletions,
-    safeInsertions
-  } = sanitizePatchStatements(store, deletions, insertions);
-  if (safeDeletions.length === 0 && safeInsertions.length === 0) {
-    return;
-  }
-  const tryUpdate = () => new Promise((resolve, reject) => {
-    updater.update(safeDeletions, safeInsertions, (_uri, ok, message) => {
-      if (ok === true) {
-        resolve();
-        return;
-      }
-      reject(new Error(message || 'Failed to save projects'));
+function collectCommunityCleanupStatements(store, statement, fallbackDoc) {
+  const doc = statement.why || fallbackDoc;
+  const cleanup = [(0, _rdflib.st)(statement.subject, statement.predicate, statement.object, doc)];
+  const objectNode = statement.object;
+  if ((0, _projectCommunityNodes.isRdfListNode)(store, objectNode, doc)) {
+    collectListChainNodes(store, objectNode, doc).forEach(listNode => {
+      cleanup.push(...store.statementsMatching(listNode, null, null, doc));
     });
-  });
-  try {
-    await tryUpdate();
-    return;
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    if (!isPatchFailure(message) || typeof updater.updateDav !== 'function') {
-      throw error;
-    }
-    if (store.fetcher && typeof store.fetcher.load === 'function') {
-      try {
-        await store.fetcher.load(doc);
-      } catch {
-        // continue to fallback
-      }
-    }
-    try {
-      await new Promise((resolve, reject) => {
-        updater.updateDav(doc, safeDeletions, safeInsertions, (_uri, ok, body) => {
-          if (ok === true) {
-            resolve();
-            return;
-          }
-          reject(new Error(body || message || 'Failed to save projects'));
-        });
-      });
-    } catch (davError) {
-      const davMessage = davError instanceof Error ? davError.message : String(davError);
-      if (!isMissingGetRecordError(davMessage)) {
-        throw davError;
-      }
-      await runPutFallback(store, doc, safeDeletions, safeInsertions);
-    }
+    return cleanup;
   }
+  if (objectNode.termType === 'BlankNode') {
+    cleanup.push(...store.statementsMatching(objectNode, null, null, doc));
+  }
+  return cleanup;
 }
 async function mutateProjectEntries(store, subject, projectOps) {
   const doc = subject.doc();
-  const existingLinks = store.each(subject, _solidUi.ns.solid('community'), null, doc);
-  const existingByUrl = new Map();
-  existingLinks.forEach(linkNode => {
-    if (!linkNode || linkNode.termType !== 'NamedNode') return;
-    const key = normalizeProjectUrlKey(linkNode.value);
-    if (key && !existingByUrl.has(key)) {
-      existingByUrl.set(key, linkNode);
-    }
+  const existingLinks = store.statementsMatching(subject, _solidUi.ns.solid('community'), null, null);
+  const batchesByDoc = new Map();
+  const docKeyByUrl = new Map();
+  const touchedDocs = new Set();
+  const getDocBatch = targetDoc => {
+    const existing = batchesByDoc.get(targetDoc.value);
+    if (existing) return existing;
+    const next = {
+      doc: targetDoc,
+      cleanupStatements: [],
+      currentUrlsByKey: new Map()
+    };
+    batchesByDoc.set(targetDoc.value, next);
+    return next;
+  };
+  existingLinks.forEach(statement => {
+    const targetDoc = statement.why || doc;
+    const batch = getDocBatch(targetDoc);
+    batch.cleanupStatements.push(...collectCommunityCleanupStatements(store, statement, doc));
+    const objectNode = statement.object;
+    const communityNodes = (0, _projectCommunityNodes.expandCommunityNodes)(store, objectNode, targetDoc);
+    communityNodes.forEach(communityNode => {
+      const url = (0, _projectCommunityNodes.projectUrlFromCommunityNode)(communityNode, store);
+      const key = normalizeProjectUrlKey(url);
+      if (!key || docKeyByUrl.has(key)) return;
+      docKeyByUrl.set(key, targetDoc.value);
+      batch.currentUrlsByKey.set(key, url);
+    });
   });
-  const deletions = [];
-  const insertions = [];
-  const removeLink = link => {
-    deletions.push((0, _rdflib.st)(subject, _solidUi.ns.solid('community'), link, doc));
+  const ensureDocTouched = docKey => {
+    touchedDocs.add(docKey);
+  };
+  const removeExistingUrl = key => {
+    const targetDocKey = docKeyByUrl.get(key);
+    if (!targetDocKey) return null;
+    const batch = batchesByDoc.get(targetDocKey);
+    if (!batch) return null;
+    batch.currentUrlsByKey.delete(key);
+    docKeyByUrl.delete(key);
+    ensureDocTouched(targetDocKey);
+    return batch.doc;
   };
-  const addLink = link => {
-    insertions.push((0, _rdflib.st)(subject, _solidUi.ns.solid('community'), link, doc));
+  const addUrlToDoc = (targetDoc, url) => {
+    const key = normalizeProjectUrlKey(url);
+    if (!key || docKeyByUrl.has(key)) return;
+    const batch = getDocBatch(targetDoc);
+    batch.currentUrlsByKey.set(key, url);
+    docKeyByUrl.set(key, targetDoc.value);
+    ensureDocTouched(targetDoc.value);
   };
   projectOps.remove.forEach(project => {
     const entryKey = normalizeProjectUrlKey(project.entryNode || '');
     const urlKey = normalizeProjectUrlKey(project.url);
-    const existing = entryKey && existingByUrl.get(entryKey) || urlKey && existingByUrl.get(urlKey);
-    if (existing) removeLink(existing);
+    if (entryKey) {
+      removeExistingUrl(entryKey);
+      return;
+    }
+    if (urlKey) {
+      removeExistingUrl(urlKey);
+    }
   });
   projectOps.update.forEach(project => {
     const newLink = toProjectUrlNode(project);
-    const urlKey = normalizeProjectUrlKey(project.url);
     const entryKey = normalizeProjectUrlKey(project.entryNode || '');
-    const existing = entryKey && existingByUrl.get(entryKey) || urlKey && existingByUrl.get(urlKey);
-    if (existing) removeLink(existing);
-    if (newLink) addLink(newLink);
-  });
-  const seenCreateUrlKeys = new Set();
-  projectOps.create.forEach(project => {
     const urlKey = normalizeProjectUrlKey(project.url);
-    if (urlKey && (existingByUrl.has(urlKey) || seenCreateUrlKeys.has(urlKey))) {
-      return;
+    const removedDoc = entryKey && removeExistingUrl(entryKey) || urlKey && removeExistingUrl(urlKey) || doc;
+    if (newLink) {
+      addUrlToDoc(removedDoc, newLink.value);
     }
+  });
+  projectOps.create.forEach(project => {
     const newLink = toProjectUrlNode(project);
     if (!newLink) return;
-    addLink(newLink);
-    if (urlKey) {
-      seenCreateUrlKeys.add(urlKey);
-    }
+    addUrlToDoc(doc, newLink.value);
   });
-  await runUpdateWithDavFallback(store, doc, deletions, insertions);
+  for (const docKey of touchedDocs) {
+    const batch = batchesByDoc.get(docKey);
+    if (!batch) continue;
+    const insertions = Array.from(batch.currentUrlsByKey.values()).map(url => (0, _rdflib.st)(subject, _solidUi.ns.solid('community'), (0, _rdflib.sym)(url), batch.doc));
+    await (0, _rdfMutationHelpers.runUpdateTransport)(store, batch.doc, batch.cleanupStatements, insertions, {
+      unsupportedMessage: 'Project updates are not supported by this store updater.',
+      failureMessage: 'Failed to save projects',
+      useDavFallback: true,
+      usePutFallback: true
+    });
+  }
 }
 async function processProjectsMutations(store, subject, mutationPlan) {
   try {
     await mutateProjectEntries(store, subject, mutationPlan);
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    throw new Error(`Failed to save projects: ${message}`);
+  } catch (err) {
+    const rootError = err instanceof Error ? err : new Error(String(err));
+    (0, _debug.error)(_texts.projectsMutationSaveFailedDebugText, rootError);
+    throw new Error(_texts.saveProjectsUpdatesFailedMessageText, {
+      cause: rootError
+    });
   }
 }

package/lib/sections/projects/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAiGxC,wBAAsB,4BAA4B,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiCtG;AA4BD,wBAAsB,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAgErG"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAwCxC,wBAAsB,4BAA4B,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiCtG;AA4BD,wBAAsB,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAgErG"}

package/lib/sections/projects/selectors.js

@@ -7,20 +7,12 @@ exports.ensureProjectDocumentsLoaded = ensureProjectDocumentsLoaded;
 exports.presentProjects = presentProjects;
 var _rdflib = require("rdflib");
 var _solidUi = require("solid-ui");
-var _rdfList = require("../shared/rdfList");
-/* The following functions communityNodesForSubject and ensureProjectDocumentsLoaded 
-   and a few updates in presentProjects are generated by AI Model: GPT-5.3-Codex */
-/* Prompt: Image and business type are not displaying, could it be that I didn't load
-  the document? */
+var _projectCommunityNodes = require("../shared/projectCommunityNodes");
 function communityNodesForSubject(subject, store, doc) {
   const inProfileDoc = store.each(subject, _solidUi.ns.solid('community'), null, doc);
   const inAnyDoc = store.each(subject, _solidUi.ns.solid('community'), null, null);
   const rawNodes = [...inProfileDoc, ...inAnyDoc];
-  const expandedNodes = rawNodes.flatMap(node => {
-    const hasCollectionElements = Array.isArray(node?.elements);
-    const isListByTriples = (node.termType === 'BlankNode' || node.termType === 'NamedNode') && Boolean(store.any(node, _solidUi.ns.rdf('first')));
-    return hasCollectionElements || isListByTriples ? (0, _rdfList.expandRdfList)(store, node) : [node];
-  });
+  const expandedNodes = rawNodes.flatMap(node => (0, _projectCommunityNodes.expandCommunityNodes)(store, node, doc));
   const seen = new Set();
   const nodes = [];
   for (const node of expandedNodes) {
@@ -41,39 +33,6 @@ function clearStaleRequestedState(fetcher, docUrl) {
   }
   return previous;
 }
-function linkedProjectNodeFromCommunityNode(node, store) {
-  if (!node) return null;
-  if (node.termType === 'NamedNode') return node;
-  if (node.termType === 'Literal') {
-    try {
-      return (0, _rdflib.sym)(node.value);
-    } catch {
-      return null;
-    }
-  }
-  if (node.termType !== 'BlankNode') return null;
-  const candidatePredicates = [_solidUi.ns.solid('publicId'), _solidUi.ns.schema('url'), _solidUi.ns.foaf('homepage'), _solidUi.ns.rdfs('seeAlso'), _solidUi.ns.schema('sameAs'), _solidUi.ns.schema('mainEntityOfPage')];
-  for (const predicate of candidatePredicates) {
-    const linked = store.any(node, predicate);
-    if (!linked?.value) continue;
-    if (linked.termType === 'NamedNode') {
-      return linked;
-    }
-    if (linked.termType === 'Literal') {
-      try {
-        return (0, _rdflib.sym)(linked.value);
-      } catch {
-        // Keep trying the next predicate.
-      }
-    }
-  }
-  const outgoing = store.statementsMatching(node, null, null, null);
-  const firstNamedNode = outgoing.find(statement => statement.object.termType === 'NamedNode');
-  if (firstNamedNode?.object?.value) {
-    return firstNamedNode.object;
-  }
-  return null;
-}
 async function ensureProjectDocumentsLoaded(subject, store) {
   const profileDoc = subject.doc();
   const fetcher = store?.fetcher;
@@ -83,7 +42,7 @@ async function ensureProjectDocumentsLoaded(subject, store) {
   const communityNodes = communityNodesForSubject(subject, store, profileDoc);
   const docsToLoad = new Map();
   for (const node of communityNodes) {
-    const linkedProjectNode = linkedProjectNodeFromCommunityNode(node, store);
+    const linkedProjectNode = (0, _projectCommunityNodes.linkedProjectNodeFromCommunityNode)(node, store);
     if (!linkedProjectNode) continue;
     const projectDoc = linkedProjectNode.doc();
     docsToLoad.set(projectDoc.value, projectDoc);
@@ -130,7 +89,7 @@ async function presentProjects(subject, store) {
   const seen = new Set();
   const communityNodes = communityNodesForSubject(subject, store, doc);
   const projects = communityNodes.map(communityNode => {
-    const linkedProjectNode = linkedProjectNodeFromCommunityNode(communityNode, store);
+    const linkedProjectNode = (0, _projectCommunityNodes.linkedProjectNodeFromCommunityNode)(communityNode, store);
     const url = linkedProjectNode?.value || projectNodeToUrl(communityNode);
     const key = normalizeUrlKey(url);
     const projectNode = linkedProjectNode || toProjectNamedNode(communityNode, url);

package/lib/{QRCodeCard.d.ts → sections/qrcode/QRCodeCard.d.ts}

@@ -1,7 +1,8 @@
 import { TemplateResult } from 'lit-html';
 import { NamedNode } from 'rdflib';
-import './styles/QRCodeCard.css';
 type LegacySubjectArg = NamedNode | string;
+export declare function hydrateQRCodeElement(QRCodeElement: HTMLElement): Promise<void>;
+export declare function hydrateQRCodes(root: ParentNode): Promise<void>;
 export declare const QRCodeCard: (arg1: LegacySubjectArg, arg2?: unknown, arg3?: unknown) => TemplateResult;
 export {};
 //# sourceMappingURL=QRCodeCard.d.ts.map

package/lib/sections/qrcode/QRCodeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeCard.d.ts","sourceRoot":"","sources":["../../../src/sections/qrcode/QRCodeCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAa,SAAS,EAAE,MAAM,QAAQ,CAAA;AAS7C,KAAK,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAA;AA8G1C,wBAAsB,oBAAoB,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAkBpF;AAED,wBAAsB,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAQpE;AAED,eAAO,MAAM,UAAU,GACrB,MAAM,gBAAgB,EACtB,OAAO,OAAO,EACd,OAAO,OAAO,KACb,cAkEF,CAAA"}

package/lib/{QRCodeCard.js → sections/qrcode/QRCodeCard.js}

@@ -4,10 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QRCodeCard = void 0;
+exports.hydrateQRCodeElement = hydrateQRCodeElement;
+exports.hydrateQRCodes = hydrateQRCodes;
 var _litHtml = require("lit-html");
 var _solidUi = require("solid-ui");
-require("./styles/QRCodeCard.css");
-var _texts = require("./texts");
+var _debug = require("../../utils/debug");
+var qrcode = _interopRequireWildcard(require("qrcode"));
+var _texts = require("../../texts");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /* Part of this code was generated by AI Model: GPT-5.3-Codex */
 /* Prompt: The QRCode has a label "link to profile" but it should
  be a VCARD with name, and link to profile. So when you scan it 
@@ -76,6 +80,49 @@ function firstContactValue(store, subject, predicate, kind) {
   }
   return '';
 }
+const qrCodeRenderOptions = {
+  type: 'svg',
+  color: {
+    dark: '#000000',
+    light: '#ffffff'
+  }
+};
+function renderQRCodeSvg(value) {
+  return new Promise((resolve, reject) => {
+    qrcode.toString(value, qrCodeRenderOptions, (error, svg) => {
+      if (error) {
+        reject(error);
+        return;
+      }
+      resolve(svg);
+    });
+  });
+}
+async function hydrateQRCodeElement(QRCodeElement) {
+  const value = QRCodeElement.getAttribute('data-value');
+  if (!value) {
+    (0, _debug.error)('QRCode data-value missing');
+    return;
+  }
+  const imageContainer = QRCodeElement.querySelector('.qrcode-card__image');
+  if (!imageContainer) {
+    (0, _debug.error)('QRCode image container missing');
+    return;
+  }
+  try {
+    imageContainer.innerHTML = await renderQRCodeSvg(value);
+  } catch (error) {
+    (0, _debug.error)('QRcode error!', error);
+  }
+}
+async function hydrateQRCodes(root) {
+  const QRCodeElements = Array.from(root.querySelectorAll('.qrcode-card'));
+  if (!QRCodeElements.length) {
+    (0, _debug.error)('QRCode Ele missing');
+    return;
+  }
+  await Promise.all(QRCodeElements.map(element => hydrateQRCodeElement(element)));
+}
 const QRCodeCard = (arg1, arg2, arg3) => {
   const {
     subject,
@@ -98,23 +145,24 @@ const QRCodeCard = (arg1, arg2, arg3) => {
   }
   vCardLines.push('END:VCARD');
   const vCard = vCardLines.join('\r\n');
-
-  // console.log(`@@ qrcodes colours highlightColor ${highlightColor}, backgroundColor ${backgroundColor}`)
-
   return (0, _litHtml.html)`
     <figure 
-      class="qrcode-card flex-column-center"
+      class="qrcode-card"
       data-value="${vCard}"
       data-testid="qrcode-card"
       aria-labelledby="qr-code-caption"
       role="img"
       aria-describedby="qr-code-description"
     >
-      <div 
-        aria-label="Static QR code containing contact information for ${name}"
-        role="img"
-        tabindex="0"
-      ></div>
+      <div class="qrcode-card__frame">
+        <div 
+          class="qrcode-card__image"
+          aria-label="Static QR code containing contact information for ${name}"
+          role="img"
+          tabindex="0"
+        >
+        </div>
+      </div>
       <figcaption 
         id="qr-code-caption" 
         class="qrcode-card__caption"

package/lib/sections/qrcode/QRCodeSection.css

@@ -0,0 +1,108 @@
+/* QR code section styles. */
+
+.profile__qr-code {
+  --qrcode-card-gap: var(--spacing-md, 1.25rem);
+  --qrcode-card-caption-color: var(--color-text-strong-secondary, var(--gray-800, #1E2939));
+  --qrcode-card-caption-size: var(--font-size-md, 1rem);
+  --qrcode-card-caption-size-compact: var(--font-size-sm, 0.875rem);
+  --qrcode-card-caption-weight: var(--font-weight-md, 500);
+  --qrcode-card-image-padding-top: 1rem;
+  --qrcode-card-image-padding-right: 1rem;
+  --qrcode-card-image-padding-bottom: 1.0625rem;
+  --qrcode-card-image-padding-left: 1.0625rem;
+  --qrcode-card-frame-border: var(--border-width-thin, 0.1rem) solid var(--color-border, var(--gray-200, #E5E7EB));
+  --qrcode-card-frame-background: var(--color-surface-framed-content, #F3F4F6);
+  --qrcode-section-padding-compact: var(--spacing-sm, 0.938rem);
+  --qrcode-section-gap-compact: var(--spacing-2xs, 0.625rem);
+  border-radius: var(--border-radius-base, 0.3125rem);
+  background: var(--color-card-bg, var(--white, #FFF));
+  border: var(--border-width-thin, 0.1rem) solid var(--color-border-lighter, #E2E8F0);
+}
+
+/* Caption */
+.qrcode-card__caption {
+  text-align: center;
+  margin: 0;
+  color: var(--qrcode-card-caption-color);
+  font-size: var(--qrcode-card-caption-size);
+  font-weight: var(--qrcode-card-caption-weight);
+}
+
+/* Card and frame */
+.qrcode-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--qrcode-card-gap);
+  align-self: stretch;
+}
+
+.qrcode-card__frame {
+  margin: 0;
+  padding:
+    var(--qrcode-card-image-padding-top)
+    var(--qrcode-card-image-padding-right)
+    var(--qrcode-card-image-padding-bottom)
+    var(--qrcode-card-image-padding-left);
+  border-radius: var(--border-radius-base, 0.3125rem);
+  border: var(--qrcode-card-frame-border);
+  background: var(--qrcode-card-frame-background);
+}
+
+/* QR image */
+.qrcode-card__image {
+  flex-shrink: 0;
+  aspect-ratio: 1/1;
+}
+
+.qrcode-card__image svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+/* Compact layout */
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .profile__qr-code {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  padding: var(--qrcode-section-padding-compact);
+  gap: var(--qrcode-section-gap-compact);
+}
+
+@container profile-pane (max-width: 576px) {
+  .profile__qr-code {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    padding: var(--qrcode-section-padding-compact);
+    gap: var(--qrcode-section-gap-compact);
+  }
+}
+
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .qrcode-card__caption {
+  font-size: var(--qrcode-card-caption-size-compact);
+}
+
+@media (max-width: 576px) {
+  .profile__qr-code {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    padding: var(--qrcode-section-padding-compact);
+    gap: var(--qrcode-section-gap-compact);
+  }
+
+  .qrcode-card__caption {
+    font-size: var(--qrcode-card-caption-size-compact);
+  }
+}
+
+@container profile-pane (max-width: 576px) {
+  .qrcode-card__caption {
+    font-size: var(--qrcode-card-caption-size-compact);
+  }
+}

package/lib/sections/qrcode/QRCodeSection.d.ts

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import './QRCodeSection.css';
+export declare function renderQRCodeSection(subject: NamedNode, store: LiveStore): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=QRCodeSection.d.ts.map

package/lib/sections/qrcode/QRCodeSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeSection.d.ts","sourceRoot":"","sources":["../../../src/sections/qrcode/QRCodeSection.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,qBAAqB,CAAA;AAE5B,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,wCAOvE"}

package/lib/sections/qrcode/QRCodeSection.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderQRCodeSection = renderQRCodeSection;
+var _litHtml = require("lit-html");
+var _QRCodeCard = require("./QRCodeCard");
+require("./QRCodeSection.css");
+function renderQRCodeSection(subject, store) {
+  return (0, _litHtml.html)`
+      <section class="profile__section profile__qr-code" data-profile-section="qr-code" aria-labelledby="qr-heading" tabindex="-1">
+        <h3 id="qr-heading" class="sr-only">QR code</h3>
+        ${(0, _QRCodeCard.QRCodeCard)(subject, store)}
+      </section>
+  `;
+}

package/lib/sections/resume/ResumeEditDialog.d.ts

@@ -1,7 +1,16 @@
+import 'solid-ui/components/actions/button';
+import 'solid-ui/components/forms/combobox';
+import 'solid-ui/components/forms/select';
 import { RoleDetails } from './types';
 import '../../styles/EditDialogs.css';
-import '../../styles/ContactInfoEditDialog.css';
+import '../contactInfo/ContactInfoEditDialog.css';
 import { LiveStore, NamedNode } from 'rdflib';
 import { ViewerMode } from '../../types';
+type ResumeOrganizationSuggestion = {
+    label: string;
+    publicId: string;
+};
+export declare function fetchWikidataOrganizationSuggestions(name: string, selectedType: string): Promise<ResumeOrganizationSuggestion[]>;
 export declare function createResumeEditDialog(event: Event, store: LiveStore, subject: NamedNode, resumeData: RoleDetails[], viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): Promise<void>;
+export {};
 //# sourceMappingURL=ResumeEditDialog.d.ts.map

package/lib/sections/resume/ResumeEditDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResumeEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/ResumeEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAChD,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+nBxC,wBAAsB,sBAAsB,CAC1C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,WAAW,EAAE,EACzB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAoDrC"}
+{"version":3,"file":"ResumeEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/ResumeEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAChD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0CAA0C,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA4BxC,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AA4OD,wBAAsB,oCAAoC,CACxD,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,4BAA4B,EAAE,CAAC,CA+CzC;AAi3BD,wBAAsB,sBAAsB,CAC1C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,WAAW,EAAE,EACzB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAoDrC"}