mashlib 2.1.2 → 2.1.3-6db169bc

package/dist/mashlib.js

@@ -20855,6 +20855,16 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
+/***/ },
+
+/***/ 7436
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ },
 
 /***/ 1295
@@ -30848,13 +30858,13 @@ function skillAsText(store, sk) {
   }
   const manual = store.anyJS(sk, _solidUi.ns.vcard('role'));
   if (manual && manual[0] > '') return manual;
-  return '¿¿¿ skill ???';
+  return '';
 }
 function languageAsText(store, lan) {
   if (lan.termType === 'Literal') return lan.value; // Not normal but allow this
   const publicId = store.anyJS(lan, _solidUi.ns.solid('publicId'));
   if (publicId) return _solidUi.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
-  return '-';
+  return '';
 }
 function datesAsText(startDate, endDate) {
   return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' + (endDate ? endDate.value.slice(0, 10) : '') + ')' : '';
@@ -30933,13 +30943,15 @@ function presentCV(subject, store) {
       return x.startDate > y.startDate ? -1 : 1;
     });
   }
-  const skills = store.each(subject, _solidUi.ns.schema('skills')).map(sk => skillAsText(store, sk));
+  const skills = store.each(subject, _solidUi.ns.schema('skills')).map(sk => skillAsText(store, sk)).filter(skill => skill !== '');
   const languageNodes = store.each(subject, _solidUi.ns.schema('knowsLanguage'));
   const languages = languageNodes.flatMap(node => expandRdfList(store, node)).map(lan => languageAsText(store, lan));
+  // Deduplicate languages
+  const uniqueLanguages = Array.from(new Set(languages));
   return {
     rolesByType,
     skills,
-    languages
+    languages: uniqueLanguages
   };
 }
 
@@ -31195,6 +31207,7 @@ var _ProfileCard = __webpack_require__(8348);
 var _CVCard = __webpack_require__(5956);
 var _SocialCard = __webpack_require__(1038);
 var _StuffCard = __webpack_require__(135);
+var _texts = __webpack_require__(1363);
 // 20210527
 // 20210527
 // 20210527
@@ -31213,9 +31226,6 @@ function renderEditButton (subject) {
 
 async function ProfileView(subject, context) {
   const store = context.session.store;
-
-  // Load ontologies first
-  await (0, _SocialPresenter.loadProfileForm)(store);
   const profileBasics = (0, _presenter.presentProfile)(subject, store);
   const rolesByType = (0, _CVPresenter.presentCV)(subject, store);
   const accounts = (0, _SocialPresenter.presentSocial)(subject, store);
@@ -31228,19 +31238,7 @@ async function ProfileView(subject, context) {
       role="main"
       aria-label="Profile for ${profileBasics.name}"
       tabindex="-1"
-    >
-      <!-- Enhanced breadcrumb navigation -->
-      <nav id="profile-nav" aria-label="Profile sections" class="visually-hidden">
-        <ol>
-          <li><a href="#profile-card-heading">Personal Information</a></li>
-          ${(() => {
-    const cv = (0, _CVCard.CVCard)(rolesByType);
-    return cv && cv.strings && cv.strings.join('').trim() !== '' ? (0, _litHtml.html)`<li><a href="#cv-heading">Resume</a></li>` : '';
-  })()}
-          ${accounts.accounts && accounts.accounts.length > 0 ? (0, _litHtml.html)`<li><a href="#social-heading" id="social-accounts">Social Accounts</a></li>` : ''}
-          <li><a href="#chat-heading" id="contact-section">Contact</a></li>
-        </ol>
-      </nav>
+    > 
 
       <article 
         aria-labelledby="profile-card-heading" 
@@ -31264,7 +31262,7 @@ async function ProfileView(subject, context) {
             tabindex="-1"
           >
             <header class="text-center mb-md">
-              <h2 id="cv-heading" tabindex="-1">Resume</h2>
+              <h2 id="cv-heading" tabindex="-1">${_texts.resumeHeadingText}</h2>
             </header>
             <div>
               ${cv}
@@ -31281,7 +31279,7 @@ async function ProfileView(subject, context) {
           tabindex="-1"
         >
           <header class="text-center mb-md">
-            <h2 id="social-heading" tabindex="-1">Social Accounts</h2>
+            <h2 id="social-heading" tabindex="-1">${_texts.socialAccountsHeadingText}</h2>
           </header>
           <nav aria-label="Social media links">
             ${(0, _SocialCard.SocialCard)(accounts)}
@@ -31297,7 +31295,7 @@ async function ProfileView(subject, context) {
           tabindex="-1"
         >
           <header class="text-center mb-md">
-            <h2 id="stuff-heading" tabindex="-1">Shared Items</h2>
+            <h2 id="stuff-heading" tabindex="-1">${_texts.sharedItemsHeadingText}</h2>
           </header>
           <div>
             ${(0, _StuffCard.StuffCard)(profileBasics, context, subject, stuffData)}
@@ -31315,7 +31313,7 @@ async function ProfileView(subject, context) {
             tabindex="-1"
           >
             <header class="text-center mb-md">
-              <h2 id="friends-heading" tabindex="-1">Friends</h2>
+              <h2 id="friends-heading" tabindex="-1">${_texts.friendsHeadingText}</h2>
             </header>
             <div role="list" aria-label="Friend connections">
               ${friends}
@@ -31331,7 +31329,7 @@ async function ProfileView(subject, context) {
         tabindex="-1"
       >
         <header class="text-center mb-md">
-          <h2 id="chat-heading" tabindex="-1">Contact</h2>
+          <h2 id="chat-heading" tabindex="-1">${_texts.contactHeadingText}</h2>
         </header>
         <div>
           ${(0, _ChatWithMe.ChatWithMe)(subject, context)}
@@ -31502,7 +31500,6 @@ const SocialCard = SocialData => {
               target="_blank" 
               rel="noopener noreferrer" 
               aria-label="Visit ${account.name} profile (opens in new tab)"
-              style="display: flex; align-items: center; gap: 0.5em; text-decoration: none;"
             >
               <img 
                 class="socialIcon" 
@@ -31531,59 +31528,46 @@ exports.SocialCard = SocialCard;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.loadProfileForm = loadProfileForm;
 exports.presentSocial = presentSocial;
-var _rdflib = __webpack_require__(8230);
 var _solidUi = __webpack_require__(500);
-/* babel-plugin-inline-import './ontology/profileForm.ttl' */
-const profileForm = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix esco: <http://data.europa.eu/esco/model#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n# About forms: https://solidos.github.io/solid-ui/docs/forms-intro.html\n# About personal public data:  https://www.w3.org/DesignIssues/PersonalPublic.html\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Profile form\" ;\n    a ui:Form ;\n    # ui:part :backgroundColor, :highlightColor;\n    ui:parts (\n      :styleGroup\n      :nicknameField\n      :pronounsForm\n      :LanguagesPrompt :LanguagesForm\n      :SocialsPrompt :SocialsForm\n      :CVGroup\n      :SkillsPrompt :SkillsForm\n      ).\n\n:styleGroup a ui:Group; ui:weight 0; ui:parts ( :styleHeading :backgroundColor :highlightColor ).\n    :styleHeading a ui:Heading; ui:contents \"The style of your public profile.\".\n    :backgroundColor a ui:ColorField; ui:property solid:profileBackgroundColor;\n      ui:label \"Background color\"; ui:default \"#ffffff\".\n    :highlightColor a ui:ColorField; ui:property solid:profileHighlightColor;\n      ui:label \"Highlight color\"; ui:default \"#000000\".\n\n# Nickname\n\n:nicknameField a ui:SingleLineTextField; ui:size 12; ui:property foaf:nick;\n      ui:label \"Short name for chats, etc.\"@en, \"nom court\"@fr.\n\n # Pronouns\n\n :pronounsForm a ui:Group; ui:weight 0; ui:parts ( :pronounsPrompt :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n    :pronounsPrompt a ui:Comment; ui:contents  \"What are your pronouns?\" .\n\n    :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n        ui:size 10; ui:label \"he/she/they...\" .\n    :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n        ui:size 10; ui:label \"him/her/them...\" .\n    :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n        ui:size 10; ui:label \"his/hers/theirs...\" .\n\n  # Curriculum Vitae: membership of organizations\n\n  :CVHeading a ui:Heading; ui:contents \"Public Curriculum Vitae\".\n  :CVPrompt a ui:Comment; ui:contents  \"What organizations have you been involved with?\" .\n\n    :CVGroup a ui:Group; ui:weight 1; ui:parts ( :CVHeading :CVPrompt :involvementWithOrganizationsForm ).\n\n\n  solid:Role a rdfs:Class; owl:oneOf ( solid:CurrentRole solid:FormerRole solid:FutureRole ). # Future Role too?\n\n  org:member owl:inverse [ ui:label \"involvement with company, org etc\" ]. # timelimited involvement\n\n  :involvementWithOrganizationsForm a ui:Multiple;\n      ui:label \"Involvement with Organization\";\n      ui:property org:member; ui:reverse true; # link back from role to member\n      ui:ordered false; # Allow user to order CV secions rather than force date order? No.\n      ui:part :RoleMembershipForm.\n\n# This is a big important form for one of a series of roles in the list.\n\n  :RoleMembershipForm a ui:Group; ui:weight 3; ui:parts ( :MembershipFormHeading :roleNameField\n        :escoOccupationField :orgField :RoleClassifier :RoleDatesForm :RoleDescriptionForm).\n\n     :MembershipFormHeading a ui:Heading; ui:contents \"Details of this role\"@en, \"D\xE9tailes de ce r\xF4le\"@fr .\n\n     :orgField a ui:Choice; ui:label \"Organization\"@en, \"Organization\"@fr;\n          ui:canMintNew true; ui:use :OrganizationCreationForm ;\n          ui:property org:organization;\n          ui:from vcard:Organization .\n     :roleNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 60 .\n\n    :escoOccupationField a ui:AutocompleteField;\n          ui:label \"occupation\"; ui:size 60;\n          ui:property org:role;\n          ui:dataSource :ESCO_Occupation_DataSource;\n           ui:targetClass schema:Occupation .\n\n         :ESCO_Occupation_DataSource a ui:DataSource;\n            schema:name \"ESCO\";\n            ui:targetClass schema:Occupation ;\n            schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n            ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&type=occupation&text=$(name)\".\n\n     :instituteIdentityField a ui:AutocompleteField; ui:label \"in wikidata\";\n          ui:size 60;\n          ui:property solid:publicId; ui:dataSource :WikidataOnOrganizations.\n\n     :WikidataOnOrganizations a ui:DataSource ;\n       schema:name \"Wikidata\";\n       ui:endpoint \"https://query.wikidata.org/sparql\" ;\n       ui:targetClass  <http://www.wikidata.org/entity/Q43229>; # Use if nothing else\n       ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n       WHERE {\n         ?klass wdt:P279* $(targetClass) .\n         ?subject wdt:P31 ?klass .\n         ?subject rdfs:label ?name.\n         FILTER regex(?name, \"$(name)\", \"i\")\n       } LIMIT $(limit) \"\"\" .\n\n      :WikidataOnOrganizations ui:classMap\n       [ ui:internalClass schema:Corporation; ui:externalClass <http://www.wikidata.org/entity/Q6881511>], #Enterprise is for-profit\n       [ ui:internalClass schema:EducationalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q178706>], #insitution\n       [ ui:internalClass schema:ResearchOrganization; ui:externalClass <http://www.wikidata.org/entity/Q31855>], # reearch insitutie\n       [ ui:internalClass schema:GovernmentOrganization; ui:externalClass <http://www.wikidata.org/entity/Q327333>], #government agency\n       [ ui:internalClass schema:MedicalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4287745>],\n       [ ui:internalClass schema:MusicGroup; ui:externalClass <http://www.wikidata.org/entity/Q32178211>], #music organization\n       [ ui:internalClass schema:NGO; ui:externalClass <http://www.wikidata.org/entity/Q163740>], #nonprofit organization @@\n       [ ui:internalClass schema:Occupation; ui:externalClass <http://www.wikidata.org/entity/Q28640>], # superclass: Profession\n       [ ui:internalClass schema:Organization; ui:externalClass <http://www.wikidata.org/entity/Q43229>], # Superclass; Organization\n       [ ui:internalClass schema:Project; ui:externalClass <http://www.wikidata.org/entity/Q170584>],\n       [ ui:internalClass schema:SportsOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4438121>] .\n\n\n# eposodes in one's career - Roles\n\nsolid:Role owl:disjointUnionOf ( solid:PastRole solid:CurrentRole solid:FutureRole ) .\nsolid:PastRole a rdfs:Class; rdfs:label \"former role\"@en, \"ancien r\xF4le\"@fr, \"vergangene Rolle\"@de, \"rol anterior\"@es .\nsolid:CurrentRole a rdfs:Class; rdfs:label \"current role\"@en, \"r\xF4le actuel\"@fr, \"momentane Rolle\"@de , \"rol actual\"@es .\nsolid:FutureRole a rdfs:Class; rdfs:label \"future role\"@en, \"r\xF4le \xE0 venir\"@fr, \"zuk\xFCnftige Rolle\"@de, \"rol futuro\"@es .\n\n:RoleDatesGroup a ui:Group; ui:weight 0; ui:parts ( :RoleClassifier :RoleDatesForm ) .\n  :RoleClassifier a ui:Classifier; ui:label \"What sort of role?\"@en;\n      ui:category solid:Role .\n\n  :RoleDatesForm a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for solid:PastRole; ui:use :TwoDateForm ],\n     [ ui:for solid:CurrentRole; ui:use :StartDateForm ],\n     [ ui:for solid:FutureRole; ui:use :StartDateForm ].\n\n      :StartDateForm a ui:DateField; ui:label \"start\"@en,\"d\xE9but\"@fr;\n          ui:property schema:startDate .\n      :TwoDateForm a ui:Group; ui:weight 0; ui:parts ( :StartDateForm :EndDateForm ) .\n      :EndDateForm a ui:DateField; ui:label \"end\"@en,\"fin\"@fr;\n          ui:property schema:endDate .\n\n:RoleDescriptionForm a ui:MultiLineTextField; ui:property schema:description;\n  ui:label \"Describe your role\" .\n\n# Organizations\n\n vcard:Organization ui:creationForm :OrganizationCreationForm  .\n\n# Ontology data to drive the classifier\n\nsolid:InterestingOrganization owl:disjointUnionOf  (\n# Airline - a Corporation\n# Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization  # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n# FundingScheme - eh?\n schema:GovernmentOrganization\n# LibrarySystem\n# LocalBusiness - Corporation\n# MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\nschema:PerformingGroup # a band\nschema:Project # like Solid\nschema:SportsOrganization # a Team\nsolid:OtherOrganization\n ) .\n\n# This until the schema.org ontology adopts it\nschema:ResearchOrganization a rdfs:Class; rdfs:label \"Research Organization\"@en, \"Organization de Recherche\"@fr ,\n   \"organizaci\xF3n de investigaci\xF3n\"@es, \"\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u062D\u062B\"@ar, \"\u0905\u0928\u0941\u0938\u0902\u0927\u093E\u0928 \u0938\u0902\u0917\u0920\u0928\"@hi, \"Forschungsorganisation\"@de, \"shirika la utafiti\"@sw .\n\n  :OrganizationCreationForm a ui:Form; schema:name \"Form for editing an organization using public data\" ;\n    ui:parts ( :OrgClassifier :OrgSwitch   :OrganizationNameField :homePageURIField  ) .\n\n\n :OrgClassifier a ui:Classifier; ui:label \"What sort of organization?\"@en;\n    ui:category solid:InterestingOrganization .\n\n  :OrganizationNameField\n      a ui:SingleLineTextField ;\n      ui:label \"Organization Name\";\n      ui:maxLength \"200\" ;\n      ui:property schema:name ;\n      ui:size    80 .\n\n   :homePageURIField a ui:NamedNodeURIField; ui:size 80;\n      ui:label \"Home page URI\"@en;\n      ui:property  schema:uri . # @@ ??\n\n    :initituteTypeField a ui:Classifier;\n    ui:label \"What sort of organization\";\n    ui:category solid:InterestingOrganization .\n\n#  Depending on the type of org, chose a different form\n\n :OrgSwitch a ui:Options; ui:dependingOn rdf:type;\n   ui:case\n   [ ui:for schema:Corporation; ui:use :CorporationForm ],\n   [ ui:for schema:GovernmentOrganization; ui:use :GovernmentOrganizationForm ],\n   [ ui:for schema:PerformingGroup; ui:use :PerformingGroupForm ],\n   [ ui:for schema:Project; ui:use :ProjectForm ],\n   [ ui:for schema:NGO; ui:use :NGOForm ],\n   [ ui:for schema:EducationalOrganization; ui:use :EducationalOrganizationForm ],\n   [ ui:for schema:ResearchOrganization; ui:use :ResearchOrganizationForm ],\n   [ ui:for :SportsOrganization; ui:use :SportsOrganizationForm ],\n   [ ui:for solid:OtherOrganization; ui:use :OtherOrganizationForm ].\n\n\n  :CorporationForm a ui:Group; ui:weight 0; ui:parts ( :CorporationPrompt :CorporationAutocomplete ) .\n\n      :CorporationPrompt a ui:Comment; ui:contents \"Which corporation?\".\n\n      :CorporationAutocomplete a ui:AutocompleteField;\n      a ui:AutocompleteField; ui:label \"Corporation in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q6881511>; # Enterprise\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n      :WikidataInstancesByName a ui:DataSource ;\n        schema:name \"Wikidata instances by name\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n        WHERE {\n          ?klass wdt:P279* $(targetClass) .\n          ?subject wdt:P31 ?klass .\n          ?subject rdfs:label ?name.\n          FILTER regex(?name, \"$(name)\", \"i\")\n        } LIMIT $(limit) \"\"\" ;\n\n        # Note this form of the query is very experimental\n        ui:searchByName [   ui:construct { ?subject schema:name ?name } ;\n                            ui:where { ?klass wdt:P279 ?targetClass .\n                                       ?subject wdt:P31 ?klass; rdfs:label ?name .\n                                     };\n                        ].\n\n  :GovernmentOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :GovernmentOrganizationPrompt :GovernmentOrganizationAutocomplete ) .\n\n      :GovernmentOrganizationPrompt a ui:Comment; ui:contents \"Which GovernmentOrganization?\".\n\n      :GovernmentOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"GovernmentOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q327333>; # GovernmentOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n    :EducationalOrganizationForm a ui:Group; ui:weight 1; ui:parts ( :EducationalOrganizationPrompt :EducationalOrganizationAutocomplete ) .\n\n        :EducationalOrganizationPrompt a ui:Comment; ui:contents \"Which Educational Organization?\".\n\n        :EducationalOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Educational Organization in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q2385804>; # EducationalOrganization\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n    :ResearchOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :ResearchOrganizationPrompt :ResearchOrganizationAutocomplete ) .\n\n        :ResearchOrganizationPrompt a ui:Comment; ui:contents \"Which Research Organization?\".\n\n        :ResearchOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Research Insitute in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q31855>; # research institute\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :NGOForm a ui:Group; ui:weight 0; ui:parts ( :NGOPrompt :NGOAutocomplete ) .\n\n      :NGOPrompt a ui:Comment; ui:contents \"Which NGO?\".\n\n      :NGOAutocomplete\n      a ui:AutocompleteField; ui:label \"NGO in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q163740>; # Non-profit org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :PerformingGroupForm a ui:Group; ui:weight 0; ui:parts ( :PerformingGroupPrompt :PerformingGroupAutocomplete ) .\n\n      :PerformingGroupPrompt a ui:Comment; ui:contents \"Which PerformingGroup?\".\n\n      :PerformingGroupAutocomplete\n      a ui:AutocompleteField; ui:label \"PerformingGroup in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q32178211>; # Music Org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :ProjectForm a ui:Group; ui:weight 0; ui:parts ( :ProjectPrompt :ProjectAutocomplete ) . #  :ProjectAutocomplete - no: supress, as not in WD\n\n      :ProjectPrompt a ui:Comment; ui:contents \"Which Project?\".\n\n      :ProjectAutocomplete\n      a ui:AutocompleteField; ui:label \"Project in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q170584>; # Project\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :SportsOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :SportsOrganizationPrompt :SportsOrganizationAutocomplete ) .\n\n      :SportsOrganizationPrompt a ui:Comment; ui:contents \"Which Sports Organization?\".\n\n      :SportsOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"SportsOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q4438121>; # SportsOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n   :OtherOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :OrganizationNameField :homePageURIField ) .\n\n  #################### Skills\n\n  :SkillsPrompt a ui:Comment; ui:contents  \"Skills?\" .\n\n  :SkillsForm a ui:Multiple;\n      ui:label \"Skills\";\n      ui:property schema:skills;\n      ui:ordered false; # Allow reader to order skills\n      ui:part :SkillForm.\n\n  :SkillForm a ui:Group; ui:weight 1; ui:parts ( :escoSkillField ).\n\n        # :skillNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 30 .\n\n        :escoSkillField a ui:AutocompleteField;\n              ui:label \"skill\"; ui:size 30;\n              ui:property solid:publicId;\n              ui:dataSource :ESCO_Skill_DataSource;\n               ui:targetClass schema:Skill .\n\n        :ESCO_Skill_DataSource a ui:DataSource;\n           schema:name \"ESCO Skill\";\n           ui:targetClass esco:Skill ;\n           schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n           ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&limit=$(limit)&type=skill&text=$(name)\".\n\n# Language\n\n:LanguagesPrompt a ui:Comment; ui:contents  \"Languages?\" .\n\n:LanguagesForm a ui:Multiple;\n    ui:label \"Languages\";\n    ui:property schema:knowsLanguage; # @@@\n    ui:ordered true; # Allow user to order languages most important first.\n    ui:part :LanguageForm.\n\n:LanguageForm a ui:Group; ui:weight 1; ui:parts ( :WikidataLanguageField ).\n\n    :WikidataLanguageField a ui:AutocompleteField;\n          ui:label \"Language\"; ui:size 30;\n          ui:property solid:publicId; # @@\n          ui:dataSource :WikidataLanguageDataSource;\n           ui:targetClass schema:Language .\n\n    :WikidataLanguageDataSource\n        schema:name \"Wikidata languages\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:objectURIBase <https://www.w3.org/ns/iana/language-code/>;\n        # Add this to any literal string returned as ?subject\n\n         ui:searchByNameQuery \"\"\"SELECT ?item ?subject ?name\nWHERE\n{ ?item wdt:P305 ?subject .\n  OPTIONAL {?item rdfs:label ?name}\n  OPTIONAL {?item wdt:P1705 ?name}\n  FILTER regex(?name, \"$(name)\", \"i\")\n  FILTER regex(?subject, \"^..$\", \"i\")\n}\"\"\" .\n # Note we restrict code to two-letter codes with the second regex, so as to limit the deluge of languages\n # Hope there are not any important ones which have three-letter codes.\n # Omitted: SERVICE wikibase:label { bd:serviceParam wikibase:language \"$(languages)\". }\n\n########### Social Media - other accounts\n#\n# Twitter, Linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:SocialsPrompt a ui:Heading; ui:contents  \"Social Media etc?\" .\n:SocialsPrompt a ui:Comment; ui:contents  \"Link to accounts in social media sites, etc\" .\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account;\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; ui:weight 1; ui:parts ( :AccountField :AccountIdField ).\n\n:AccountField a ui:Classifier; ui:label \"What sort of account?\"@en;\n      ui:multiple false ; \n      ui:category foaf:Account  .\n\n:AccountIdField a ui:Options . \n\n  :AccountIdField a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for soc:BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for soc:DiggAccount; ui:use :DiggIdField],\n     [ ui:for soc:FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for soc:GithubAccount; ui:use :GithubIdField ],\n     [ ui:for soc:InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for soc:LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for soc:MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for soc:MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for soc:MediumAccount; ui:use :MediumIdField ],\n     [ ui:for soc:NostrAccount; ui:use :NostrIdField ],\n     [ ui:for soc:OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for soc:PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for soc:RedditAccount; ui:use :RedditIdField ],\n     [ ui:for soc:StravaAccount; ui:use :StravaIdField ],\n     [ ui:for soc:SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for soc:TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for soc:TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for soc:TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for soc:OtherAccount; ui:use :OtherIdForm  ] .\n\n  :BlueSkyIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Bluesky Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :DiggIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Digg Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :FacebookIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Facebook Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :GithubIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Github Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :InstagramIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Instagram Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :LinkedInIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Linked In Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MastodonIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Mastodon (Activity Pub) Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MatrixIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Matrix Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MediumIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Medium Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :NostrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Nostr public key\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    70 .\n\n  :OrcidIdField\n      a ui:SingleLineTextField ;\n      ui:label \"ORCiD id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :PinterestIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Pinterest id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :RedditIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Reddit Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :StravaIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Strava Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :SnapchatIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Snapchat Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TiktokIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tiktok Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TumblrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tumblr user name\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TwitterIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Twitter Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n# an unknown SN account needs more info\n\n  :OtherIdForm a ui:Group; ui:weight 0; ui:parts ( :OtherIdField :OtherIconField :OtherLabelield ).\n\n  :OtherIdField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of account to link to\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:homepage ; \n      ui:size    60 .\n\n  :OtherLabelield\n      a ui:SingleLineTextField ;\n      ui:label \"Label\";\n      ui:maxLength \"200\" ;\n      ui:property rdfs:label ; \n      ui:size    40 .\n\n  :OtherIconField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of icon to display\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:icon ;\n      ui:size    60 .\n\n\n\n# Subclass definitions for foaf:Account (embedded for UI category selector)\nsoc:BlueSkyAccount rdfs:subClassOf foaf:Account; rdfs:label \"Bluesky\" .\nsoc:DiggAccount rdfs:subClassOf foaf:Account; rdfs:label \"Digg\" .\nsoc:FacebookAccount rdfs:subClassOf foaf:Account; rdfs:label \"Facebook\" .\nsoc:GithubAccount rdfs:subClassOf foaf:Account; rdfs:label \"Github\" .\nsoc:InstagramAccount rdfs:subClassOf foaf:Account; rdfs:label \"Instagram\" .\nsoc:LinkedInAccount rdfs:subClassOf foaf:Account; rdfs:label \"Linked In\" .\nsoc:MastodonAccount rdfs:subClassOf foaf:Account; rdfs:label \"Mastodon\" .\nsoc:MatrixAccount rdfs:subClassOf foaf:Account; rdfs:label \"Matrix\" .\nsoc:MediumAccount rdfs:subClassOf foaf:Account; rdfs:label \"Medium\" .\nsoc:NostrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Nostr\" .\nsoc:OrcidAccount rdfs:subClassOf foaf:Account; rdfs:label \"ORCiD\" .\nsoc:PinterestAccount rdfs:subClassOf foaf:Account; rdfs:label \"Pinterest\" .\nsoc:RedditAccount rdfs:subClassOf foaf:Account; rdfs:label \"Reddit\" .\nsoc:SnapchatAccount rdfs:subClassOf foaf:Account; rdfs:label \"Snapchat\" .\nsoc:StravaAccount rdfs:subClassOf foaf:Account; rdfs:label \"Strava\" .\nsoc:TiktokAccount rdfs:subClassOf foaf:Account; rdfs:label \"TikTok\" .\nsoc:TumblrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Tumblr\" .\nsoc:TwitterAccount rdfs:subClassOf foaf:Account; rdfs:label \"X (formerly Twitter)\" .\nsoc:OtherAccount rdfs:subClassOf foaf:Account; rdfs:label \"Other\" .\n\n\n\n# ENDS\n";
+var _rdfFormsHelper = __webpack_require__(7824);
 /* babel-plugin-inline-import './ontology/socialMedia.ttl' */
-const socialMedia = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n##### Ontology of Online Accounts\n\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( :BlueSkyAccount :DiggAccount :FacebookAccount :GithubAccount :InstagramAccount\n    :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount :OrcidAccount :PinterestAccount\n    :RedditAccount :SnapchatAccount :StravaAccount :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:DiggAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Linked In\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X (formerly Twitter)\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n# ends\n";
+const socialMediaForm = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix : <#>.\n\n########### ATTENTION - we cannot rename this ontology file name without migrating existing data on existing accounts\n\n########### Social Media - other accounts\n#\n# Twitter, linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Social media form\" ;\n    a ui:Form ;\n    ui:parts (\n      :SocialsForm\n      ).\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account; # the triple is created with the foaf:acccounts predicate\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; \n    ui:weight 1; \n    ui:parts ( \n        :AccountField \n        :AccountIdField ).\n\n:AccountField a ui:Classifier; \n    ui:label \"Choose account\"@en;\n    ui:multiple false ; \n    ui:category foaf:Account. # the accounts are described by the foaf:Account predicate\n\n# this is what is needed to make a dropdown box\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( \n        :BlueSkyAccount :DiggAccount :FacebookAccount :GithubAccount :InstagramAccount\n        :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount \n        :OrcidAccount :PinterestAccount :RedditAccount :SnapchatAccount :StravaAccount \n        :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:AccountIdField a ui:Options; \n    ui:dependingOn rdf:type; \n    ui:case\n     [ ui:for :BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for :DiggAccount; ui:use :DiggIdField],\n     [ ui:for :FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for :GithubAccount; ui:use :GithubIdField ],\n     [ ui:for :InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for :LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for :MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for :MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for :MediumAccount; ui:use :MediumIdField ],\n     [ ui:for :NostrAccount; ui:use :NostrIdField ],\n     [ ui:for :OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for :PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for :RedditAccount; ui:use :RedditIdField ],\n     [ ui:for :StravaAccount; ui:use :StravaIdField ],\n     [ ui:for :SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for :TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for :TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for :TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for :OtherAccount; ui:use :OtherIdForm  ] .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:DiggAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"LinkedIn\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/in/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n:BlueSkyIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:DiggIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:FacebookIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:GithubIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:InstagramIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:LinkedInIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MastodonIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MatrixIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MediumIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:NostrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:OrcidIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:PinterestIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:RedditIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:StravaIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:SnapchatIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TiktokIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TumblrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TwitterIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n# an unknown online account needs more info\n\n:OtherIdForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :OtherIdField \n        :OtherIconField \n        :OtherLabelField ).\n\n:OtherIdField\n    a ui:NamedNodeURIField ;\n    ui:label \"Account link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:homepage.\n\n:OtherIconField\n    a ui:NamedNodeURIField ;\n    ui:label \"Icon link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:icon.\n\n:OtherLabelField\n    a ui:SingleLineTextField ;\n    ui:label \"Name\";\n    ui:maxLength \"200\" ;\n    ui:property rdfs:label.\n\n# ends\n";
+const socialMediaFormName = 'socialMedia.ttl'; // The name of the file to upload
+
 const DEFAULT_ICON_URI = _solidUi.icons.iconBase + 'noun_10636_grey.svg'; // grey disc
 
-function loadProfileForm(store) {
-  const preferencesForm = store.sym('https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#this');
-  const preferencesFormDoc = preferencesForm.doc();
-  const socialMediaDoc = store.sym('https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl').doc();
-  const promises = [];
-  if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
-    promises.push(new Promise((resolve, reject) => {
-      (0, _rdflib.parse)(profileForm, store, preferencesFormDoc.uri, 'text/turtle', err => {
-        if (err) reject(err);else resolve();
-      });
-    }));
-  }
-  if (!store.holds(undefined, undefined, undefined, socialMediaDoc)) {
-    promises.push(new Promise((resolve, reject) => {
-      (0, _rdflib.parse)(socialMedia, store, socialMediaDoc.uri, 'text/turtle', err => {
-        if (err) reject(err);else resolve();
-      });
-    }));
-  }
-  return Promise.all(promises).then(() => undefined);
-}
 function expandRdfList(store, node) {
-  const collectionElements = node.elements;
-  if (Array.isArray(collectionElements)) {
-    return collectionElements.flatMap(element => expandRdfList(store, element));
-  }
-  const first = store.any(node, _solidUi.ns.rdf('first'));
-  if (!first) return [node];
-  const items = [];
-  let current = node;
-  while (current) {
-    const value = store.any(current, _solidUi.ns.rdf('first'));
-    if (value) items.push(...expandRdfList(store, value));
-    const rest = store.any(current, _solidUi.ns.rdf('rest'));
-    if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) break;
-    current = rest;
-  }
-  return items;
+  const visited = new Set();
+  function inner(node) {
+    const termType = node.termType || typeof node;
+    const value = node.value || String(node);
+    const key = `${termType}:${value}`;
+    if (visited.has(key)) return [];
+    visited.add(key);
+    const collectionElements = node.elements;
+    if (Array.isArray(collectionElements)) {
+      return collectionElements.flatMap(element => inner(element));
+    }
+    const first = store.any(node, _solidUi.ns.rdf('first'));
+    if (!first) return [node];
+    const items = [];
+    let current = node;
+    while (current) {
+      const value = store.any(current, _solidUi.ns.rdf('first'));
+      if (value) items.push(...inner(value));
+      const rest = store.any(current, _solidUi.ns.rdf('rest'));
+      if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) break;
+      current = rest;
+    }
+    return items;
+  }
+  return inner(node);
 }
 function presentSocial(subject, store) {
   function nameForAccount(subject) {
-    const acIcon = store.any(subject, _solidUi.ns.foaf('name')) || store.any(subject, _solidUi.ns.rdfs('label')); // on the account itself?
-    if (acIcon) return acIcon.value;
+    const acName = store.any(subject, _solidUi.ns.foaf('name')) || store.any(subject, _solidUi.ns.rdfs('label')); // on the account itself?
+    if (acName) return acName.value;
     const classes = store.each(subject, _solidUi.ns.rdf('type'));
     for (const k of classes) {
       const classIcon = store.any(k, _solidUi.ns.rdfs('label'));
@@ -31592,14 +31576,13 @@ function presentSocial(subject, store) {
       }
       return _solidUi.utils.label(k);
     }
-    return '';
+    return 'Unknown Account';
   }
   function iconForAccount(subject) {
     const acIcon = store.any(subject, _solidUi.ns.foaf('icon')); // on the account itself?
     if (acIcon) return acIcon.value;
     const classes = store.each(subject, _solidUi.ns.rdf('type'));
     if (classes.length > 0) {
-      console.log('@@ classes[0].termType 2 ', classes[0].termType);
       for (const k of classes) {
         const classIcon = store.any(k, _solidUi.ns.foaf('icon'));
         if (classIcon !== null) {
@@ -31615,12 +31598,15 @@ function presentSocial(subject, store) {
     const id = store.anyJS(subject, _solidUi.ns.foaf('accountName'), null, subject.doc()) || 'No_account_Name';
     const classes = store.each(subject, _solidUi.ns.rdf('type'));
     for (const k of classes) {
-      const userProfilePrefix = store.any(k, _solidUi.ns.foaf('userProfilePrefix'));
-      if (userProfilePrefix) {
-        return userProfilePrefix.value + id.trim();
+      // Fix: ensure k is a NamedNode for store.any
+      if (k.termType === 'NamedNode') {
+        const userProfilePrefix = store.any(k, _solidUi.ns.foaf('userProfilePrefix'));
+        if (userProfilePrefix) {
+          return userProfilePrefix.value + id.trim();
+        }
       }
     }
-    return 'no userProfilePrefix?';
+    return store.anyJS(subject, _solidUi.ns.foaf('homepage'), null, subject.doc()) || '';
   }
   function accountAsObject(ac) {
     return {
@@ -31629,17 +31615,27 @@ function presentSocial(subject, store) {
       homepage: homepageForAccount(ac)
     };
   }
-  // Ontology should be pre-loaded by caller via loadProfileForm(store)
 
+  // we need to load the social media accounts ontology to be able to query all data needed
+  (0, _rdfFormsHelper.loadDocument)(store, socialMediaForm, socialMediaFormName);
   const accountNodes = store.each(subject, _solidUi.ns.foaf('account'));
-  const accountThings = accountNodes.flatMap(node => expandRdfList(store, node));
-  if (!accountThings.length) return {
+  let accountThings = accountNodes.flatMap(node => expandRdfList(store, node));
+  // Deduplicate by foaf:accountName value
+  const accountNameSet = new Set();
+  const accounts = [];
+  for (const ac of accountThings) {
+    if (ac.termType === 'NamedNode') {
+      const accountNameNode = store.any(ac, _solidUi.ns.foaf('accountName'));
+      const accountName = accountNameNode ? accountNameNode.value : '';
+      if (!accountNameSet.has(accountName)) {
+        accountNameSet.add(accountName);
+        accounts.push(accountAsObject(ac));
+      }
+    }
+  }
+  if (!accounts.length) return {
     accounts: []
   };
-  //console.log('Social: accountThings', accountThings)
-  const accounts = accountThings.map(ac => accountAsObject(ac));
-  //console.log('Social: account objects', accounts)
-
   return {
     accounts
   };
@@ -31927,7 +31923,254 @@ function checkIfAnyUserLoggedIn(me) {
 
 /***/ },
 
-/***/ 2687
+/***/ 6016
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.EditCVSection = EditCVSection;
+var _rdfFormsHelper = _interopRequireDefault(__webpack_require__(7824));
+var _texts = __webpack_require__(1363);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* babel-plugin-inline-import '../ontology/resumeForm.ttl' */
+const resumeForm = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix esco: <http://data.europa.eu/esco/model#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <#>.\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Resume form\" ;\n    a ui:Form ;\n    ui:parts (\n      :CVGroup\n      :SkillsHeading :SkillsForm\n      :LanguagesHeading :LanguagesForm\n      ).\n\n# Curriculum Vitae: membership of organizations\n\n:CVGroup a ui:Group; \n    ui:weight 1; \n    ui:parts ( \n        :CVPrompt \n        :involvementWithOrganizationsForm \n    ).\n\n:CVPrompt a ui:Comment; ui:contents  \"What organizations have you been involved with?\" .\n\n:involvementWithOrganizationsForm a ui:Multiple;\n    ui:label \"Involvement with organization\";\n    ui:property org:member; \n    ui:reverse true; # link back from role to member\n    ui:ordered false; # Allow user to order CV secions rather than force date order? No.\n    ui:part :RoleMembershipForm.\n\norg:member owl:inverse [ ui:label \"Involvement with organization\" ]. # timelimited involvement\n\n# This is a big important form for one of a series of roles in the list.\n\n:RoleMembershipForm a ui:Group; \n    ui:weight 3; \n    ui:parts ( \n        :MembershipFormHeading \n        :roleNameField\n        :escoOccupationField \n        :orgField \n        :RoleClassifier \n        :RoleDatesForm \n        :RoleDescriptionForm).\n\n:MembershipFormHeading a ui:Heading; \n    ui:contents \"Details of the role\"@en, \"D\xE9tailes de ce r\xF4le\"@fr .\n\n:roleNameField a ui:SingleLineTextField; \n    ui:property vcard:role .\n\n:escoOccupationField a ui:AutocompleteField;\n        ui:label \"Occupation\";\n        ui:property org:role;\n        ui:dataSource :ESCO_Occupation_DataSource;\n        ui:targetClass schema:Occupation .\n\n    :ESCO_Occupation_DataSource a ui:DataSource;\n        schema:name \"ESCO\";\n        ui:targetClass schema:Occupation ;\n        schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n        ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&type=occupation&text=$(name)\".\n\n:orgField a ui:Choice; \n    ui:label \"Organization\"@en, \"Organization\"@fr;\n    ui:canMintNew true; \n    ui:use :OrganizationCreationForm ;\n    ui:property org:organization;\n    ui:from vcard:Organization .\n\nvcard:Organization ui:creationForm :OrganizationCreationForm  .\n\n###### eposodes in one's career - Roles\n\n:RoleClassifier a ui:Classifier; \n    ui:label \"What sort of role?\"@en;\n    ui:category solid:Role .\n\n:RoleDatesForm a ui:Options; \n    ui:dependingOn rdf:type; \n    ui:case\n        [ ui:for solid:PastRole; ui:use :TwoDateForm ],\n        [ ui:for solid:CurrentRole; ui:use :StartDateForm ],\n        [ ui:for solid:FutureRole; ui:use :StartDateForm ].\n\n    :TwoDateForm a ui:Group; \n        ui:weight 0; \n        ui:parts ( :StartDateForm :EndDateForm ) .\n    :StartDateForm a ui:DateField; \n        ui:label \"Start\"@en,\"D\xE9but\"@fr;\n        ui:property schema:startDate .\n    :EndDateForm a ui:DateField; \n        ui:label \"End\"@en,\"Fin\"@fr;\n        ui:property schema:endDate .\n\nsolid:Role a rdfs:Class;\n    owl:disjointUnionOf ( solid:PastRole solid:CurrentRole solid:FutureRole ) ;\n    owl:oneOf ( solid:CurrentRole solid:PastRole solid:FutureRole ). # Future Role too?\n\nsolid:PastRole a rdfs:Class; rdfs:label \"Former role\"@en, \"Ancien r\xF4le\"@fr, \"Vergangene Rolle\"@de, \"Rol anterior\"@es .\nsolid:CurrentRole a rdfs:Class; rdfs:label \"Current role\"@en, \"R\xF4le actuel\"@fr, \"Momentane Rolle\"@de , \"Rol actual\"@es .\nsolid:FutureRole a rdfs:Class; rdfs:label \"Future role\"@en, \"R\xF4le \xE0 venir\"@fr, \"Zuk\xFCnftige Rolle\"@de, \"Rol futuro\"@es .\n\n:RoleDescriptionForm a ui:MultiLineTextField; \n    ui:property schema:description;\n    ui:label \"Describe your role\" .\n\n###### Organizations\n\n:OrganizationCreationForm a ui:Form; \n    schema:name \"Form for editing an organization using public data\" ;\n    ui:parts ( \n        :OrgClassifier \n        :OrgSwitch   \n        :OrganizationNameField \n        :homePageURIField  ) .\n\n:OrgClassifier a ui:Classifier; \n    ui:label \"Type of organization?\"@en;\n    ui:category solid:InterestingOrganization .\n\n:OrgSwitch a ui:Options; \n    ui:dependingOn rdf:type;\n    ui:case\n        [ ui:for schema:Corporation; ui:use :CorporationForm ],\n        [ ui:for schema:GovernmentOrganization; ui:use :GovernmentOrganizationForm ],\n        [ ui:for schema:PerformingGroup; ui:use :PerformingGroupForm ],\n        [ ui:for schema:Project; ui:use :ProjectForm ],\n        [ ui:for schema:NGO; ui:use :NGOForm ],\n        [ ui:for schema:EducationalOrganization; ui:use :EducationalOrganizationForm ],\n        [ ui:for schema:ResearchOrganization; ui:use :ResearchOrganizationForm ],\n        [ ui:for schema:SportsOrganization; ui:use :SportsOrganizationForm ].\n\n:OrganizationNameField\n    a ui:SingleLineTextField ;\n    ui:label \"Name\";\n    ui:maxLength \"200\" ;\n    ui:property schema:name .\n\n:homePageURIField a ui:NamedNodeURIField;\n    ui:label \"Homepage\"@en;\n    ui:property schema:uri .\n\n# Ontology data to drive the :OrgClassifier classifier\nsolid:InterestingOrganization owl:disjointUnionOf  (\n    # Airline - a Corporation\n    # Consortium - a Corporation or a NGO\n    schema:Corporation\n    schema:EducationalOrganization\n    schema:ResearchOrganization  # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n    # FundingScheme - eh?\n    schema:GovernmentOrganization\n    # LibrarySystem\n    # LocalBusiness - Corporation\n    # MedicalOrganization - a Corporation or a NGO\n    schema:NGO\n    # NewsMediaOrganization - a Corporation or a NGO\n    schema:PerformingGroup # a band\n    schema:Project # like Solid\n    schema:SportsOrganization) .\n\n# This until the schema.org ontology adopts it\nschema:ResearchOrganization a rdfs:Class; \n    rdfs:label \"Research Organization\"@en, \"Organization de Recherche\"@fr ,\"organizaci\xF3n de investigaci\xF3n\"@es, \n    \"\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u062D\u062B\"@ar, \"\u0905\u0928\u0941\u0938\u0902\u0927\u093E\u0928 \u0938\u0902\u0917\u0920\u0928\"@hi, \"Forschungsorganisation\"@de, \"shirika la utafiti\"@sw .\n\n#####  Depending on the type of org, chose a different form\n\n#### Corporation\n:CorporationForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :CorporationPrompt \n        :CorporationAutocomplete ) .\n\n    :CorporationPrompt a ui:Comment; ui:contents \"Corporation details\".\n\n    :CorporationAutocomplete a ui:AutocompleteField; \n        ui:label \"Find in wikidata\";\n        ui:targetClass  <http://www.wikidata.org/entity/Q6881511>; # Enterprise\n        ui:property solid:publicId; \n        ui:dataSource :WikidataInstancesByName.\n\n        :WikidataInstancesByName a ui:DataSource ;\n            schema:name \"Wikidata instances by name\";\n            ui:endpoint \"https://query.wikidata.org/sparql\" ;\n            ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n            WHERE {\n                ?klass wdt:P279* $(targetClass) .\n                ?subject wdt:P31 ?klass .\n                ?subject rdfs:label ?name.\n                FILTER regex(?name, \"$(name)\", \"i\")\n            } LIMIT $(limit) \"\"\" ;\n\n            # Note this form of the query is very experimental\n            ui:searchByName [   ui:construct { ?subject schema:name ?name } ;\n                ui:where { ?klass wdt:P279 ?targetClass .\n                            ?subject wdt:P31 ?klass; rdfs:label ?name .\n                            };\n            ].\n\n#### Gouvernment\n:GovernmentOrganizationForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :GovernmentOrganizationPrompt \n        :GovernmentOrganizationAutocomplete ) .\n\n    :GovernmentOrganizationPrompt a ui:Comment; ui:contents \"Government organization details\".\n\n    :GovernmentOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n            ui:targetClass  <http://www.wikidata.org/entity/Q327333>; # GovernmentOrganization\n            ui:property solid:publicId; \n            ui:dataSource :WikidataInstancesByName.\n\n#### Educational\n:EducationalOrganizationForm a ui:Group; \n    ui:weight 1; \n    ui:parts ( \n        :EducationalOrganizationPrompt \n        :EducationalOrganizationAutocomplete ) .\n\n    :EducationalOrganizationPrompt a ui:Comment; ui:contents \"Educational organization details\".\n\n    :EducationalOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n                ui:targetClass  <http://www.wikidata.org/entity/Q2385804>; # EducationalOrganization\n                ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#### Research Group\n:ResearchOrganizationForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :ResearchOrganizationPrompt \n        :ResearchOrganizationAutocomplete ) .\n\n    :ResearchOrganizationPrompt a ui:Comment; ui:contents \"Research organizationd details\".\n\n    :ResearchOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n            ui:targetClass  <http://www.wikidata.org/entity/Q31855>; # research institute\n            ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#### NGO\n:NGOForm a ui:Group; ui:weight 0; \n    ui:parts ( \n        :NGOPrompt \n        :NGOAutocomplete ) .\n\n    :NGOPrompt a ui:Comment; ui:contents \"NGO details\".\n\n    :NGOAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n            ui:targetClass  <http://www.wikidata.org/entity/Q163740>; # Non-profit org\n            ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#### Performing group\n:PerformingGroupForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :PerformingGroupPrompt \n        :PerformingGroupAutocomplete ) .\n\n    :PerformingGroupPrompt a ui:Comment; ui:contents \"Performing group details\".\n\n    :PerformingGroupAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n            ui:targetClass  <http://www.wikidata.org/entity/Q32178211>; # Music Org\n            ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#### Project\n:ProjectForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :ProjectPrompt \n        :ProjectAutocomplete ) . #  :ProjectAutocomplete - no: supress, as not in WD\n\n    :ProjectPrompt a ui:Comment; ui:contents \"Project details\".\n\n    :ProjectAutocomplete\n        a ui:AutocompleteField; ui:label \"Find in wikidata\";\n            ui:targetClass  <http://www.wikidata.org/entity/Q170584>; # Project\n            ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#### Sports Organization\n:SportsOrganizationForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :SportsOrganizationPrompt \n        :SportsOrganizationAutocomplete ) .\n\n:SportsOrganizationPrompt a ui:Comment; ui:contents \"Sports organization details\".\n\n:SportsOrganizationAutocomplete\n    a ui:AutocompleteField; ui:label \"Find in wikidata\";\n        ui:targetClass  <http://www.wikidata.org/entity/Q4438121>; # SportsOrganization\n        ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n#################### Skills\n\n:SkillsHeading a ui:Heading; \n    ui:contents  \"Add your skills\" .\n\n:SkillsForm a ui:Multiple;\n    ui:label \"Skills\";\n    ui:property schema:skills;\n    ui:ordered false; # Allow reader to order skills\n    ui:part :SkillForm.\n\n:SkillForm a ui:Group; ui:weight 1; ui:parts ( :escoSkillField ).\n\n    :escoSkillField a ui:AutocompleteField;\n            ui:label \"Find in ESCO\";\n            ui:property solid:publicId;\n            ui:dataSource :ESCO_Skill_DataSource;\n            ui:targetClass schema:Skill .\n\n    :ESCO_Skill_DataSource a ui:DataSource;\n        schema:name \"ESCO skill\";\n        ui:targetClass esco:Skill ;\n        schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n        ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&limit=$(limit)&type=skill&text=$(name)\".\n\n#################### Languages\n\n:LanguagesHeading a ui:Heading; ui:contents  \"Add your languages\" .\n\n:LanguagesForm a ui:Multiple;\n    ui:label \"Languages\";\n    ui:property schema:knowsLanguage; \n    ui:ordered true; # Allow user to order languages most important first.\n    ui:part :LanguageForm.\n\n:LanguageForm a ui:Group; ui:weight 1; ui:parts ( :WikidataLanguageField ).\n\n    :WikidataLanguageField a ui:AutocompleteField;\n          ui:label \"Language\";\n          ui:property solid:publicId; \n          ui:dataSource :WikidataLanguageDataSource;\n           ui:targetClass schema:Language .\n\n    :WikidataLanguageDataSource\n        schema:name \"Find in wikidata\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:objectURIBase <https://www.w3.org/ns/iana/language-code/>;\n        # Add this to any literal string returned as ?subject\n        ui:searchByNameQuery \"\"\"SELECT ?item ?subject ?name\n            WHERE\n            { ?item wdt:P305 ?subject .\n            OPTIONAL {?item rdfs:label ?name}\n            OPTIONAL {?item wdt:P1705 ?name}\n            FILTER regex(?name, \"$(name)\", \"i\")\n            FILTER regex(?subject, \"^..$\", \"i\")\n            }\"\"\" .\n # Note we restrict code to two-letter codes with the second regex, so as to limit the deluge of languages\n # Hope there are not any important ones which have three-letter codes.\n # Omitted: SERVICE wikibase:label { bd:serviceParam wikibase:language \"$(languages)\". }";
+const resumeFormName = 'resumeForm.ttl'; // The name of the form file
+
+function EditCVSection(context, me, editableProfile, store) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('data-testid', 'edit-cv-section');
+  section.setAttribute('aria-labelledby', 'edit-profile-cv-heading');
+  section.classList.add('profileSection', 'section-bg', 'profile-form');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-cv-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.resumeHeadingText;
+  header.appendChild(heading);
+  section.appendChild(header);
+  if (editableProfile) {
+    const comment2 = context.dom.createElement('p');
+    comment2.classList.add('p-md');
+    comment2.textContent = 'Edit your resume. These will be publicly visible on your profile.';
+    section.appendChild(comment2);
+  } else {
+    const comment1 = context.dom.createElement('p');
+    comment1.classList.add('p-md');
+    comment1.textContent = 'Login to add resume information to your profile.';
+    section.appendChild(comment1);
+  }
+  (0, _rdfFormsHelper.default)(section, me, resumeForm, resumeFormName, store, context.dom, editableProfile);
+  return section;
+}
+
+/***/ },
+
+/***/ 8188
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.EditProfileCommunitiesSection = EditProfileCommunitiesSection;
+var _solidUi = __webpack_require__(500);
+var _texts = __webpack_require__(1363);
+function EditProfileCommunitiesSection(context, me, editableProfile, profile) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('aria-labelledby', 'edit-profile-communities-heading');
+  section.classList.add('profileSection', 'section-bg');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-communities-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.communitiesHeadingText;
+  header.appendChild(heading);
+  section.appendChild(header);
+  const comment1 = context.dom.createElement('p');
+  comment1.id = 'edit-profile-communities-description';
+  comment1.classList.add('p-md');
+  comment1.textContent = 'These are organizations and projects whose stuff you share';
+  section.appendChild(comment1);
+  let comment2 = null;
+  if (editableProfile) {
+    comment2 = context.dom.createElement('p');
+    comment2.id = 'edit-profile-communities-help';
+    comment2.classList.add('p-md');
+    comment2.textContent = 'Drag organizations onto the target below to add organizations.';
+    section.appendChild(comment2);
+  }
+  const attachmentList = _solidUi.widgets.attachmentList(context.dom, me, section, {
+    doc: profile,
+    modify: !!editableProfile,
+    predicate: _solidUi.ns.solid('community'),
+    noun: 'community'
+  });
+  const descriptions = [comment1.id];
+  if (comment2?.id) {
+    descriptions.push(comment2.id);
+  }
+  attachmentList.setAttribute('aria-describedby', descriptions.join(' '));
+  section.appendChild(attachmentList);
+  return section;
+}
+
+/***/ },
+
+/***/ 1344
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.EditContactsSection = EditContactsSection;
+var _texts = __webpack_require__(1363);
+function EditContactsSection(context, me) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('aria-labelledby', 'edit-profile-contact-heading');
+  section.classList.add('profileSection', 'section-bg', 'profile-form');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-contact-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.yourContactInformationHeading;
+  header.appendChild(heading);
+  section.appendChild(header);
+  section.appendChild(paneDiv(context, me, 'contact'));
+  return section;
+}
+function paneDiv(context, subject, paneName) {
+  const view = context.session.paneRegistry.byName(paneName);
+  if (!view) {
+    const warning = context.dom.createElement('div');
+    warning.innerText = `Unable to load view: ${paneName}`;
+    return warning;
+  }
+  const viewContainer = view.render(subject, context);
+
+  // Handle different node types
+  let container;
+  if (viewContainer && typeof viewContainer.setAttribute === 'function') {
+    // It's already an Element node
+    container = viewContainer;
+  } else if (viewContainer && viewContainer.nodeType === Node.TEXT_NODE) {
+    // It's a Text node, wrap it in a section for semantics
+    container = context.dom.createElement('section');
+    container.appendChild(viewContainer);
+  } else {
+    // Fallback for other cases
+    container = context.dom.createElement('section');
+    container.innerText = `View render did not return a valid Node for: ${paneName}`;
+  }
+  container.setAttribute('role', 'region');
+  container.setAttribute('aria-label', `${paneName} section`);
+  return container;
+}
+
+/***/ },
+
+/***/ 8308
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.EditFriendsSection = EditFriendsSection;
+var _solidUi = __webpack_require__(500);
+var _texts = __webpack_require__(1363);
+function EditFriendsSection(context, me, editableProfile, profile) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('aria-labelledby', 'edit-profile-friends-heading');
+  section.classList.add('profileSection', 'section-bg');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-friends-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.friendsHeadingText;
+  header.appendChild(heading);
+  section.appendChild(header);
+  const comment1 = context.dom.createElement('p');
+  comment1.id = 'edit-profile-friends-description';
+  comment1.classList.add('p-md');
+  comment1.textContent = 'This is your public social network. Only put people here to whom you are happy to be publicly connected. (You can always keep private track of friends and family in your contacts.)';
+  section.appendChild(comment1);
+  let comment2 = null;
+  if (editableProfile) {
+    comment2 = context.dom.createElement('p');
+    comment2.id = 'edit-profile-friends-help';
+    comment2.classList.add('p-md');
+    comment2.textContent = 'Drag people onto the target below to add people.';
+    section.appendChild(comment2);
+  }
+  const attachmentList = _solidUi.widgets.attachmentList(context.dom, me, section, {
+    doc: profile,
+    modify: !!editableProfile,
+    predicate: _solidUi.ns.foaf('knows'),
+    noun: 'friend'
+  });
+  const descriptions = [comment1.id];
+  if (comment2?.id) {
+    descriptions.push(comment2.id);
+  }
+  attachmentList.setAttribute('aria-describedby', descriptions.join(' '));
+  section.appendChild(attachmentList);
+  return section;
+}
+
+/***/ },
+
+/***/ 7643
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.EditOtherPreferencesSection = EditOtherPreferencesSection;
+var _rdfFormsHelper = _interopRequireDefault(__webpack_require__(7824));
+var _texts = __webpack_require__(1363);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* babel-plugin-inline-import '../ontology/otherPreferencesForm.ttl' */
+const otherPreferencesForm = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <#>.\n\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Other preferences form\" ;\n    a ui:Form ;\n    ui:parts (\n      :styleGroup\n      :nicknameGroup\n      :pronounsGroup\n      ).\n\n:styleGroup a ui:Group; ui:weight 0; \n    ui:parts ( :styleHeading :backgroundColor :highlightColor ).\n\n:styleHeading a ui:Heading; ui:contents \"The style of your public profile.\".\n\n:backgroundColor a ui:ColorField; ui:property solid:profileBackgroundColor;\n    ui:label \"Background color\"; ui:default \"#ffffff\".\n:highlightColor a ui:ColorField; ui:property solid:profileHighlightColor;\n    ui:label \"Highlight color\"; ui:default \"#000000\".\n\n# Nickname\n\n:nicknameGroup a ui:Group; ui:weight 0; \n    ui:parts ( :nicknameHeading :nicknameField) .\n\n:nicknameHeading a ui:Heading; ui:contents  \"What is your nickname?\" .\n\n:nicknameField a ui:SingleLineTextField; \n    ui:property foaf:nick;\n    ui:label \"Nickname\"@en, \"Nom court\"@fr.\n\n# Pronouns\n\n:pronounsGroup a ui:Group; ui:weight 0; \n    ui:parts ( :pronounsHeading :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n:pronounsHeading a ui:Heading; ui:contents  \"What are your pronouns?\" .\n\n:subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n    ui:size 10; ui:label \"he/she/they...\" .\n:objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n    ui:size 10; ui:label \"him/her/them...\" .\n:relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n    ui:size 10; ui:label \"his/hers/theirs...\" .";
+const otherPreferencesFormName = 'otherPreferencesForm.ttl'; // The name of the form file
+
+function EditOtherPreferencesSection(context, me, editableProfile, store) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('data-testid', 'edit-other-preferences-section');
+  section.setAttribute('aria-labelledby', 'edit-profile-other-preferences-heading');
+  section.classList.add('profileSection', 'section-bg', 'profile-form');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-other-preferences-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.otherPreferencesHeadingText;
+  header.appendChild(heading);
+  section.appendChild(header);
+  (0, _rdfFormsHelper.default)(section, me, otherPreferencesForm, otherPreferencesFormName, store, context.dom, editableProfile);
+  return section;
+}
+
+/***/ },
+
+/***/ 5011
 (__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -31937,23 +32180,25 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _rdflib = __webpack_require__(8230);
 var _solidUi = __webpack_require__(500);
-var _profile = __webpack_require__(4596);
+var _EditContactsCard = __webpack_require__(1344);
+var _EditFriendsCard = __webpack_require__(8308);
+var _EditSocialCard = __webpack_require__(9410);
+var _EditCommunitiesCard = __webpack_require__(8188);
+__webpack_require__(1295);
+__webpack_require__(7436);
+var _EditCVCard = __webpack_require__(6016);
+var _EditOtherPreferences = __webpack_require__(7643);
 /**
  * Profile Editing App Pane
  *
  * Unlike view panes, this is available any place whatever the real subject,
  * and allows the user to edit their own profile.
  *
- * Usage: paneRegistry.register('profile/profilePane')
+ * Usage: paneRegistry.register('/profile/editProfile.view')
  * or standalone script adding onto existing mashlib.
  */
-/* babel-plugin-inline-import '../ontology/profileForm.ttl' */
-const profileForm = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix esco: <http://data.europa.eu/esco/model#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n# About forms: https://solidos.github.io/solid-ui/docs/forms-intro.html\n# About personal public data:  https://www.w3.org/DesignIssues/PersonalPublic.html\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Profile form\" ;\n    a ui:Form ;\n    # ui:part :backgroundColor, :highlightColor;\n    ui:parts (\n      :styleGroup\n      :nicknameField\n      :pronounsForm\n      :LanguagesPrompt :LanguagesForm\n      :SocialsPrompt :SocialsForm\n      :CVGroup\n      :SkillsPrompt :SkillsForm\n      ).\n\n:styleGroup a ui:Group; ui:weight 0; ui:parts ( :styleHeading :backgroundColor :highlightColor ).\n    :styleHeading a ui:Heading; ui:contents \"The style of your public profile.\".\n    :backgroundColor a ui:ColorField; ui:property solid:profileBackgroundColor;\n      ui:label \"Background color\"; ui:default \"#ffffff\".\n    :highlightColor a ui:ColorField; ui:property solid:profileHighlightColor;\n      ui:label \"Highlight color\"; ui:default \"#000000\".\n\n# Nickname\n\n:nicknameField a ui:SingleLineTextField; ui:size 12; ui:property foaf:nick;\n      ui:label \"Short name for chats, etc.\"@en, \"nom court\"@fr.\n\n # Pronouns\n\n :pronounsForm a ui:Group; ui:weight 0; ui:parts ( :pronounsPrompt :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n    :pronounsPrompt a ui:Comment; ui:contents  \"What are your pronouns?\" .\n\n    :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n        ui:size 10; ui:label \"he/she/they...\" .\n    :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n        ui:size 10; ui:label \"him/her/them...\" .\n    :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n        ui:size 10; ui:label \"his/hers/theirs...\" .\n\n  # Curriculum Vitae: membership of organizations\n\n  :CVHeading a ui:Heading; ui:contents \"Public Curriculum Vitae\".\n  :CVPrompt a ui:Comment; ui:contents  \"What organizations have you been involved with?\" .\n\n    :CVGroup a ui:Group; ui:weight 1; ui:parts ( :CVHeading :CVPrompt :involvementWithOrganizationsForm ).\n\n\n  solid:Role a rdfs:Class; owl:oneOf ( solid:CurrentRole solid:FormerRole solid:FutureRole ). # Future Role too?\n\n  org:member owl:inverse [ ui:label \"involvement with company, org etc\" ]. # timelimited involvement\n\n  :involvementWithOrganizationsForm a ui:Multiple;\n      ui:label \"Involvement with Organization\";\n      ui:property org:member; ui:reverse true; # link back from role to member\n      ui:ordered false; # Allow user to order CV secions rather than force date order? No.\n      ui:part :RoleMembershipForm.\n\n# This is a big important form for one of a series of roles in the list.\n\n  :RoleMembershipForm a ui:Group; ui:weight 3; ui:parts ( :MembershipFormHeading :roleNameField\n        :escoOccupationField :orgField :RoleClassifier :RoleDatesForm :RoleDescriptionForm).\n\n     :MembershipFormHeading a ui:Heading; ui:contents \"Details of this role\"@en, \"D\xE9tailes de ce r\xF4le\"@fr .\n\n     :orgField a ui:Choice; ui:label \"Organization\"@en, \"Organization\"@fr;\n          ui:canMintNew true; ui:use :OrganizationCreationForm ;\n          ui:property org:organization;\n          ui:from vcard:Organization .\n     :roleNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 60 .\n\n    :escoOccupationField a ui:AutocompleteField;\n          ui:label \"occupation\"; ui:size 60;\n          ui:property org:role;\n          ui:dataSource :ESCO_Occupation_DataSource;\n           ui:targetClass schema:Occupation .\n\n         :ESCO_Occupation_DataSource a ui:DataSource;\n            schema:name \"ESCO\";\n            ui:targetClass schema:Occupation ;\n            schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n            ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&type=occupation&text=$(name)\".\n\n     :instituteIdentityField a ui:AutocompleteField; ui:label \"in wikidata\";\n          ui:size 60;\n          ui:property solid:publicId; ui:dataSource :WikidataOnOrganizations.\n\n     :WikidataOnOrganizations a ui:DataSource ;\n       schema:name \"Wikidata\";\n       ui:endpoint \"https://query.wikidata.org/sparql\" ;\n       ui:targetClass  <http://www.wikidata.org/entity/Q43229>; # Use if nothing else\n       ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n       WHERE {\n         ?klass wdt:P279* $(targetClass) .\n         ?subject wdt:P31 ?klass .\n         ?subject rdfs:label ?name.\n         FILTER regex(?name, \"$(name)\", \"i\")\n       } LIMIT $(limit) \"\"\" .\n\n      :WikidataOnOrganizations ui:classMap\n       [ ui:internalClass schema:Corporation; ui:externalClass <http://www.wikidata.org/entity/Q6881511>], #Enterprise is for-profit\n       [ ui:internalClass schema:EducationalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q178706>], #insitution\n       [ ui:internalClass schema:ResearchOrganization; ui:externalClass <http://www.wikidata.org/entity/Q31855>], # reearch insitutie\n       [ ui:internalClass schema:GovernmentOrganization; ui:externalClass <http://www.wikidata.org/entity/Q327333>], #government agency\n       [ ui:internalClass schema:MedicalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4287745>],\n       [ ui:internalClass schema:MusicGroup; ui:externalClass <http://www.wikidata.org/entity/Q32178211>], #music organization\n       [ ui:internalClass schema:NGO; ui:externalClass <http://www.wikidata.org/entity/Q163740>], #nonprofit organization @@\n       [ ui:internalClass schema:Occupation; ui:externalClass <http://www.wikidata.org/entity/Q28640>], # superclass: Profession\n       [ ui:internalClass schema:Organization; ui:externalClass <http://www.wikidata.org/entity/Q43229>], # Superclass; Organization\n       [ ui:internalClass schema:Project; ui:externalClass <http://www.wikidata.org/entity/Q170584>],\n       [ ui:internalClass schema:SportsOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4438121>] .\n\n\n# eposodes in one's career - Roles\n\nsolid:Role owl:disjointUnionOf ( solid:PastRole solid:CurrentRole solid:FutureRole ) .\nsolid:PastRole a rdfs:Class; rdfs:label \"former role\"@en, \"ancien r\xF4le\"@fr, \"vergangene Rolle\"@de, \"rol anterior\"@es .\nsolid:CurrentRole a rdfs:Class; rdfs:label \"current role\"@en, \"r\xF4le actuel\"@fr, \"momentane Rolle\"@de , \"rol actual\"@es .\nsolid:FutureRole a rdfs:Class; rdfs:label \"future role\"@en, \"r\xF4le \xE0 venir\"@fr, \"zuk\xFCnftige Rolle\"@de, \"rol futuro\"@es .\n\n:RoleDatesGroup a ui:Group; ui:weight 0; ui:parts ( :RoleClassifier :RoleDatesForm ) .\n  :RoleClassifier a ui:Classifier; ui:label \"What sort of role?\"@en;\n      ui:category solid:Role .\n\n  :RoleDatesForm a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for solid:PastRole; ui:use :TwoDateForm ],\n     [ ui:for solid:CurrentRole; ui:use :StartDateForm ],\n     [ ui:for solid:FutureRole; ui:use :StartDateForm ].\n\n      :StartDateForm a ui:DateField; ui:label \"start\"@en,\"d\xE9but\"@fr;\n          ui:property schema:startDate .\n      :TwoDateForm a ui:Group; ui:weight 0; ui:parts ( :StartDateForm :EndDateForm ) .\n      :EndDateForm a ui:DateField; ui:label \"end\"@en,\"fin\"@fr;\n          ui:property schema:endDate .\n\n:RoleDescriptionForm a ui:MultiLineTextField; ui:property schema:description;\n  ui:label \"Describe your role\" .\n\n# Organizations\n\n vcard:Organization ui:creationForm :OrganizationCreationForm  .\n\n# Ontology data to drive the classifier\n\nsolid:InterestingOrganization owl:disjointUnionOf  (\n# Airline - a Corporation\n# Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization  # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n# FundingScheme - eh?\n schema:GovernmentOrganization\n# LibrarySystem\n# LocalBusiness - Corporation\n# MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\nschema:PerformingGroup # a band\nschema:Project # like Solid\nschema:SportsOrganization # a Team\nsolid:OtherOrganization\n ) .\n\n# This until the schema.org ontology adopts it\nschema:ResearchOrganization a rdfs:Class; rdfs:label \"Research Organization\"@en, \"Organization de Recherche\"@fr ,\n   \"organizaci\xF3n de investigaci\xF3n\"@es, \"\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u062D\u062B\"@ar, \"\u0905\u0928\u0941\u0938\u0902\u0927\u093E\u0928 \u0938\u0902\u0917\u0920\u0928\"@hi, \"Forschungsorganisation\"@de, \"shirika la utafiti\"@sw .\n\n  :OrganizationCreationForm a ui:Form; schema:name \"Form for editing an organization using public data\" ;\n    ui:parts ( :OrgClassifier :OrgSwitch   :OrganizationNameField :homePageURIField  ) .\n\n\n :OrgClassifier a ui:Classifier; ui:label \"What sort of organization?\"@en;\n    ui:category solid:InterestingOrganization .\n\n  :OrganizationNameField\n      a ui:SingleLineTextField ;\n      ui:label \"Organization Name\";\n      ui:maxLength \"200\" ;\n      ui:property schema:name ;\n      ui:size    80 .\n\n   :homePageURIField a ui:NamedNodeURIField; ui:size 80;\n      ui:label \"Home page URI\"@en;\n      ui:property  schema:uri . # @@ ??\n\n    :initituteTypeField a ui:Classifier;\n    ui:label \"What sort of organization\";\n    ui:category solid:InterestingOrganization .\n\n#  Depending on the type of org, chose a different form\n\n :OrgSwitch a ui:Options; ui:dependingOn rdf:type;\n   ui:case\n   [ ui:for schema:Corporation; ui:use :CorporationForm ],\n   [ ui:for schema:GovernmentOrganization; ui:use :GovernmentOrganizationForm ],\n   [ ui:for schema:PerformingGroup; ui:use :PerformingGroupForm ],\n   [ ui:for schema:Project; ui:use :ProjectForm ],\n   [ ui:for schema:NGO; ui:use :NGOForm ],\n   [ ui:for schema:EducationalOrganization; ui:use :EducationalOrganizationForm ],\n   [ ui:for schema:ResearchOrganization; ui:use :ResearchOrganizationForm ],\n   [ ui:for :SportsOrganization; ui:use :SportsOrganizationForm ],\n   [ ui:for solid:OtherOrganization; ui:use :OtherOrganizationForm ].\n\n\n  :CorporationForm a ui:Group; ui:weight 0; ui:parts ( :CorporationPrompt :CorporationAutocomplete ) .\n\n      :CorporationPrompt a ui:Comment; ui:contents \"Which corporation?\".\n\n      :CorporationAutocomplete a ui:AutocompleteField;\n      a ui:AutocompleteField; ui:label \"Corporation in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q6881511>; # Enterprise\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n      :WikidataInstancesByName a ui:DataSource ;\n        schema:name \"Wikidata instances by name\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n        WHERE {\n          ?klass wdt:P279* $(targetClass) .\n          ?subject wdt:P31 ?klass .\n          ?subject rdfs:label ?name.\n          FILTER regex(?name, \"$(name)\", \"i\")\n        } LIMIT $(limit) \"\"\" ;\n\n        # Note this form of the query is very experimental\n        ui:searchByName [   ui:construct { ?subject schema:name ?name } ;\n                            ui:where { ?klass wdt:P279 ?targetClass .\n                                       ?subject wdt:P31 ?klass; rdfs:label ?name .\n                                     };\n                        ].\n\n  :GovernmentOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :GovernmentOrganizationPrompt :GovernmentOrganizationAutocomplete ) .\n\n      :GovernmentOrganizationPrompt a ui:Comment; ui:contents \"Which GovernmentOrganization?\".\n\n      :GovernmentOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"GovernmentOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q327333>; # GovernmentOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n    :EducationalOrganizationForm a ui:Group; ui:weight 1; ui:parts ( :EducationalOrganizationPrompt :EducationalOrganizationAutocomplete ) .\n\n        :EducationalOrganizationPrompt a ui:Comment; ui:contents \"Which Educational Organization?\".\n\n        :EducationalOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Educational Organization in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q2385804>; # EducationalOrganization\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n    :ResearchOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :ResearchOrganizationPrompt :ResearchOrganizationAutocomplete ) .\n\n        :ResearchOrganizationPrompt a ui:Comment; ui:contents \"Which Research Organization?\".\n\n        :ResearchOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Research Insitute in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q31855>; # research institute\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :NGOForm a ui:Group; ui:weight 0; ui:parts ( :NGOPrompt :NGOAutocomplete ) .\n\n      :NGOPrompt a ui:Comment; ui:contents \"Which NGO?\".\n\n      :NGOAutocomplete\n      a ui:AutocompleteField; ui:label \"NGO in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q163740>; # Non-profit org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :PerformingGroupForm a ui:Group; ui:weight 0; ui:parts ( :PerformingGroupPrompt :PerformingGroupAutocomplete ) .\n\n      :PerformingGroupPrompt a ui:Comment; ui:contents \"Which PerformingGroup?\".\n\n      :PerformingGroupAutocomplete\n      a ui:AutocompleteField; ui:label \"PerformingGroup in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q32178211>; # Music Org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :ProjectForm a ui:Group; ui:weight 0; ui:parts ( :ProjectPrompt :ProjectAutocomplete ) . #  :ProjectAutocomplete - no: supress, as not in WD\n\n      :ProjectPrompt a ui:Comment; ui:contents \"Which Project?\".\n\n      :ProjectAutocomplete\n      a ui:AutocompleteField; ui:label \"Project in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q170584>; # Project\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :SportsOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :SportsOrganizationPrompt :SportsOrganizationAutocomplete ) .\n\n      :SportsOrganizationPrompt a ui:Comment; ui:contents \"Which Sports Organization?\".\n\n      :SportsOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"SportsOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q4438121>; # SportsOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n   :OtherOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :OrganizationNameField :homePageURIField ) .\n\n  #################### Skills\n\n  :SkillsPrompt a ui:Comment; ui:contents  \"Skills?\" .\n\n  :SkillsForm a ui:Multiple;\n      ui:label \"Skills\";\n      ui:property schema:skills;\n      ui:ordered false; # Allow reader to order skills\n      ui:part :SkillForm.\n\n  :SkillForm a ui:Group; ui:weight 1; ui:parts ( :escoSkillField ).\n\n        # :skillNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 30 .\n\n        :escoSkillField a ui:AutocompleteField;\n              ui:label \"skill\"; ui:size 30;\n              ui:property solid:publicId;\n              ui:dataSource :ESCO_Skill_DataSource;\n               ui:targetClass schema:Skill .\n\n        :ESCO_Skill_DataSource a ui:DataSource;\n           schema:name \"ESCO Skill\";\n           ui:targetClass esco:Skill ;\n           schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n           ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&limit=$(limit)&type=skill&text=$(name)\".\n\n# Language\n\n:LanguagesPrompt a ui:Comment; ui:contents  \"Languages?\" .\n\n:LanguagesForm a ui:Multiple;\n    ui:label \"Languages\";\n    ui:property schema:knowsLanguage; # @@@\n    ui:ordered true; # Allow user to order languages most important first.\n    ui:part :LanguageForm.\n\n:LanguageForm a ui:Group; ui:weight 1; ui:parts ( :WikidataLanguageField ).\n\n    :WikidataLanguageField a ui:AutocompleteField;\n          ui:label \"Language\"; ui:size 30;\n          ui:property solid:publicId; # @@\n          ui:dataSource :WikidataLanguageDataSource;\n           ui:targetClass schema:Language .\n\n    :WikidataLanguageDataSource\n        schema:name \"Wikidata languages\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:objectURIBase <https://www.w3.org/ns/iana/language-code/>;\n        # Add this to any literal string returned as ?subject\n\n         ui:searchByNameQuery \"\"\"SELECT ?item ?subject ?name\nWHERE\n{ ?item wdt:P305 ?subject .\n  OPTIONAL {?item rdfs:label ?name}\n  OPTIONAL {?item wdt:P1705 ?name}\n  FILTER regex(?name, \"$(name)\", \"i\")\n  FILTER regex(?subject, \"^..$\", \"i\")\n}\"\"\" .\n # Note we restrict code to two-letter codes with the second regex, so as to limit the deluge of languages\n # Hope there are not any important ones which have three-letter codes.\n # Omitted: SERVICE wikibase:label { bd:serviceParam wikibase:language \"$(languages)\". }\n\n########### Social Media - other accounts\n#\n# Twitter, Linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:SocialsPrompt a ui:Heading; ui:contents  \"Social Media etc?\" .\n:SocialsPrompt a ui:Comment; ui:contents  \"Link to accounts in social media sites, etc\" .\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account;\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; ui:weight 1; ui:parts ( :AccountField :AccountIdField ).\n\n:AccountField a ui:Classifier; ui:label \"What sort of account?\"@en;\n      ui:multiple false ; \n      ui:category foaf:Account  .\n\n:AccountIdField a ui:Options . \n\n  :AccountIdField a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for soc:BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for soc:DiggAccount; ui:use :DiggIdField],\n     [ ui:for soc:FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for soc:GithubAccount; ui:use :GithubIdField ],\n     [ ui:for soc:InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for soc:LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for soc:MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for soc:MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for soc:MediumAccount; ui:use :MediumIdField ],\n     [ ui:for soc:NostrAccount; ui:use :NostrIdField ],\n     [ ui:for soc:OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for soc:PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for soc:RedditAccount; ui:use :RedditIdField ],\n     [ ui:for soc:StravaAccount; ui:use :StravaIdField ],\n     [ ui:for soc:SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for soc:TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for soc:TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for soc:TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for soc:OtherAccount; ui:use :OtherIdForm  ] .\n\n  :BlueSkyIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Bluesky Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :DiggIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Digg Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :FacebookIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Facebook Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :GithubIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Github Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :InstagramIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Instagram Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :LinkedInIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Linked In Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MastodonIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Mastodon (Activity Pub) Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MatrixIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Matrix Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MediumIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Medium Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :NostrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Nostr public key\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    70 .\n\n  :OrcidIdField\n      a ui:SingleLineTextField ;\n      ui:label \"ORCiD id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :PinterestIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Pinterest id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :RedditIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Reddit Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :StravaIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Strava Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :SnapchatIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Snapchat Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TiktokIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tiktok Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TumblrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tumblr user name\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TwitterIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Twitter Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n# an unknown SN account needs more info\n\n  :OtherIdForm a ui:Group; ui:weight 0; ui:parts ( :OtherIdField :OtherIconField :OtherLabelield ).\n\n  :OtherIdField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of account to link to\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:homepage ; \n      ui:size    60 .\n\n  :OtherLabelield\n      a ui:SingleLineTextField ;\n      ui:label \"Label\";\n      ui:maxLength \"200\" ;\n      ui:property rdfs:label ; \n      ui:size    40 .\n\n  :OtherIconField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of icon to display\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:icon ;\n      ui:size    60 .\n\n\n\n# Subclass definitions for foaf:Account (embedded for UI category selector)\nsoc:BlueSkyAccount rdfs:subClassOf foaf:Account; rdfs:label \"Bluesky\" .\nsoc:DiggAccount rdfs:subClassOf foaf:Account; rdfs:label \"Digg\" .\nsoc:FacebookAccount rdfs:subClassOf foaf:Account; rdfs:label \"Facebook\" .\nsoc:GithubAccount rdfs:subClassOf foaf:Account; rdfs:label \"Github\" .\nsoc:InstagramAccount rdfs:subClassOf foaf:Account; rdfs:label \"Instagram\" .\nsoc:LinkedInAccount rdfs:subClassOf foaf:Account; rdfs:label \"Linked In\" .\nsoc:MastodonAccount rdfs:subClassOf foaf:Account; rdfs:label \"Mastodon\" .\nsoc:MatrixAccount rdfs:subClassOf foaf:Account; rdfs:label \"Matrix\" .\nsoc:MediumAccount rdfs:subClassOf foaf:Account; rdfs:label \"Medium\" .\nsoc:NostrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Nostr\" .\nsoc:OrcidAccount rdfs:subClassOf foaf:Account; rdfs:label \"ORCiD\" .\nsoc:PinterestAccount rdfs:subClassOf foaf:Account; rdfs:label \"Pinterest\" .\nsoc:RedditAccount rdfs:subClassOf foaf:Account; rdfs:label \"Reddit\" .\nsoc:SnapchatAccount rdfs:subClassOf foaf:Account; rdfs:label \"Snapchat\" .\nsoc:StravaAccount rdfs:subClassOf foaf:Account; rdfs:label \"Strava\" .\nsoc:TiktokAccount rdfs:subClassOf foaf:Account; rdfs:label \"TikTok\" .\nsoc:TumblrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Tumblr\" .\nsoc:TwitterAccount rdfs:subClassOf foaf:Account; rdfs:label \"X (formerly Twitter)\" .\nsoc:OtherAccount rdfs:subClassOf foaf:Account; rdfs:label \"Other\" .\n\n\n\n# ENDS\n";
-/* babel-plugin-inline-import '../ontology/socialMedia.ttl' */
-const socialMedia = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n##### Ontology of Online Accounts\n\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( :BlueSkyAccount :DiggAccount :FacebookAccount :GithubAccount :InstagramAccount\n    :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount :OrcidAccount :PinterestAccount\n    :RedditAccount :SnapchatAccount :StravaAccount :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:DiggAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Linked In\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X (formerly Twitter)\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n# ends\n";
-const highlightColor = _solidUi.style.highlightColor || '#7C4DFF';
+
 const editProfileView = {
   global: true,
   icon: _solidUi.icons.iconBase + 'noun_492246.svg',
@@ -31965,49 +32210,37 @@ const editProfileView = {
     //console.log('@@@ render edit profile pane:  subject, context', subject, context)
     const dom = context.dom;
     const store = context.session.store;
-    function complainIfBad(ok, mess) {
-      if (ok) return;
-      div.appendChild(_solidUi.widgets.errorMessageBlock(dom, mess, '#fee'));
-    }
-    function renderProfileForm(div, subject) {
-      const preferencesForm = (0, _rdflib.sym)('https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#this');
-      const preferencesFormDoc = preferencesForm.doc();
-      const socialMediaDoc = (0, _rdflib.sym)('https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl').doc();
-      if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
-        // If not loaded already
-        (0, _rdflib.parse)(profileForm, store, preferencesFormDoc.uri, 'text/turtle', () => null); // Load form directly
-      }
-      if (!store.holds(undefined, undefined, undefined, socialMediaDoc)) {
-        // Load socialMedia ontology for the classifier
-        (0, _rdflib.parse)(socialMedia, store, socialMediaDoc.uri, 'text/turtle', () => null);
-      }
-      div.setAttribute('data-testid', 'profile-editor');
-      // @@ div.append?
-      _solidUi.widgets.appendForm(dom, div, {}, subject, preferencesForm, editableProfile, complainIfBad);
-    } // renderProfileForm
 
-    const div = dom.createElement('div');
+    // Use <section> as the main container for better semantics
+    const div = dom.createElement('section');
     div.setAttribute('data-testid', 'profile-editor');
+    div.setAttribute('role', 'region');
+    div.setAttribute('aria-label', 'Edit your profile');
     let editableProfile;
-    div.setAttribute('style', `border: 0.3em solid ${highlightColor}; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;`);
-    const table = div.appendChild(dom.createElement('table'));
-    // const top = table.appendChild(dom.createElement('tr'))
-    const main = table.appendChild(dom.createElement('tr'));
-    const bottom = table.appendChild(dom.createElement('tr'));
-    const statusArea = bottom.appendChild(dom.createElement('div'));
-    statusArea.setAttribute('style', 'padding: 0.7em;');
-    function comment(str) {
-      const p = main.appendChild(dom.createElement('p'));
-      p.setAttribute('style', 'padding: 1em;');
-      p.textContent = str;
-      return p;
-    }
-    function heading(str) {
-      const h = main.appendChild(dom.createElement('h3'));
-      h.setAttribute('style', 'color:' + highlightColor + ';');
-      h.textContent = str;
-      return h;
-    }
+
+    // Use <main> for the main content area, styled as a grid like ProfileView
+    const main = dom.createElement('main');
+    main.setAttribute('id', 'profile-edit-main-content');
+    main.setAttribute('aria-busy', 'true');
+    main.setAttribute('tabindex', '-1');
+    main.classList.add('profile-grid', 'no-focus-ring');
+    const mainHeading = dom.createElement('h1');
+    mainHeading.classList.add('visually-hidden');
+    mainHeading.textContent = 'Edit Profile';
+    main.appendChild(mainHeading);
+    div.appendChild(main);
+
+    // Use <aside> for the status area
+    const statusArea = dom.createElement('aside');
+    statusArea.classList.add('p-sm');
+    statusArea.setAttribute('role', 'status');
+    statusArea.setAttribute('aria-live', 'polite');
+    statusArea.setAttribute('aria-atomic', 'true');
+    const ensureStatusArea = () => {
+      if (!statusArea.isConnected) {
+        div.appendChild(statusArea);
+      }
+    };
     const profileContext = {
       dom: dom,
       div: main,
@@ -32016,7 +32249,6 @@ const editProfileView = {
     };
     _solidUi.login.ensureLoadedProfile(profileContext).then(theContext => {
       const me = theContext.me;
-      heading('Edit your public profile');
       const profile = me.doc();
       if (!store.updater) {
         throw new Error('Store has no updater');
@@ -32026,50 +32258,35 @@ const editProfileView = {
       } else if (store.updater.editable(profile.uri, store)) {
         editableProfile = profile;
       } else {
+        ensureStatusArea();
         statusArea.appendChild(_solidUi.widgets.errorMessageBlock(dom, `⚠️ Your profile ${profile} is not editable, so we cannot do much here.`, 'straw'));
         return;
       }
-      comment(`Everything you put here will be public.
-        There will be other places to record private things.`);
-      heading('Your contact information');
-      main.appendChild((0, _profile.paneDiv)(context, me, 'contact'));
-      heading('People you know who have WebIDs');
-      comment(`This is your public social network.
-        Only put people here to whom you are happy to be publicly connected.
-        (You can always keep private track of friends and family in your contacts.)`);
-
-      // TODO: would be useful to explain what it means to "drag people"
-      //       what is it that is being dragged?
-      //       is there a way to search for people (or things to drag) on this page?
-      if (editableProfile) {
-        comment('Drag people onto the target below to add people.');
-      }
-      _solidUi.widgets.attachmentList(dom, me, main, {
-        doc: profile,
-        modify: !!editableProfile,
-        predicate: _solidUi.ns.foaf('knows'),
-        noun: 'friend'
-      });
-      heading('Communities you participate in');
-      comment('These are organizations and projects (etc) whose stuff you share');
-
-      // TODO: would be useful to explain what it means to "drag organizations"
-      //       what is it that is being dragged?
-      //       is there a way to search for people (or things to drag) on this page?
-      //  Also provide a way of using cut and paste
-      if (editableProfile) {
-        comment('Drag organizations onto the target below to add organizations.');
-      }
-      _solidUi.widgets.attachmentList(dom, me, main, {
-        doc: profile,
-        modify: !!editableProfile,
-        predicate: _solidUi.ns.solid('community'),
-        noun: 'community'
-      });
-      renderProfileForm(main, me);
-      heading('Thank you for filling your profile.');
+
+      // Render each section as a card with consistent classes
+      // Your contact information Section
+      main.appendChild((0, _EditContactsCard.EditContactsSection)(context, me));
+
+      // Resume Section
+      main.appendChild((0, _EditCVCard.EditCVSection)(context, me, editableProfile, store));
+
+      // Social Accounts Section
+      main.appendChild((0, _EditSocialCard.EditSocialSection)(context, me, editableProfile, store));
+
+      // Other preferences Section
+      main.appendChild((0, _EditOtherPreferences.EditOtherPreferencesSection)(context, me, editableProfile, store));
+
+      // People you know Section
+      main.appendChild((0, _EditFriendsCard.EditFriendsSection)(context, me, editableProfile, profile));
+
+      // Communities you participate in Section
+      main.appendChild((0, _EditCommunitiesCard.EditProfileCommunitiesSection)(context, me, editableProfile, profile));
+      main.setAttribute('aria-busy', 'false');
+      main.focus();
     }).catch(error => {
+      ensureStatusArea();
       statusArea.appendChild(_solidUi.widgets.errorMessageBlock(dom, error, '#fee'));
+      main.setAttribute('aria-busy', 'false');
     });
     return div;
   }
@@ -32078,8 +32295,8 @@ var _default = exports["default"] = editProfileView;
 
 /***/ },
 
-/***/ 4596
-(__unused_webpack_module, exports) {
+/***/ 9410
+(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 
@@ -32087,32 +32304,40 @@ var _default = exports["default"] = editProfileView;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.paneDiv = paneDiv;
-function paneDiv(context, subject, paneName) {
-  const view = context.session.paneRegistry.byName(paneName);
-  if (!view) {
-    const warning = context.dom.createElement('div');
-    warning.innerText = `Unable to load view: ${paneName}`;
-    return warning;
-  }
-  const viewContainer = view.render(subject, context);
-
-  // Handle different node types
-  let container;
-  if (viewContainer && typeof viewContainer.setAttribute === 'function') {
-    // It's already an Element node
-    container = viewContainer;
-  } else if (viewContainer && viewContainer.nodeType === Node.TEXT_NODE) {
-    // It's a Text node, wrap it in a div
-    container = context.dom.createElement('div');
-    container.appendChild(viewContainer);
+exports.EditSocialSection = EditSocialSection;
+var _rdfFormsHelper = _interopRequireDefault(__webpack_require__(7824));
+var _texts = __webpack_require__(1363);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* babel-plugin-inline-import '../ontology/socialMedia.ttl' */
+const socialMediaForm = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix : <#>.\n\n########### ATTENTION - we cannot rename this ontology file name without migrating existing data on existing accounts\n\n########### Social Media - other accounts\n#\n# Twitter, linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Social media form\" ;\n    a ui:Form ;\n    ui:parts (\n      :SocialsForm\n      ).\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account; # the triple is created with the foaf:acccounts predicate\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; \n    ui:weight 1; \n    ui:parts ( \n        :AccountField \n        :AccountIdField ).\n\n:AccountField a ui:Classifier; \n    ui:label \"Choose account\"@en;\n    ui:multiple false ; \n    ui:category foaf:Account. # the accounts are described by the foaf:Account predicate\n\n# this is what is needed to make a dropdown box\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( \n        :BlueSkyAccount :DiggAccount :FacebookAccount :GithubAccount :InstagramAccount\n        :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount \n        :OrcidAccount :PinterestAccount :RedditAccount :SnapchatAccount :StravaAccount \n        :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:AccountIdField a ui:Options; \n    ui:dependingOn rdf:type; \n    ui:case\n     [ ui:for :BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for :DiggAccount; ui:use :DiggIdField],\n     [ ui:for :FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for :GithubAccount; ui:use :GithubIdField ],\n     [ ui:for :InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for :LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for :MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for :MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for :MediumAccount; ui:use :MediumIdField ],\n     [ ui:for :NostrAccount; ui:use :NostrIdField ],\n     [ ui:for :OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for :PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for :RedditAccount; ui:use :RedditIdField ],\n     [ ui:for :StravaAccount; ui:use :StravaIdField ],\n     [ ui:for :SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for :TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for :TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for :TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for :OtherAccount; ui:use :OtherIdForm  ] .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:DiggAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"LinkedIn\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/in/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n:BlueSkyIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:DiggIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:FacebookIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:GithubIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:InstagramIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:LinkedInIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MastodonIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MatrixIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MediumIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:NostrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:OrcidIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:PinterestIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:RedditIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:StravaIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:SnapchatIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TiktokIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TumblrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TwitterIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n# an unknown online account needs more info\n\n:OtherIdForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :OtherIdField \n        :OtherIconField \n        :OtherLabelField ).\n\n:OtherIdField\n    a ui:NamedNodeURIField ;\n    ui:label \"Account link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:homepage.\n\n:OtherIconField\n    a ui:NamedNodeURIField ;\n    ui:label \"Icon link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:icon.\n\n:OtherLabelField\n    a ui:SingleLineTextField ;\n    ui:label \"Name\";\n    ui:maxLength \"200\" ;\n    ui:property rdfs:label.\n\n# ends\n";
+const socialMediaFormName = 'socialMedia.ttl'; // The name of the form file
+
+function EditSocialSection(context, me, editableProfile, store) {
+  const section = context.dom.createElement('section');
+  section.setAttribute('data-testid', 'edit-social-section');
+  section.setAttribute('aria-labelledby', 'edit-profile-social-heading');
+  section.classList.add('profileSection', 'section-bg', 'profile-form');
+  const header = context.dom.createElement('header');
+  header.classList.add('text-center', 'mb-md');
+  const heading = context.dom.createElement('h2');
+  heading.id = 'edit-profile-social-heading';
+  heading.classList.add('section-title');
+  heading.textContent = _texts.socialAccountsHeadingText;
+  header.appendChild(heading);
+  section.appendChild(header);
+  if (editableProfile) {
+    const comment2 = context.dom.createElement('p');
+    comment2.classList.add('p-md');
+    comment2.textContent = 'Add links to your social media accounts here. These will be publicly visible on your profile.';
+    section.appendChild(comment2);
   } else {
-    // Fallback for other cases
-    container = context.dom.createElement('div');
-    container.innerText = `View render did not return a valid Node for: ${paneName}`;
+    const comment1 = context.dom.createElement('p');
+    comment1.classList.add('p-md');
+    comment1.textContent = 'Login to add social media accounts to your profile.';
+    section.appendChild(comment1);
   }
-  container.setAttribute('style', 'border: 0.3em solid #444; border-radius: 0.5em');
-  return container;
+  (0, _rdfFormsHelper.default)(section, me, socialMediaForm, socialMediaFormName, store, context.dom, editableProfile);
+  return section;
 }
 
 /***/ },
@@ -32138,7 +32363,7 @@ __webpack_require__(5755);
 __webpack_require__(1295);
 var _litHtml = __webpack_require__(6752);
 var _ProfileView2 = __webpack_require__(3447);
-var _editProfile = _interopRequireDefault(__webpack_require__(2687));
+var _EditProfileView = _interopRequireDefault(__webpack_require__(5011));
 var _solidUi = __webpack_require__(500);
 var qrcode = _interopRequireWildcard(__webpack_require__(7583));
 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); }
@@ -32160,7 +32385,7 @@ const Pane = {
     }
     return null;
   },
-  editor: _editProfile.default,
+  editor: _EditProfileView.default,
   render: (subject, context) => {
     const target = context.dom.createElement('div');
     const store = context.session.store;
@@ -32266,8 +32491,9 @@ function getColors(subject, store) {
   const backgroundColor = store.anyValue(subject, _solidUi.ns.solid('profileBackgroundColor'), null, subject.doc());
   const highlightColor = store.anyValue(subject, _solidUi.ns.solid('profileHighlightColor'), null, subject.doc());
   return {
-    backgroundColor: validColorOrDefault(backgroundColor, '#eee'),
-    highlightColor: validColorOrDefault(highlightColor, '#090')
+    // default colors are coming from the SolidOS theme, so we only want to set them here if they're valid colors
+    backgroundColor: validColorOrDefault(backgroundColor, ''),
+    highlightColor: validColorOrDefault(highlightColor, '')
   };
 }
 function validColorOrDefault(color, fallback) {
@@ -32276,6 +32502,53 @@ function validColorOrDefault(color, fallback) {
 
 /***/ },
 
+/***/ 7824
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = renderForm;
+exports.loadDocument = loadDocument;
+var _rdflib = __webpack_require__(8230);
+var _solidUi = __webpack_require__(500);
+const baseUri = 'https://solidos.github.io/profile-pane/src/ontology/';
+function renderForm(div, subject,
+// Represents the RDF that fills the form
+formSource,
+// The imported form Turtle source
+formName,
+// The name of the form file (e.g., 'socialMedia.ttl')
+store, dom, editableProfile, whichForm) {
+  // Optional: specify which form to use if multiple 'a ui:Form' are present in the file{
+  // --- Form resource setup ---
+  const formUri = baseUri + formName; // Full URI to the form file
+  const exactForm = whichForm || 'this'; // If there are more 'a ui:Form' elements in a form file
+  const formThis = (0, _rdflib.Namespace)(formUri + '#')(exactForm); // NamedNode for #this in the form
+
+  loadDocument(store, formSource, formName, formUri);
+  _solidUi.widgets.appendForm(dom, div, {}, subject, formThis, editableProfile, (ok, mes) => {
+    if (!ok) _solidUi.widgets.errorMessageBlock(dom, mes);
+  });
+} // renderForm
+
+// we need to load into the store some additional information about Social Media accounts
+function loadDocument(store, documentSource, documentName, documentURI) {
+  const finalDocumentUri = documentURI || baseUri + documentName; // Full URI to the file
+  const document = (0, _rdflib.sym)(finalDocumentUri); // rdflib NamedNode for the document    
+
+  if (!store.holds(undefined, undefined, undefined, document)) {
+    // we are using the social media form because it contains the information we need
+    // the form can be used for both use cases: create UI  for edit and render UI for display
+    (0, _rdflib.parse)(documentSource, store, finalDocumentUri, 'text/turtle', () => null); // Load doc directly
+  }
+}
+
+/***/ },
+
 /***/ 1363
 (__unused_webpack_module, exports) {
 
@@ -32285,7 +32558,7 @@ function validColorOrDefault(color, fallback) {
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.userNotLoggedInErrorMessage = exports.scanQrToConnectText = exports.logInToChatWithMeButtonText = exports.logInAddMeToYourFriendsButtonText = exports.loadingMessage = exports.internalErrorMessage = exports.friendWasAddedSuccesMessage = exports.friendExistsMessage = exports.friendExistsAlreadyButtonText = exports.chatWithMeButtonText = exports.addMeToYourFriendsButtonText = void 0;
+exports.yourContactInformationHeading = exports.userNotLoggedInErrorMessage = exports.socialAccountsHeadingText = exports.sharedItemsHeadingText = exports.scanQrToConnectText = exports.resumeHeadingText = exports.otherPreferencesHeadingText = exports.logInToChatWithMeButtonText = exports.logInAddMeToYourFriendsButtonText = exports.loadingMessage = exports.internalErrorMessage = exports.friendsHeadingText = exports.friendWasAddedSuccesMessage = exports.friendExistsMessage = exports.friendExistsAlreadyButtonText = exports.contactHeadingText = exports.communitiesHeadingText = exports.chatWithMeButtonText = exports.addMeToYourFriendsButtonText = void 0;
 // QR CODE
 const scanQrToConnectText = exports.scanQrToConnectText = 'Scan the QR code to connect with me';
 //ERRORS & SUCCESS
@@ -32305,6 +32578,16 @@ const logInToChatWithMeButtonText = exports.logInToChatWithMeButtonText = 'Login
 const friendExistsAlreadyButtonText = exports.friendExistsAlreadyButtonText = 'Already part of friends';
 const chatWithMeButtonText = exports.chatWithMeButtonText = 'Chat with me';
 
+// Profile & Edit profile texts 
+const yourContactInformationHeading = exports.yourContactInformationHeading = 'Contact Information';
+const otherPreferencesHeadingText = exports.otherPreferencesHeadingText = 'Other Preferences';
+const communitiesHeadingText = exports.communitiesHeadingText = 'Communities You Participate In';
+const resumeHeadingText = exports.resumeHeadingText = 'Resume';
+const socialAccountsHeadingText = exports.socialAccountsHeadingText = 'Social Accounts';
+const sharedItemsHeadingText = exports.sharedItemsHeadingText = 'Shared Items';
+const friendsHeadingText = exports.friendsHeadingText = 'Friends';
+const contactHeadingText = exports.contactHeadingText = 'Contact';
+
 /***/ },
 
 /***/ 2694
@@ -80067,10 +80350,10 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _default = exports["default"] = {
-  buildTime: '2026-02-15T17:21:44Z',
-  commit: 'a3b37da972e877317cdbe0c580b54fccdc546bbc',
+  buildTime: '2026-02-23T18:23:25Z',
+  commit: 'aa09685725f8b4b928f10df372ae6422ca570082',
   npmInfo: {
-    'solid-panes': '4.2.2',
+    'solid-panes': '4.2.3',
     npm: '10.8.2',
     node: '20.20.0',
     acorn: '8.15.0',
@@ -106240,7 +106523,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   walkTokens: () => (/* binding */ Xt)
 /* harmony export */ });
 /**
- * marked v17.0.2 - a markdown parser
+ * marked v17.0.3 - a markdown parser
  * Copyright (c) 2018-2026, MarkedJS. (MIT License)
  * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT License)
  * https://github.com/markedjs/marked
@@ -106308,7 +106591,7 @@ ${this.parser.parse(e)}</blockquote>
 `}tablerow({text:e}){return`<tr>
 ${e}</tr>
 `}tablecell(e){let t=this.parser.parseInline(e.tokens),n=e.header?"th":"td";return(e.align?`<${n} align="${e.align}">`:`<${n}>`)+t+`</${n}>
-`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${O(e,!0)}</code>`}br(e){return"<br>"}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let r=this.parser.parseInline(n),i=X(e);if(i===null)return r;e=i;let s='<a href="'+e+'"';return t&&(s+=' title="'+O(t)+'"'),s+=">"+r+"</a>",s}image({href:e,title:t,text:n,tokens:r}){r&&(n=this.parser.parseInline(r,this.parser.textRenderer));let i=X(e);if(i===null)return O(n);e=i;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${O(t)}"`),s+=">",s}text(e){return"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):"escaped"in e&&e.escaped?e.text:O(e.text)}};var $=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return""+e}image({text:e}){return""+e}br(){return""}checkbox({raw:e}){return e}};var b=class u{options;renderer;textRenderer;constructor(e){this.options=e||T,this.options.renderer=this.options.renderer||new y,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new $}static parse(e,t){return new u(t).parse(e)}static parseInline(e,t){return new u(t).parseInline(e)}parse(e){let t="";for(let n=0;n<e.length;n++){let r=e[n];if(this.options.extensions?.renderers?.[r.type]){let s=r,a=this.options.extensions.renderers[s.type].call({parser:this},s);if(a!==!1||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(s.type)){t+=a||"";continue}}let i=r;switch(i.type){case"space":{t+=this.renderer.space(i);break}case"hr":{t+=this.renderer.hr(i);break}case"heading":{t+=this.renderer.heading(i);break}case"code":{t+=this.renderer.code(i);break}case"table":{t+=this.renderer.table(i);break}case"blockquote":{t+=this.renderer.blockquote(i);break}case"list":{t+=this.renderer.list(i);break}case"checkbox":{t+=this.renderer.checkbox(i);break}case"html":{t+=this.renderer.html(i);break}case"def":{t+=this.renderer.def(i);break}case"paragraph":{t+=this.renderer.paragraph(i);break}case"text":{t+=this.renderer.text(i);break}default:{let s='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(s),"";throw new Error(s)}}}return t}parseInline(e,t=this.renderer){let n="";for(let r=0;r<e.length;r++){let i=e[r];if(this.options.extensions?.renderers?.[i.type]){let a=this.options.extensions.renderers[i.type].call({parser:this},i);if(a!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=a||"";continue}}let s=i;switch(s.type){case"escape":{n+=t.text(s);break}case"html":{n+=t.html(s);break}case"link":{n+=t.link(s);break}case"image":{n+=t.image(s);break}case"checkbox":{n+=t.checkbox(s);break}case"strong":{n+=t.strong(s);break}case"em":{n+=t.em(s);break}case"codespan":{n+=t.codespan(s);break}case"br":{n+=t.br(s);break}case"del":{n+=t.del(s);break}case"text":{n+=t.text(s);break}default:{let a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return n}};var P=class{options;block;constructor(e){this.options=e||T}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}emStrongMask(e){return e}provideLexer(){return this.block?x.lex:x.lexInline}provideParser(){return this.block?b.parse:b.parseInline}};var B=class{defaults=M();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=b;Renderer=y;TextRenderer=$;Lexer=x;Tokenizer=w;Hooks=P;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(let r of e)switch(n=n.concat(t.call(this,r)),r.type){case"table":{let i=r;for(let s of i.header)n=n.concat(this.walkTokens(s.tokens,t));for(let s of i.rows)for(let a of s)n=n.concat(this.walkTokens(a.tokens,t));break}case"list":{let i=r;n=n.concat(this.walkTokens(i.items,t));break}default:{let i=r;this.defaults.extensions?.childTokens?.[i.type]?this.defaults.extensions.childTokens[i.type].forEach(s=>{let a=i[s].flat(1/0);n=n.concat(this.walkTokens(a,t))}):i.tokens&&(n=n.concat(this.walkTokens(i.tokens,t)))}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(n=>{let r={...n};if(r.async=this.defaults.async||r.async||!1,n.extensions&&(n.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if("renderer"in i){let s=t.renderers[i.name];s?t.renderers[i.name]=function(...a){let o=i.renderer.apply(this,a);return o===!1&&(o=s.apply(this,a)),o}:t.renderers[i.name]=i.renderer}if("tokenizer"in i){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let s=t[i.level];s?s.unshift(i.tokenizer):t[i.level]=[i.tokenizer],i.start&&(i.level==="block"?t.startBlock?t.startBlock.push(i.start):t.startBlock=[i.start]:i.level==="inline"&&(t.startInline?t.startInline.push(i.start):t.startInline=[i.start]))}"childTokens"in i&&i.childTokens&&(t.childTokens[i.name]=i.childTokens)}),r.extensions=t),n.renderer){let i=this.defaults.renderer||new y(this.defaults);for(let s in n.renderer){if(!(s in i))throw new Error(`renderer '${s}' does not exist`);if(["options","parser"].includes(s))continue;let a=s,o=n.renderer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c||""}}r.renderer=i}if(n.tokenizer){let i=this.defaults.tokenizer||new w(this.defaults);for(let s in n.tokenizer){if(!(s in i))throw new Error(`tokenizer '${s}' does not exist`);if(["options","rules","lexer"].includes(s))continue;let a=s,o=n.tokenizer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c}}r.tokenizer=i}if(n.hooks){let i=this.defaults.hooks||new P;for(let s in n.hooks){if(!(s in i))throw new Error(`hook '${s}' does not exist`);if(["options","block"].includes(s))continue;let a=s,o=n.hooks[a],l=i[a];P.passThroughHooks.has(s)?i[a]=p=>{if(this.defaults.async&&P.passThroughHooksRespectAsync.has(s))return(async()=>{let d=await o.call(i,p);return l.call(i,d)})();let c=o.call(i,p);return l.call(i,c)}:i[a]=(...p)=>{if(this.defaults.async)return(async()=>{let d=await o.apply(i,p);return d===!1&&(d=await l.apply(i,p)),d})();let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c}}r.hooks=i}if(n.walkTokens){let i=this.defaults.walkTokens,s=n.walkTokens;r.walkTokens=function(a){let o=[];return o.push(s.call(this,a)),i&&(o=o.concat(i.call(this,a))),o}}this.defaults={...this.defaults,...r}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return x.lex(e,t??this.defaults)}parser(e,t){return b.parse(e,t??this.defaults)}parseMarkdown(e){return(n,r)=>{let i={...r},s={...this.defaults,...i},a=this.onError(!!s.silent,!!s.async);if(this.defaults.async===!0&&i.async===!1)return a(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof n>"u"||n===null)return a(new Error("marked(): input parameter is undefined or null"));if(typeof n!="string")return a(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));if(s.hooks&&(s.hooks.options=s,s.hooks.block=e),s.async)return(async()=>{let o=s.hooks?await s.hooks.preprocess(n):n,p=await(s.hooks?await s.hooks.provideLexer():e?x.lex:x.lexInline)(o,s),c=s.hooks?await s.hooks.processAllTokens(p):p;s.walkTokens&&await Promise.all(this.walkTokens(c,s.walkTokens));let h=await(s.hooks?await s.hooks.provideParser():e?b.parse:b.parseInline)(c,s);return s.hooks?await s.hooks.postprocess(h):h})().catch(a);try{s.hooks&&(n=s.hooks.preprocess(n));let l=(s.hooks?s.hooks.provideLexer():e?x.lex:x.lexInline)(n,s);s.hooks&&(l=s.hooks.processAllTokens(l)),s.walkTokens&&this.walkTokens(l,s.walkTokens);let c=(s.hooks?s.hooks.provideParser():e?b.parse:b.parseInline)(l,s);return s.hooks&&(c=s.hooks.postprocess(c)),c}catch(o){return a(o)}}}onError(e,t){return n=>{if(n.message+=`
+`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${O(e,!0)}</code>`}br(e){return"<br>"}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let r=this.parser.parseInline(n),i=X(e);if(i===null)return r;e=i;let s='<a href="'+e+'"';return t&&(s+=' title="'+O(t)+'"'),s+=">"+r+"</a>",s}image({href:e,title:t,text:n,tokens:r}){r&&(n=this.parser.parseInline(r,this.parser.textRenderer));let i=X(e);if(i===null)return O(n);e=i;let s=`<img src="${e}" alt="${O(n)}"`;return t&&(s+=` title="${O(t)}"`),s+=">",s}text(e){return"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):"escaped"in e&&e.escaped?e.text:O(e.text)}};var $=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return""+e}image({text:e}){return""+e}br(){return""}checkbox({raw:e}){return e}};var b=class u{options;renderer;textRenderer;constructor(e){this.options=e||T,this.options.renderer=this.options.renderer||new y,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new $}static parse(e,t){return new u(t).parse(e)}static parseInline(e,t){return new u(t).parseInline(e)}parse(e){let t="";for(let n=0;n<e.length;n++){let r=e[n];if(this.options.extensions?.renderers?.[r.type]){let s=r,a=this.options.extensions.renderers[s.type].call({parser:this},s);if(a!==!1||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(s.type)){t+=a||"";continue}}let i=r;switch(i.type){case"space":{t+=this.renderer.space(i);break}case"hr":{t+=this.renderer.hr(i);break}case"heading":{t+=this.renderer.heading(i);break}case"code":{t+=this.renderer.code(i);break}case"table":{t+=this.renderer.table(i);break}case"blockquote":{t+=this.renderer.blockquote(i);break}case"list":{t+=this.renderer.list(i);break}case"checkbox":{t+=this.renderer.checkbox(i);break}case"html":{t+=this.renderer.html(i);break}case"def":{t+=this.renderer.def(i);break}case"paragraph":{t+=this.renderer.paragraph(i);break}case"text":{t+=this.renderer.text(i);break}default:{let s='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(s),"";throw new Error(s)}}}return t}parseInline(e,t=this.renderer){let n="";for(let r=0;r<e.length;r++){let i=e[r];if(this.options.extensions?.renderers?.[i.type]){let a=this.options.extensions.renderers[i.type].call({parser:this},i);if(a!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=a||"";continue}}let s=i;switch(s.type){case"escape":{n+=t.text(s);break}case"html":{n+=t.html(s);break}case"link":{n+=t.link(s);break}case"image":{n+=t.image(s);break}case"checkbox":{n+=t.checkbox(s);break}case"strong":{n+=t.strong(s);break}case"em":{n+=t.em(s);break}case"codespan":{n+=t.codespan(s);break}case"br":{n+=t.br(s);break}case"del":{n+=t.del(s);break}case"text":{n+=t.text(s);break}default:{let a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return n}};var P=class{options;block;constructor(e){this.options=e||T}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}emStrongMask(e){return e}provideLexer(){return this.block?x.lex:x.lexInline}provideParser(){return this.block?b.parse:b.parseInline}};var B=class{defaults=M();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=b;Renderer=y;TextRenderer=$;Lexer=x;Tokenizer=w;Hooks=P;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(let r of e)switch(n=n.concat(t.call(this,r)),r.type){case"table":{let i=r;for(let s of i.header)n=n.concat(this.walkTokens(s.tokens,t));for(let s of i.rows)for(let a of s)n=n.concat(this.walkTokens(a.tokens,t));break}case"list":{let i=r;n=n.concat(this.walkTokens(i.items,t));break}default:{let i=r;this.defaults.extensions?.childTokens?.[i.type]?this.defaults.extensions.childTokens[i.type].forEach(s=>{let a=i[s].flat(1/0);n=n.concat(this.walkTokens(a,t))}):i.tokens&&(n=n.concat(this.walkTokens(i.tokens,t)))}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(n=>{let r={...n};if(r.async=this.defaults.async||r.async||!1,n.extensions&&(n.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if("renderer"in i){let s=t.renderers[i.name];s?t.renderers[i.name]=function(...a){let o=i.renderer.apply(this,a);return o===!1&&(o=s.apply(this,a)),o}:t.renderers[i.name]=i.renderer}if("tokenizer"in i){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let s=t[i.level];s?s.unshift(i.tokenizer):t[i.level]=[i.tokenizer],i.start&&(i.level==="block"?t.startBlock?t.startBlock.push(i.start):t.startBlock=[i.start]:i.level==="inline"&&(t.startInline?t.startInline.push(i.start):t.startInline=[i.start]))}"childTokens"in i&&i.childTokens&&(t.childTokens[i.name]=i.childTokens)}),r.extensions=t),n.renderer){let i=this.defaults.renderer||new y(this.defaults);for(let s in n.renderer){if(!(s in i))throw new Error(`renderer '${s}' does not exist`);if(["options","parser"].includes(s))continue;let a=s,o=n.renderer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c||""}}r.renderer=i}if(n.tokenizer){let i=this.defaults.tokenizer||new w(this.defaults);for(let s in n.tokenizer){if(!(s in i))throw new Error(`tokenizer '${s}' does not exist`);if(["options","rules","lexer"].includes(s))continue;let a=s,o=n.tokenizer[a],l=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c}}r.tokenizer=i}if(n.hooks){let i=this.defaults.hooks||new P;for(let s in n.hooks){if(!(s in i))throw new Error(`hook '${s}' does not exist`);if(["options","block"].includes(s))continue;let a=s,o=n.hooks[a],l=i[a];P.passThroughHooks.has(s)?i[a]=p=>{if(this.defaults.async&&P.passThroughHooksRespectAsync.has(s))return(async()=>{let d=await o.call(i,p);return l.call(i,d)})();let c=o.call(i,p);return l.call(i,c)}:i[a]=(...p)=>{if(this.defaults.async)return(async()=>{let d=await o.apply(i,p);return d===!1&&(d=await l.apply(i,p)),d})();let c=o.apply(i,p);return c===!1&&(c=l.apply(i,p)),c}}r.hooks=i}if(n.walkTokens){let i=this.defaults.walkTokens,s=n.walkTokens;r.walkTokens=function(a){let o=[];return o.push(s.call(this,a)),i&&(o=o.concat(i.call(this,a))),o}}this.defaults={...this.defaults,...r}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return x.lex(e,t??this.defaults)}parser(e,t){return b.parse(e,t??this.defaults)}parseMarkdown(e){return(n,r)=>{let i={...r},s={...this.defaults,...i},a=this.onError(!!s.silent,!!s.async);if(this.defaults.async===!0&&i.async===!1)return a(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof n>"u"||n===null)return a(new Error("marked(): input parameter is undefined or null"));if(typeof n!="string")return a(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));if(s.hooks&&(s.hooks.options=s,s.hooks.block=e),s.async)return(async()=>{let o=s.hooks?await s.hooks.preprocess(n):n,p=await(s.hooks?await s.hooks.provideLexer():e?x.lex:x.lexInline)(o,s),c=s.hooks?await s.hooks.processAllTokens(p):p;s.walkTokens&&await Promise.all(this.walkTokens(c,s.walkTokens));let h=await(s.hooks?await s.hooks.provideParser():e?b.parse:b.parseInline)(c,s);return s.hooks?await s.hooks.postprocess(h):h})().catch(a);try{s.hooks&&(n=s.hooks.preprocess(n));let l=(s.hooks?s.hooks.provideLexer():e?x.lex:x.lexInline)(n,s);s.hooks&&(l=s.hooks.processAllTokens(l)),s.walkTokens&&this.walkTokens(l,s.walkTokens);let c=(s.hooks?s.hooks.provideParser():e?b.parse:b.parseInline)(l,s);return s.hooks&&(c=s.hooks.postprocess(c)),c}catch(o){return a(o)}}}onError(e,t){return n=>{if(n.message+=`
 Please report this to https://github.com/markedjs/marked.`,e){let r="<p>An error occurred:</p><pre>"+O(n.message+"",!0)+"</pre>";return t?Promise.resolve(r):r}if(t)return Promise.reject(n);throw n}}};var L=new B;function g(u,e){return L.parse(u,e)}g.options=g.setOptions=function(u){return L.setOptions(u),g.defaults=L.defaults,H(g.defaults),g};g.getDefaults=M;g.defaults=T;g.use=function(...u){return L.use(...u),g.defaults=L.defaults,H(g.defaults),g};g.walkTokens=function(u,e){return L.walkTokens(u,e)};g.parseInline=L.parseInline;g.Parser=b;g.parser=b.parse;g.Renderer=y;g.TextRenderer=$;g.Lexer=x;g.lexer=x.lex;g.Tokenizer=w;g.Hooks=P;g.parse=g;var Ut=g.options,Kt=g.setOptions,Wt=g.use,Xt=g.walkTokens,Jt=g.parseInline,Vt=g,Yt=b.parse,en=x.lex;
 //# sourceMappingURL=marked.esm.js.map
 
@@ -114082,32 +114365,38 @@ var dist = __webpack_require__(7523);
 var solid_logic_esm = __webpack_require__(9332);
 ;// ./src/versionInfo.ts
 /* harmony default export */ const versionInfo = ({
-  buildTime: '2026-02-15T18:34:57Z',
-  commit: 'daa2d97c463e5a913086ef11262bb9905b1d1bfb',
+  buildTime: '2026-03-11T18:17:12Z',
+  commit: '6db169bc1cd1a90974f58a87cff724debb9c8932',
   npmInfo: {
-    'mashlib': '2.1.2',
-    'npm': '10.8.2',
-    'node': '20.20.0',
+    'mashlib': '2.1.3',
+    'npm': '10.9.4',
+    'node': '22.22.0',
     'acorn': '8.15.0',
     'ada': '2.9.2',
+    'amaro': '1.1.4',
     'ares': '1.34.6',
     'brotli': '1.1.0',
     'cjs_module_lexer': '2.1.0',
     'cldr': '47.0',
     'icu': '77.1',
     'llhttp': '9.3.0',
-    'modules': '115',
-    'napi': '9',
-    'nghttp2': '1.61.0',
-    'openssl': '3.0.17',
+    'modules': '127',
+    'napi': '10',
+    'nbytes': '0.1.1',
+    'ncrypto': '0.0.1',
+    'nghttp2': '1.64.0',
+    'openssl': '3.5.4',
+    'simdjson': '3.13.0',
     'simdutf': '6.4.2',
+    'sqlite': '3.50.4',
     'tz': '2025b',
     'undici': '6.23.0',
     'unicode': '16.0',
-    'uv': '1.46.0',
+    'uv': '1.51.0',
     'uvwasi': '0.0.23',
-    'v8': '11.3.244.8-node.33',
-    'zlib': '1.3.1-470d3a2'
+    'v8': '12.4.254.21-node.33',
+    'zlib': '1.3.1-470d3a2',
+    'zstd': '1.5.7'
   }
 });
 ;// ./src/styles/mash.css