From a751ea0577fbe5049a933dffee5825d09296789b Mon Sep 17 00:00:00 2001
From: roboclaw-bot <309084314+roboclaw-bot@users.noreply.github.com>
Date: Wed, 14 Oct 2026 06:11:31 +0000
Subject: [PATCH 1/2] fix: prevent Pinterest Save overlays on community
 invitation

Keep the invitation artwork visible while opting both theme images out of Pinterest Save and hover controls. Cover every locale through the shared renderer and a focused rendered-HTML regression.

Co-authored-by: vincentkoc <25068+vincentkoc@users.noreply.github.com>
---
 scripts/docs-site/build.mjs                 |  4 +-
 scripts/docs-site/community-invite.test.mjs | 58 +++++++++++++++++++++
 scripts/docs-site/smoke.mjs                 |  5 ++
 3 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 scripts/docs-site/community-invite.test.mjs

diff --git a/scripts/docs-site/build.mjs b/scripts/docs-site/build.mjs
index 1ebe9ca342..2f070839fb 100644
--- a/scripts/docs-site/build.mjs
+++ b/scripts/docs-site/build.mjs
@@ -463,8 +463,8 @@ function communityInvite(locale) {
   const followLabel = strings.communityFollowLabel.replace("{platform}", "X");
   return `<aside class="community-invite" aria-labelledby="community-invite-title" hidden>
 <div class="community-invite__header">
-<img class="community-invite__art community-invite__art--dark" src="${publicPath("/assets/community-invite-dark.webp")}" alt="" width="1024" height="512" loading="lazy" decoding="async">
-<img class="community-invite__art community-invite__art--light" src="${publicPath("/assets/community-invite-light.webp")}" alt="" width="1024" height="512" loading="lazy" decoding="async">
+<img class="community-invite__art community-invite__art--dark" src="${publicPath("/assets/community-invite-dark.webp")}" alt="" width="1024" height="512" loading="lazy" decoding="async" nopin="nopin" data-pin-nopin="true">
+<img class="community-invite__art community-invite__art--light" src="${publicPath("/assets/community-invite-light.webp")}" alt="" width="1024" height="512" loading="lazy" decoding="async" nopin="nopin" data-pin-nopin="true">
 <div class="community-invite__marks" aria-hidden="true"><span dir="ltr">${icon("reddit")}${icon("discord")}${icon("x-social")}</span></div>
 <button class="community-invite__close" type="button" data-community-invite-dismiss aria-label="${escapeAttr(strings.communityDismissLabel)}">${icon("x")}</button>
 </div>
diff --git a/scripts/docs-site/community-invite.test.mjs b/scripts/docs-site/community-invite.test.mjs
new file mode 100644
index 0000000000..3c07393eac
--- /dev/null
+++ b/scripts/docs-site/community-invite.test.mjs
@@ -0,0 +1,58 @@
+import assert from "node:assert/strict";
+import fs from "node:fs";
+import path from "node:path";
+import test from "node:test";
+import { DomUtils, parseDocument } from "htmlparser2";
+import { chromeStrings } from "./chrome-strings.mjs";
+import { fixture, write } from "./test-helpers/redirect-fixture.mjs";
+
+test("community artwork opts out of Pinterest without changing the invitation or other images in any locale", (t) => {
+  const locales = Object.keys(chromeStrings);
+  const f = fixture(t, [], {
+    ...Object.fromEntries(locales.map(locale => [`${locale === "en" ? "" : `${locale}/`}index.md`, "# Home\n"])),
+    "guide.md": "# Guide\n\n![Article image](/images/example.png)\n",
+  }, "/manual");
+  write(f.root, "docs/docs.json", JSON.stringify({
+    name: "Community invitation fixture",
+    navigation: { languages: locales.map(language => ({ language, tabs: [] })) },
+  }));
+  const built = f.build();
+  assert.equal(built.status, 0, built.stderr);
+
+  for (const [locale, slug] of [...locales.map(locale => [locale, "index"]), ["en", "guide"]]) {
+    const file = path.join(f.root, "dist/docs-site", locale === "en" ? "" : locale, slug === "index" ? "" : slug, "index.html");
+    const document = parseDocument(fs.readFileSync(file, "utf8"));
+    const all = predicate => DomUtils.findAll(predicate, document.children);
+    const invites = all(node => node.name === "aside" && node.attribs.class === "community-invite");
+    assert.equal(invites.length, 1, `${locale}/${slug}: invitation remains in the shared shell`);
+    const invite = invites[0];
+    const art = DomUtils.findAll(node => node.name === "img", invite.children);
+    assert.equal(art.length, 2);
+    for (const [index, theme] of ["dark", "light"].entries()) {
+      assert.deepEqual(art[index].attribs, {
+        class: `community-invite__art community-invite__art--${theme}`,
+        src: `/manual/assets/community-invite-${theme}.webp`,
+        alt: "", width: "1024", height: "512", loading: "lazy", decoding: "async",
+        nopin: "nopin", "data-pin-nopin": "true",
+      }, `${locale}/${slug}: ${theme} artwork retains its presentation and image-level opt-outs`);
+    }
+    const strings = chromeStrings[locale];
+    const title = DomUtils.findOne(node => node.attribs?.id === "community-invite-title", invite.children);
+    assert.equal(invite.attribs["aria-labelledby"], title.attribs.id);
+    assert.equal(DomUtils.textContent(title), strings.communityTitle);
+    const body = DomUtils.findOne(node => node.attribs?.class === "community-invite__text", invite.children);
+    assert.equal(DomUtils.textContent(body), strings.communityBody);
+    const dismiss = DomUtils.findOne(node => node.name === "button" && "data-community-invite-dismiss" in node.attribs, invite.children);
+    assert.equal(dismiss.attribs["aria-label"], strings.communityDismissLabel);
+    const links = DomUtils.findAll(node => node.name === "a", invite.children);
+    assert.deepEqual(links.map(node => [DomUtils.textContent(node).trim(), node.attribs.href]), [
+      [strings.communityJoin, "https://www.reddit.com/r/openclaw/"],
+      [strings.communityJoin, "https://discord.com/invite/clawd"],
+      [strings.communityFollow, "https://x.com/openclaw"],
+    ]);
+    const optedOut = all(node => node.attribs && ("nopin" in node.attribs || "data-pin-nopin" in node.attribs));
+    assert.deepEqual(optedOut, art, `${locale}/${slug}: only invitation images opt out`);
+    assert.equal(all(node => node.name === "meta" && node.attribs.name === "pinterest").length, 0);
+    assert.ok(all(node => node.name === "img" && !art.includes(node)).length > 0, "other images remain available");
+  }
+});
diff --git a/scripts/docs-site/smoke.mjs b/scripts/docs-site/smoke.mjs
index 4eb082d2c8..af608aff03 100644
--- a/scripts/docs-site/smoke.mjs
+++ b/scripts/docs-site/smoke.mjs
@@ -453,6 +453,11 @@ if (!communityInvite
     DomUtils.findOne((node) => node.attribs?.class?.split(" ").includes("home-community"), indexDocument.children)?.children ?? [])) {
   throw new Error("community invitation, dismissal control, or homepage Discord link is missing");
 }
+const communityArt = DomUtils.findAll((node) => node.name === "img", communityInvite.children);
+if (communityArt.length !== 2
+  || communityArt.some((node) => node.attribs.nopin !== "nopin" || node.attribs["data-pin-nopin"] !== "true")) {
+  throw new Error("community invitation artwork must opt out of Pinterest saves in both themes");
+}
 const communityLinks = DomUtils.findAll((node) => node.name === "a", communityInvite.children);
 const expectedCommunityLinks = [
   ["Join", "https://www.reddit.com/r/openclaw/", "Join the OpenClaw community on Reddit"],

From 71ea69cc1440d1ed26979ac4c4a5038e4dcfcdfd Mon Sep 17 00:00:00 2001
From: roboclaw-bot <309084314+roboclaw-bot@users.noreply.github.com>
Date: Wed, 14 Oct 2026 06:12:20 +0000
Subject: [PATCH 2/2] fix: prevent Pinterest Save overlays on community
 invitation

Worked on by:
- @vincentkoc

Co-authored-by: vincentkoc <25068+vincentkoc@users.noreply.github.com>
OpenClaw-Publication: b3f54b51-9a64-4315-aa34-b784c05e0805