profile-pane 3.2.1 → 3.2.2-test.0

package/lib/sections/languages/LanguageSection.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderLanguageSection = renderLanguageSection;
 var _litHtml = require("lit-html");
+require("solid-ui/components/actions/button");
 var _solidUi = require("solid-ui");
+require("./LanguageSection.css");
 var _LanguageEditDialog = require("./LanguageEditDialog");
 var _profileIcons = require("../../icons-svg/profileIcons");
 var _texts = require("../../texts");
@@ -24,42 +26,47 @@ function renderLanguagesSectionDefault(store, subject, languages, viewerMode, on
   const isOwner = viewerMode === 'owner';
   return (0, _litHtml.html)`
     <section
-      class="profile__section border-lighter profile-section-collapsible profile-section-collapsible--inline-mobile-actions"
+      class="profile__section profile-section-collapsible profile-section-collapsible--inline-mobile-actions"
+      data-profile-section="languages"
       aria-labelledby="languages-heading"
       role="region"
       tabindex="-1"
       data-expanded="false"
     >
       <header class="profile__section-header profile-section-collapsible__header">
-        <h2 id="languages-heading">${_texts.languagesHeadingText}</h2>
-        <div class="profile-section-collapsible__actions flex-column">
+        <h3 id="languages-heading">${_texts.languagesHeadingText}</h3>
+        <div class="profile-section-collapsible__actions">
           ${isOwner ? (0, _litHtml.html)`
-            <button
+            <solid-ui-button
               type="button"
-              class="profile__action-button profile-action-text flex-center profile-section-collapsible__edit-button"
+              variant="secondary"
+              size="sm"
+              class="profile__action-button profile-action-text profile-section-collapsible__edit-button"
               aria-label="Add or edit languages"
               @click=${event => (0, _LanguageEditDialog.createLanguageEditDialog)(event, store, subject, languages, viewerMode, onSaved)}
             >
-              <span class="profile-section-collapsible__edit-label profile__add-more-content inline-flex-row">
-                <span class="profile__add-more-icon inline-flex-row" aria-hidden="true">${_profileIcons.addIcon}</span>
-                Add More
+              <span class="profile-section-collapsible__edit-label profile__add-more-content">
+                <span class="profile__add-more-icon" aria-hidden="true">${_profileIcons.addIcon}</span>
+                <span>Add More</span>
               </span>
               <span class="profile-section-collapsible__edit-icon" aria-hidden="true">${_profileIcons.editIcon}</span>
-            </button>
+            </solid-ui-button>
           ` : (0, _litHtml.html)``}
-          <button
+          <solid-ui-button
             type="button"
-            class="inline-flex-row"
+            variant="icon"
+            size="sm"
+            class="profile-section-collapsible__toggle-button"
             aria-label="Toggle languages section"
             aria-controls="languages-panel"
             aria-expanded="false"
             @click=${_collapsibleSection.toggleCollapsibleSection}
           >
-            <span class="profile-section-collapsible__chevron" aria-hidden="true">⌄</span>
-          </button>
+            <span slot="icon" class="profile-section-collapsible__chevron" aria-hidden="true">${_profileIcons.chevronDownIcon}</span>
+          </solid-ui-button>
         </div>
       </header>
-      <div id="languages-panel" class="profile-section-collapsible__content" aria-hidden="true">
+      <div id="languages-panel" class="profile-section-collapsible__content">
         ${hasLanguages ? (0, _litHtml.html)`
               <ul class="languages__list" role="list" aria-label="Known languages">
                 ${renderLanguages(languages, true)}
@@ -71,9 +78,9 @@ function renderLanguagesSectionDefault(store, subject, languages, viewerMode, on
 }
 function renderOwnerEmptyLanguagesContent(_store, _subject, _languages, _viewerMode, _onSaved) {
   return (0, _litHtml.html)`
-      <div class="profile__empty-state-content flex-column-center" role="group" aria-label="Empty languages section">    
+      <div class="profile__empty-state-content" role="group" aria-label="Empty languages section">    
         <div class="languages__empty-icon-wrapper">
-          <span class="languages__empty-icon inline-flex-row">${_profileIcons.commentIcon}</span>
+          <span class="languages__empty-icon">${_profileIcons.commentIcon}</span>
         </div>
         <p class="profile__empty-state-message languages__empty-message">
             No languages added yet.
@@ -86,41 +93,45 @@ function renderOwnerEmptyLanguagesSection(store, subject, languages, viewerMode,
     <section 
       aria-labelledby="languages-heading" 
       data-profile-section="languages"
-      class="profile__section--empty border-lighter rounded-md gap-lg profile-section-collapsible profile-section-collapsible--inline-mobile-actions" 
+      class="profile__section--empty profile__section--empty-sidebar profile-section-collapsible profile-section-collapsible--inline-mobile-actions" 
       role="region"
       tabindex="-1"
       data-expanded="false"
     >
       <header class="profile__section-header profile-section-collapsible__header">
-        <h2 id="languages-heading" tabindex="-1">${_texts.languagesHeadingText}</h2>
-        <div class="profile-section-collapsible__actions flex-column">
-          <button
+        <h3 id="languages-heading" tabindex="-1">${_texts.languagesHeadingText}</h3>
+        <div class="profile-section-collapsible__actions">
+          <solid-ui-button
             type="button"
-            class="profile__action-button profile-action-text flex-center profile-section-collapsible__edit-button"
+            variant="secondary"
+            size="sm"
+            class="profile__action-button profile-action-text profile-section-collapsible__edit-button"
             aria-label="Add languages"
             @click=${event => {
     return (0, _LanguageEditDialog.createLanguageEditDialog)(event, store, subject, languages, viewerMode, onSaved);
   }}
           >
-            <span class="profile-section-collapsible__edit-label profile__add-more-content inline-flex-row">
-              <span class="profile__add-more-icon inline-flex-row" aria-hidden="true">${_profileIcons.addIcon}</span>
-              Add Languages
+            <span class="profile-section-collapsible__edit-label profile__add-more-content">
+              <span class="profile__add-more-icon" aria-hidden="true">${_profileIcons.addIcon}</span>
+              <span>Add More</span>
             </span>
-            <span class="profile-section-collapsible__edit-icon profile-section-collapsible__edit-icon--add" aria-hidden="true">${_profileIcons.plusIcon}</span>
-          </button>
-          <button
+            <span class="profile-section-collapsible__edit-icon" aria-hidden="true">${_profileIcons.editIcon}</span>
+          </solid-ui-button>
+          <solid-ui-button
             type="button"
-            class="inline-flex-row"
+            variant="icon"
+            size="sm"
+            class="profile-section-collapsible__toggle-button"
             aria-label="Toggle languages section"
             aria-controls="languages-panel"
             aria-expanded="false"
             @click=${_collapsibleSection.toggleCollapsibleSection}
           >
-            <span class="profile-section-collapsible__chevron" aria-hidden="true">⌄</span>
-          </button>
+            <span slot="icon" class="profile-section-collapsible__chevron" aria-hidden="true">${_profileIcons.chevronDownIcon}</span>
+          </solid-ui-button>
         </div>
       </header>
-      <div id="languages-panel" class="profile-section-collapsible__content" aria-hidden="true">
+      <div id="languages-panel" class="profile-section-collapsible__content">
         ${renderOwnerEmptyLanguagesContent(store, subject, languages, viewerMode, onSaved)}
       </div>
     </section>

package/lib/sections/languages/mutations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAoB,MAAM,QAAQ,CAAA;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,CAAC,CAAA;AAqW3D,wBAAsB,wBAAwB,CAC5C,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,YAAY,EAAE,oBAAoB,EAClC,WAAW,CAAC,EAAE,WAAW,EAAE,iBAS5B"}
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,SAAS,EAA0B,MAAM,QAAQ,CAAA;AAE5F,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,WAAW,EAAuD,MAAM,iBAAiB,CAAA;AAQlG,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,CAAC,CAAA;AAgP3D,wBAAsB,wBAAwB,CAC5C,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,YAAY,EAAE,oBAAoB,EAClC,WAAW,CAAC,EAAE,WAAW,EAAE,iBAU5B"}

package/lib/sections/languages/mutations.js

@@ -10,24 +10,14 @@ var _selectors = require("./selectors");
 var _rdfList = require("../shared/rdfList");
 var _idNodeFactory = require("../shared/idNodeFactory");
 var _texts = require("../../texts");
+var _rdfMutationHelpers = require("../shared/rdfMutationHelpers");
+var _debug = require("../../utils/debug");
 // Language entries are serialized as an ordered rdf:List of id nodes, where
 // each id node points to an IANA URI via solid:publicId.
 const LANGUAGE_IANA_NS = 'https://www.w3.org/ns/iana/language-code/';
 function ensureLanguagePrefix(store) {
-  const registerPrefix = target => {
-    if (!target) return;
-    if (typeof target.setPrefixForURI === 'function') {
-      target.setPrefixForURI('l', LANGUAGE_IANA_NS);
-      return;
-    }
-    if (!target.namespaces) {
-      target.namespaces = {};
-    }
-    target.namespaces.l = LANGUAGE_IANA_NS;
-  };
-  const anyStore = store;
-  registerPrefix(anyStore);
-  registerPrefix(anyStore?.updater?.store);
+  (0, _rdfMutationHelpers.registerStorePrefix)(store, 'l', LANGUAGE_IANA_NS);
+  (0, _rdfMutationHelpers.registerStorePrefix)(store.updater?.store, 'l', LANGUAGE_IANA_NS);
 }
 function normalizeText(value) {
   return (value || '').trim();
@@ -49,45 +39,45 @@ function rowsFromOrderedInput(orderedRows) {
     entryNode: normalizeText(row.entryNode)
   }));
 }
-function buildRdfListStatements(items, doc) {
-  if (!items.length) {
-    return {
-      head: _solidUi.ns.rdf('nil'),
-      statements: []
-    };
-  }
-  const listNodes = items.map(() => (0, _rdflib.blankNode)());
-  const statements = [];
-  items.forEach((item, index) => {
-    const current = listNodes[index];
-    const next = listNodes[index + 1] || _solidUi.ns.rdf('nil');
-    statements.push((0, _rdflib.st)(current, _solidUi.ns.rdf('first'), item, doc));
-    statements.push((0, _rdflib.st)(current, _solidUi.ns.rdf('rest'), next, doc));
-  });
-  return {
-    head: listNodes[0],
-    statements
-  };
+function nodeKey(node) {
+  return `${node.termType}:${node.value}`;
+}
+function isLanguageEntryNode(node) {
+  return Boolean(node && (node.termType === 'NamedNode' || node.termType === 'BlankNode'));
 }
-function buildLanguageStatements(subject, doc, rows) {
+function buildLanguageStatements(store, subject, doc, rows, existingLanguageNodes) {
   const languageRows = rows.map(row => ({
     name: normalizeText(row.name),
-    publicId: normalizeLanguageCode(row.publicId)
+    publicId: normalizeLanguageCode(row.publicId),
+    entryNode: normalizeText(row.entryNode)
   })).filter(row => Boolean(row.publicId));
-  if (languageRows.length === 0) return [];
-  const entryNodes = languageRows.map(() => (0, _idNodeFactory.createIdNode)(doc));
+  if (languageRows.length === 0) {
+    return {
+      statements: [],
+      entryNodes: []
+    };
+  }
+  const entryNodes = languageRows.map(row => {
+    const existingNode = row.entryNode ? (0, _rdfMutationHelpers.findExistingNode)(existingLanguageNodes, row.entryNode) : null;
+    if (isLanguageEntryNode(existingNode)) {
+      return existingNode;
+    }
+    return (0, _idNodeFactory.createIdNode)(doc);
+  });
   const statements = [];
-  const rdfList = buildRdfListStatements(entryNodes, doc);
-  statements.push((0, _rdflib.st)(subject, _solidUi.ns.schema('knowsLanguage'), rdfList.head, doc));
-  statements.push(...rdfList.statements);
+  statements.push((0, _rdflib.st)(subject, _solidUi.ns.schema('knowsLanguage'), new _rdflib.Collection(entryNodes), doc));
   entryNodes.forEach((entryNode, index) => {
     const publicIdNode = (0, _rdflib.sym)(`${LANGUAGE_IANA_NS}${languageRows[index].publicId}`);
     statements.push((0, _rdflib.st)(entryNode, _solidUi.ns.solid('publicId'), publicIdNode, doc));
-    if (languageRows[index].name) {
+    const existingNameStatement = store.holds(publicIdNode, _solidUi.ns.schema('name'), (0, _rdflib.literal)(languageRows[index].name, 'en'), doc);
+    if (languageRows[index].name && !existingNameStatement) {
       statements.push((0, _rdflib.st)(publicIdNode, _solidUi.ns.schema('name'), (0, _rdflib.literal)(languageRows[index].name, 'en'), doc));
     }
   });
-  return statements;
+  return {
+    statements,
+    entryNodes
+  };
 }
 function collectListChainNodes(store, listHead, doc) {
   const visited = new Set();
@@ -102,119 +92,10 @@ function collectListChainNodes(store, listHead, doc) {
     if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) {
       break;
     }
-    current = rest;
+    current = rest.termType === 'NamedNode' || rest.termType === 'BlankNode' ? rest : null;
   }
   return nodes;
 }
-function isPatchFailure(message) {
-  const text = (message || '').toLowerCase();
-  // Different pods surface PATCH incompatibility with different status codes/messages.
-  return text.includes(' on patch ') || text.includes('web error: 501') || text.includes('web error: 405') || text.includes('web error: 400');
-}
-function isMissingGetRecordError(message) {
-  return (message || '').toLowerCase().includes('no record of our http get request for document');
-}
-function statementKey(statement) {
-  return `${statement.subject?.toNT?.() || statement.subject?.value} ${statement.predicate?.toNT?.() || statement.predicate?.value} ${statement.object?.toNT?.() || statement.object?.value} ${statement.why?.toNT?.() || statement.why?.value}`;
-}
-function sanitizePatchStatements(store, deletions, insertions) {
-  const safeDeletions = Array.from(new Map((deletions || []).filter(statement => {
-    if (!statement || !statement.subject || !statement.predicate || !statement.object) return false;
-    if (store.holds(statement.subject, statement.predicate, statement.object, statement.why)) return true;
-    return store.statementsMatching(statement.subject, statement.predicate, statement.object, statement.why).length > 0;
-  }).map(statement => [statementKey(statement), statement])).values());
-  const safeInsertions = Array.from(new Map((insertions || []).filter(statement => Boolean(statement && statement.subject && statement.predicate && statement.object)).map(statement => [statementKey(statement), statement])).values());
-  return {
-    safeDeletions,
-    safeInsertions
-  };
-}
-async function runPutFallback(store, doc, deletions, insertions) {
-  const updater = store.updater;
-  const fetcher = store.fetcher;
-  if (!updater || typeof updater.serialize !== 'function' || !fetcher || typeof fetcher.webOperation !== 'function') {
-    throw new Error('Language updates are not supported by this store updater.');
-  }
-  const currentStatements = store.statementsMatching(undefined, undefined, undefined, doc).slice();
-  const deletionKeys = new Set((deletions || []).map(statement => statementKey(statement)));
-  // Rebuild full document state for PUT when patch-oriented flows cannot be used.
-  const nextStatements = currentStatements.filter(statement => !deletionKeys.has(statementKey(statement))).concat(insertions || []);
-  const contentType = 'text/turtle';
-  const body = updater.serialize(doc.value, nextStatements, contentType);
-  const response = await fetcher.webOperation('PUT', doc.value, {
-    noMeta: true,
-    contentType,
-    body
-  });
-  if (!response || response.ok !== true) {
-    const status = response?.status || 'unknown';
-    throw new Error(`Web error: ${status} on PUT of <${doc.value}>`);
-  }
-
-  // PUT bypasses UpdateManager's local-store patching, so apply the same changes locally.
-  store.remove(deletions);
-  insertions.forEach(statement => {
-    store.add(statement.subject, statement.predicate, statement.object, statement.why);
-  });
-}
-async function runUpdateWithDavFallback(store, doc, deletions, insertions) {
-  const updater = store.updater;
-  if (!updater || typeof updater.update !== 'function') {
-    throw new Error('Language updates are not supported by this store updater.');
-  }
-  const {
-    safeDeletions,
-    safeInsertions
-  } = sanitizePatchStatements(store, deletions, insertions);
-  if (safeDeletions.length === 0 && safeInsertions.length === 0) {
-    return;
-  }
-  const tryUpdate = () => new Promise((resolve, reject) => {
-    updater.update(safeDeletions, safeInsertions, (_uri, ok, message) => {
-      if (ok === true) {
-        resolve();
-        return;
-      }
-      reject(new Error(message || 'Failed to save languages'));
-    });
-  });
-  try {
-    // Preferred path: let rdflib pick the server-supported update protocol.
-    await tryUpdate();
-    return;
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    if (!isPatchFailure(message) || typeof updater.updateDav !== 'function') {
-      throw error;
-    }
-    if (store.fetcher && typeof store.fetcher.load === 'function') {
-      try {
-        await store.fetcher.load(doc);
-      } catch {
-        // Continue; updateDav may still fail and we handle that below.
-      }
-    }
-    try {
-      // First fallback for PATCH failures: DAV-style whole-document update.
-      await new Promise((resolve, reject) => {
-        updater.updateDav(doc, safeDeletions, safeInsertions, (_uri, ok, body) => {
-          if (ok === true) {
-            resolve();
-            return;
-          }
-          reject(new Error(body || message || 'Failed to save languages'));
-        });
-      });
-    } catch (davError) {
-      const davMessage = davError instanceof Error ? davError.message : String(davError);
-      if (!isMissingGetRecordError(davMessage)) {
-        throw davError;
-      }
-      // Some stores cannot run updateDav without prior fetch metadata; use direct PUT.
-      await runPutFallback(store, doc, safeDeletions, safeInsertions);
-    }
-  }
-}
 function mergeLanguageOps(existingRows, languageOps) {
   const byEntryNode = new Map();
   existingRows.forEach(row => {
@@ -264,33 +145,51 @@ async function mutateLanguageEntries(store, subject, languageOps, orderedRows) {
   const nextRows = orderedRows && orderedRows.length ? rowsFromOrderedInput(orderedRows) : mergeLanguageOps(existingRows, languageOps);
   const listObjects = store.each(subject, _solidUi.ns.schema('knowsLanguage'), null, doc);
   const existingListHeads = listObjects.filter(node => node.termType === 'BlankNode' || node.termType === 'NamedNode');
+  const canForcePut = Boolean(store.updater?.serialize && store.fetcher?.webOperation);
+  const shouldForcePut = canForcePut;
   const existingListNodes = Array.from(new Map(existingListHeads.flatMap(node => collectListChainNodes(store, node, doc)).map(node => [`${node.termType}:${node.value}`, node])).values());
   const existingLanguageNodes = Array.from(new Set(listObjects.flatMap(node => (0, _rdfList.expandRdfList)(store, node)).filter(node => node.termType === 'NamedNode' || node.termType === 'BlankNode').map(node => `${node.termType}:${node.value}`))).map(key => {
     const [termType, ...rest] = key.split(':');
     const value = rest.join(':');
     return termType === 'BlankNode' ? store.bnode(value) : store.sym(value);
   });
-  const existingPublicIdNodes = Array.from(new Map(existingLanguageNodes.map(node => store.any(node, _solidUi.ns.solid('publicId'), null, doc)).filter(node => Boolean(node && node.termType === 'NamedNode')).map(node => [`${node.termType}:${node.value}`, node])).values());
+  const {
+    statements: insertions,
+    entryNodes: nextEntryNodes
+  } = buildLanguageStatements(store, subject, doc, nextRows, existingLanguageNodes);
+  const retainedEntryNodeKeys = new Set(nextEntryNodes.map(node => nodeKey(node)));
+  const retainedLanguageNodes = existingLanguageNodes.filter(node => retainedEntryNodeKeys.has(nodeKey(node)));
+  const removedLanguageNodes = existingLanguageNodes.filter(node => !retainedEntryNodeKeys.has(nodeKey(node)));
+  const removedPublicIdNodes = Array.from(new Map(removedLanguageNodes.map(node => store.any(node, _solidUi.ns.solid('publicId'), null, doc)).filter(node => Boolean(node && node.termType === 'NamedNode')).map(node => [nodeKey(node), node])).values());
   const deletions = store.statementsMatching(subject, _solidUi.ns.schema('knowsLanguage'), null, doc);
   existingListNodes.forEach(node => {
     deletions.push(...store.statementsMatching(node, null, null, doc));
   });
-  existingLanguageNodes.forEach(node => {
-    // Remove old language-entry statements so save always rewrites canonical shape.
+  removedLanguageNodes.forEach(node => {
     deletions.push(...store.statementsMatching(node, null, null, doc));
   });
-  existingPublicIdNodes.forEach(node => {
-    // Language labels are attached to the publicId resource (l:xx) and should be removed for deleted rows.
+  retainedLanguageNodes.forEach(node => {
+    deletions.push(...store.statementsMatching(node, _solidUi.ns.solid('publicId'), null, doc));
+  });
+  removedPublicIdNodes.forEach(node => {
     deletions.push(...store.statementsMatching(node, _solidUi.ns.schema('name'), null, doc));
   });
-  const insertions = buildLanguageStatements(subject, doc, nextRows);
-  await runUpdateWithDavFallback(store, doc, deletions, insertions);
+  await (0, _rdfMutationHelpers.runUpdateTransport)(store, doc, deletions, insertions, {
+    unsupportedMessage: 'Language updates are not supported by this store updater.',
+    failureMessage: 'Failed to save languages',
+    forcePut: shouldForcePut,
+    useDavFallback: !shouldForcePut,
+    usePutFallback: true
+  });
 }
 async function processLanguageMutations(store, subject, mutationPlan, orderedRows) {
   try {
     await mutateLanguageEntries(store, subject, mutationPlan, orderedRows);
   } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    throw new Error(`${_texts.mutationSaveLanguagesFailedPrefixText} ${message}`);
+    const rootError = error instanceof Error ? error : new Error(String(error));
+    (0, _debug.error)(_texts.languageMutationSaveFailedDebugText, rootError);
+    throw new Error(_texts.saveLanguageUpdatesFailedMessageText, {
+      cause: rootError
+    });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwIzC,wBAAgB,cAAc,CAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAE,MAAM,CAO9D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,eAAe,EAAE,CA8BxF"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwIzC,wBAAgB,cAAc,CAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAE,MAAM,CAO9D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,eAAe,EAAE,CA2BxF"}

package/lib/sections/languages/selectors.js

@@ -126,9 +126,8 @@ function languageAsText(store, lan) {
 function presentLanguages(subject, store) {
   const languageObjects = store.each(subject, _solidUi.ns.schema('knowsLanguage'));
   const expandedLists = languageObjects.filter(node => isRdfListNode(store, node)).map(node => (0, _rdfList.expandRdfList)(store, node));
-  const longestList = expandedLists.sort((a, b) => b.length - a.length)[0] || [];
   const standaloneNodes = languageObjects.filter(node => !isRdfListNode(store, node));
-  const languageNodes = [...longestList, ...standaloneNodes];
+  const languageNodes = [...expandedLists.flat(), ...standaloneNodes];
   const details = languageNodes.map(lan => ({
     name: languageAsText(store, lan),
     publicId: toStoredPublicIdValue(lan, store.any(lan, _solidUi.ns.solid('publicId')) || undefined),

package/lib/sections/projects/ProjectEditDialog.d.ts

@@ -1,6 +1,7 @@
+import 'solid-ui/components/actions/button';
 import { ProjectDetails } from './types';
 import '../../styles/EditDialogs.css';
-import '../../styles/ContactInfoEditDialog.css';
+import '../contactInfo/ContactInfoEditDialog.css';
 import { LiveStore, NamedNode } from 'rdflib';
 import { ViewerMode } from '../../types';
 export declare function createProjectsEditDialog(event: Event, store: LiveStore, subject: NamedNode, projects: ProjectDetails[], viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/ProjectEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAA;AACpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA0JxC,wBAAsB,wBAAwB,CAC5C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAmDrC"}
+{"version":3,"file":"ProjectEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/ProjectEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAA;AACpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0CAA0C,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAwJxC,wBAAsB,wBAAwB,CAC5C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAuCrC"}

package/lib/sections/projects/ProjectEditDialog.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.createProjectsEditDialog = createProjectsEditDialog;
 var _dialog = require("../../ui/dialog");
 var _litHtml = require("lit-html");
+require("solid-ui/components/actions/button");
 require("../../styles/EditDialogs.css");
-require("../../styles/ContactInfoEditDialog.css");
+require("../contactInfo/ContactInfoEditDialog.css");
 var _rowState = require("../shared/rowState");
 var _textUtils = require("../../textUtils");
 var _mutations = require("./mutations");
@@ -46,9 +47,6 @@ function toFormState(_details) {
   };
 }
 function validateProjectBeforeSave(row) {
-  if (!(0, _textUtils.hasNonEmptyText)(row.url) && !(0, _textUtils.hasNonEmptyText)(row.entryNode)) {
-    return 'Add a project WebID.';
-  }
   if (!(0, _textUtils.hasNonEmptyText)(row.url)) {
     return 'WebID is required.';
   }
@@ -71,7 +69,7 @@ function renderProjectInputRow(row, onChange) {
       onChange();
       if (!isValidProjectUrl(url)) return;
       const dom = event.currentTarget?.ownerDocument || document;
-      const saveButton = dom.querySelector('#profile-modal #modal-buttons .btn-primary');
+      const saveButton = (0, _dialog.getSharedDialogSaveButton)(dom);
       saveButton?.click();
     } catch {
       // Clipboard access may fail due to browser permissions; keep dialog usable.
@@ -80,7 +78,6 @@ function renderProjectInputRow(row, onChange) {
   return (0, _litHtml.html)`
     <div class="profile-edit-dialog__row profile-edit-dialog__row--project">
       <label aria-label="Project or community WebID" class="label profile-edit-dialog__field profile-edit-dialog__field--full">
-      <p>Type or paste a project or community WebID.</p>  
       <div class="profile-edit-dialog__input-wrap">
           <input
             class="input profile-edit-dialog__input--with-action"
@@ -96,16 +93,19 @@ function renderProjectInputRow(row, onChange) {
             inputmode="text"
             @input=${handleUrlInput}
           />
-          <button
+          <solid-ui-button
             type="button"
-            class="profile-edit-dialog__paste-button rounded-sm gap-xxs"
+            variant="secondary"
+            size="md"
+            label="Paste"
+            class="profile-edit-dialog__paste-button"
             aria-label="Paste project or community URL from clipboard"
             title=${_texts.pasteEntryButtonTitleText}
             @click=${handlePaste}
           >
-            <span class="profile-edit-dialog__paste-icon" aria-hidden="true">${_profileIcons.pasteIcon}</span>
+            <span slot="icon" class="profile-edit-dialog__paste-icon" aria-hidden="true">${_profileIcons.pasteIcon}</span>
             Paste
-          </button>
+          </solid-ui-button>
         </div>
       </label>
     </div>
@@ -142,6 +142,7 @@ async function createProjectsEditDialog(event, store, subject, projects, viewerM
     headerAction: {
       type: 'close'
     },
+    shouldCloseWithoutSave: () => !(0, _textUtils.hasNonEmptyText)(formState.project.url) && !(0, _textUtils.hasNonEmptyText)(formState.project.entryNode),
     validate: () => {
       if (viewerMode !== 'owner') {
         return _texts.ownerLoginRequiredDialogMessageText;
@@ -158,23 +159,11 @@ async function createProjectsEditDialog(event, store, subject, projects, viewerM
       await (0, _mutations.processProjectsMutations)(store, subject, plan);
     },
     formatSaveError: error => {
-      const message = error instanceof Error ? error.message : String(error);
-      return `${_texts.saveProjectsUpdatesFailedPrefixText} ${message}`;
+      return error instanceof Error ? error.message : String(error);
     }
   });
-  const modalButtons = dom.querySelector('#profile-modal #modal-buttons');
-  const previousButtonsDisplay = modalButtons?.style.display;
-  if (modalButtons) {
-    modalButtons.style.display = 'none';
-  }
   let result = null;
-  try {
-    result = await dialogPromise;
-  } finally {
-    if (modalButtons) {
-      modalButtons.style.display = previousButtonsDisplay || '';
-    }
-  }
+  result = await dialogPromise;
   if (!result) return;
   if (onSaved) {
     await onSaved();