@bongos/core 1.20.59 → 1.20.60

package/modules/public-landing/public/projects.probes.json

@@ -159,7 +159,7 @@
       "steps": [["wait",900],["click","[data-disc-ask]"],["wait",200],["fill","#mDiscName","old-lantern"],["wait",100],["click","[data-disc-yes]"],["wait",900]],
       "expect": {"text":[["#mDisc .addr","This project is being disconnected."],["#mName","old-lantern"]],"hidden":["#mDiscName","[data-disc-ask]"]} },
     { "name": "the wizard driver (task 1003346): name, type, about, home (fresh; the stub grants repo access, so the new repository is named from the project), address (the handle's verdict), the review as a ledger, then the filing — the done panel with the standup rail and the human steps", "auth": true, "width": 1440, "url": "/projects?view=new",
-      "steps": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500]],
+      "steps": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#panel-look button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500]],
       "expect": {"visible":["#panel-done","#liveProgress .prog","#liveProgress .prog .stages li.now","#humanSteps li"],"hidden":["#panel-review","#panel-name"],"text":[["#done-h","The drums are rolling"]],"attr":[["#panel-done","class","panel on"]]} },
     { "name": "the front door (task 1004417): Proceed is refused until the terms are ticked, the fork's demo door says the demo is not open yet, and Begin planet creation goes on to the name step with the rail back", "auth": true, "width": 1440, "url": "/projects?view=new",
       "steps": [["wait",600],["click","#panel-terms button[type=submit]"],["wait",300],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#wizDemo"],["wait",200],["click","#panel-fork button[type=submit]"],["wait",400]],
@@ -168,7 +168,7 @@
       "steps": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400]],
       "expect": {"visible":["#panel-fork",".doorPill","#wizDemo","#panel-fork button[type=submit]"],"hidden":["#view-new .steps"]} },
     { "name": "the wizard driver at 390: the rail folds to two rows of three and the walk still reaches the review", "auth": true, "width": 390, "url": "/projects?view=new",
-      "steps": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400]],
+      "steps": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#panel-look button[type=submit]"],["wait",400]],
       "expect": {"visible":["#panel-review","#reviewList li","#doCreate"],"hidden":["#panel-address"],"text":[["#rev-h","Ready to roll"]]} }
   ]
 }

package/modules/public-landing/public/projects.states.json

@@ -22,6 +22,7 @@
     "in-manage-address": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mAddress", "#mAddress h2", "#mDom .plain", "#mDomName", "#mDom [data-m-attach]", "#mDomWhat summary"], "count": [["#mDom .attach input[type=text]", 1], ["#mDom .attach button", 1]] } },
     "in-manage-planet": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mPlanetPick", "#mPick .pick .pickPreview .worldOrb .disc", "#mPick [data-pick-save]", "#mPick [data-pick-reset]", "#mPickWhat summary"], "count": [["#mPick .pickCells[role=\"radiogroup\"]", 3], ["#mPick .pickCell", 10], ["#mPick .pickCell.on", 3], ["#mPick .pickSw", 5], ["#mPick .pickSw.on", 1]], "attr": [["#mPick .pickPreview .worldOrb", "data-template", "pair-obsidian-tint"], ["#mOrb .worldOrb", "data-template", "pair-obsidian-tint"]], "checked": "#mPick input[name=\"mPickAccent\"][value=\"sea\"]", "text": [["#mPlanet .v small", "your choice."]] } },
     "in-manage-card": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mCard", "#mCardPick .pick .pickPreview .cardBand", "#mCardPick [data-card-save]", "#mCardWhat summary"], "count": [["#mCardPick .pickCells[role=\"radiogroup\"]", 1], ["#mCardPick .pickCell", 5], ["#mCardPick .pickCell.on", 1]], "checked": "#mCardPick input[name=\"mCardBackdrop\"][value=\"\"]", "attr": [["#mCardPick .cardBand", "data-own", ""]] } },
+    "in-manage-look": {"auth":true,"url":"/projects?view=manage&id=101","actions":[["wait",900],["focus","#mLkLook-grove"],["wait",200]],"expect":{"visible":["#mLook","#mLookPick .lookOpts","#mLkLook-grove","#mLkTint","#mLookSave",".lookPrev .mh.dark","#mLookWhat summary"]}},
     "in-manage-kind": { "auth": true, "url": "/projects?view=manage&id=101", "expect": {"visible":["#mKind","#mKindPick .modBand","#mKindWhat summary"],"count":[["#mKindPick .modOpt",5],["#mKindPick .modOpt[aria-pressed=\"true\"]",0]],"text":[["#mKindPick .modOpt b","Game"],["#mKindPick .finePrint","This project has never said what kind it is. Saying so puts the word beside its name wherever it is listed; it changes nothing else."]]} },
     "in-manage-invite": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mInvite", "#mInvite h2", "#mInviteWho", "#mInvite [data-invite-send]"] } },
     "in-manage-invite-handoff": { "auth": true, "url": "/projects?view=manage&id=101", "actions": [["wait",900],["fill","#mInviteWho","octo-builder"],["click","#mInvite [data-invite-send]"],["wait",400]], "expect": {"visible":["#mInviteList a","#mInviteMsg"],"hidden":[]} },
@@ -49,9 +50,11 @@
     "in-new-address": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400]], "expect": {"visible":["#panel-address"],"hidden":["#panel-home","#qWrap"]} },
     "in-new-app": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400]], "expect": {"visible":["#panel-app","#appOpts","#appOptRender"],"hidden":["#panel-address","#panel-review","#qWrap"]} },
     "in-new-app-render": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#appOptRender input"],["wait",300]], "expect": {"visible":["#panel-app","#renderSetup","#f-renderKey","#renderCheck"],"hidden":["#renderWs","#renderSvc","#renderNew"]} },
-    "in-new-review": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400]], "expect": {"visible":["#panel-review","#reviewList li"],"hidden":["#panel-address","#qWrap"]} },
-    "in-new-done": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500]], "expect": {"visible":["#panel-done","#liveProgress .prog","#humanSteps li"],"hidden":["#panel-review","#qWrap"]} },
-    "in-new-resume-offer": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500],["click","#projTrig"],["wait",350],["click","#menuProjects [data-nav=\"new\"]"],["wait",500]], "expect": {"visible":["#panel-terms","#wizResume","#wizResumeGo"],"hidden":["#panel-done","#panel-name"],"text":[["#wizResumeName","Mercury"]]} },
+    "in-new-look": {"auth":true,"url":"/projects?view=new","actions":[["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400]],"expect":{"visible":["#panel-look","#wizLook","#wizLook-chrome-world","#wizTint","#wizLogo",".lookPrev .mh.light",".lookPrev .mh.dark"],"hidden":["#panel-app","#panel-review"]}},
+    "in-new-look-custom": {"auth":true,"url":"/projects?view=new","actions":[["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#wizLook-custom"],["wait",200]],"expect":{"visible":["#panel-look","#wizAccent","#wizAccentNote"],"hidden":["#panel-review"]}},
+    "in-new-review": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#panel-look button[type=submit]"],["wait",400]], "expect": {"visible":["#panel-review","#reviewList li"],"hidden":["#panel-address","#qWrap"]} },
+    "in-new-done": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#panel-look button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500]], "expect": {"visible":["#panel-done","#liveProgress .prog","#humanSteps li"],"hidden":["#panel-review","#qWrap"]} },
+    "in-new-resume-offer": { "auth": true, "url": "/projects?view=new", "actions": [["wait",600],["click","#termsAck"],["click","#panel-terms button[type=submit]"],["wait",400],["click","#panel-fork button[type=submit]"],["wait",400],["fill","#newName","Mercury"],["click","#panel-name button[type=submit]"],["wait",400],["click","#typeCards .tpill[data-type=\"game\"]"],["click","#panel-type button[type=submit]"],["wait",400],["fill","#f-desc","A co-op farming game where the seasons never repeat."],["click","#teamCards .tpill[data-team=\"small-team\"]"],["click","#panel-detail button[type=submit]"],["wait",900],["click","#panel-modules button[type=submit]"],["wait",400],["click","#panel-home button[type=submit]"],["wait",400],["fill","#f-slug","mercury"],["wait",900],["fill","#f-domain","mercury.example.com"],["wait",200],["click","#panel-address button[type=submit]"],["wait",400],["click","#panel-app button[type=submit]"],["wait",400],["click","#panel-look button[type=submit]"],["wait",400],["click","#doCreate"],["wait",1500],["click","#projTrig"],["wait",350],["click","#menuProjects [data-nav=\"new\"]"],["wait",500]], "expect": {"visible":["#panel-terms","#wizResume","#wizResumeGo"],"hidden":["#panel-done","#panel-name"],"text":[["#wizResumeName","Mercury"]]} },
     "out-map-projects": { "auth": false, "actions": [["click", "#projTrig"], ["wait", 350]], "expect": { "expanded": true, "hidden": ["#menuProjects [data-nav=\"mine\"]"] } },
     "card": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://example.com\"]"], ["wait", 900]], "expect": { "dialog": true, "hasClass": [["#projCard", "has-art"]], "visible": ["#cardArt", "#cardFaces", "#cardBuildersFig", "#cardShippedFig", "#cardOpen", "#cardHall"], "text": [["#cardBuilders", "11"], ["#cardShipped", "0"], ["#cardRel", "you build here"], ["#cardRuns", "example.com"], ["#cardFaces .facesMore", "+6"]], "count": [["#cardFaces img", 5]], "href": [["#cardHall", "https://builders.example.com/"]] } },
     "card-noart": { "auth": true, "actions": [["dispatchClick", "#orbField a.worldOrb[data-origin=\"https://emersonian-circles.cloudbongos.com\"]"], ["wait", 600]], "expect": { "dialog": true, "hasClass": [["#projCard", "has-art", false]], "hidden": ["#cardArt", "#cardFaces", "#cardHall"], "visible": ["#cardBuildersFig", "#cardShippedFig", "#cardOpen"], "text": [["#cardShipped", "30+"], ["#cardRel", "you build here"]] } },

package/modules/ui-design/kit/serve.js

@@ -201,6 +201,8 @@ const STUB_VOCAB = {
   join_grant: ['view', 'apply', 'full'],
   artist_gate: ['off', 'advisory', 'strict'],
   spend_payer: ['none', 'project', 'builder'],
+  look: ['own', 'chrome-world', 'expedition', 'grove', 'blueprint', 'custom'],   // the look + its night (task 1004421)
+  night_tint: ['on', 'off'],
   planet_template: null,   // the template set is long; shape is checked, not membership
   planet_accent: ['sea', 'terracotta', 'gold-soft', 'sun-lit', 'accent'],
   card_backdrop: ['nebula', 'dust', 'deepfield', 'chrome'],
@@ -224,6 +226,53 @@ function settingsPatch(res, id, body) {
     : { queued: false, restart: false, message: 'Saved. The sky, your list and the card draw it this way from here; nothing on your project restarts for it.' };
   return json(res, 200, { ok: true, saved: FLOW_RECEIPTS.settings.settings, planet: PLANETS.get(String(id)) || NO_PLANET, push });
 }
+// a project's look (task 1004421, ADR 0358): GET/PATCH …/look and PUT/DELETE …/logo,
+// validated the way routes/look.js validates and REMEMBERED for the run, so the manage
+// page repaints from what it saved. The accent is stored as sent — the real route nudges
+// it, and the page shows its own copy of that nudge before it ever asks.
+const LOOK_STATE = new Map();
+const LOGO_TYPES = ['image/png', 'image/jpeg', 'image/webp'];
+function lookOf(id) {
+  return LOOK_STATE.get(String(id)) || { look: 'own', night_tint: 'on', look_accent: null, logo_url: null };
+}
+const LOOK_RECEIPT = { reachable: true, queued: true, restart: true, message: 'Saved. Your project will restart to pick this up — until then it keeps its current setting.' };
+function lookRoute(req, res, rest) {
+  const m = rest.match(/^\/provisioning\/instances\/(\d+)\/(look|logo)$/);
+  if (!m) return false;
+  if (!AUTH) { json(res, 401, UNAUTH); return true; }
+  const id = m[1], cur = lookOf(id);
+  if (m[2] === 'look' && req.method === 'GET') { json(res, 200, { ok: true, look: cur, options: { look: STUB_VOCAB.look, night_tint: STUB_VOCAB.night_tint }, logo_max_bytes: 262144 }); return true; }
+  if (m[2] === 'look' && req.method === 'PATCH') {
+    readBody(req, (body) => {
+      const bad = Object.keys(body).find((k) => !['look', 'night_tint', 'accent'].includes(k))
+        || (body.look !== undefined && !STUB_VOCAB.look.includes(body.look) && 'look')
+        || (body.night_tint !== undefined && !STUB_VOCAB.night_tint.includes(body.night_tint) && 'night_tint');
+      if (bad) return json(res, 400, { error: { code: 'validation_failed', message: `bad field: ${bad}` } });
+      if (body.accent !== undefined && !/^#?[0-9a-f]{6}$/i.test(String(body.accent))) return json(res, 400, { error: { code: 'bad_accent', message: 'An accent is a colour written #rrggbb, for example #b48cf2.' } });
+      const next = { ...cur, ...(body.look ? { look: body.look } : {}), ...(body.night_tint ? { night_tint: body.night_tint } : {}), ...(body.accent ? { look_accent: String(body.accent).toLowerCase() } : {}) };
+      if (next.look === 'custom' && !next.look_accent) return json(res, 400, { error: { code: 'accent_required', message: 'Your own look needs an accent colour — send accent as #rrggbb.' } });
+      LOOK_STATE.set(id, next);
+      return json(res, 200, { ok: true, look: next, push: LOOK_RECEIPT, adjusted: null });
+    });
+    return true;
+  }
+  if (m[2] === 'logo' && req.method === 'PUT') {
+    readBody(req, (body) => {
+      if (!LOGO_TYPES.includes(body.content_type) || typeof body.image_b64 !== 'string' || !body.image_b64) return json(res, 400, { error: { code: 'logo_bad_type', message: 'A logo must be a PNG, JPEG or WebP image.' } });
+      const next = { ...cur, logo_url: 'data:' + body.content_type + ';base64,' + body.image_b64 };
+      LOOK_STATE.set(id, next);
+      return json(res, 200, { ok: true, look: next, push: LOOK_RECEIPT });
+    });
+    return true;
+  }
+  if (m[2] === 'logo' && req.method === 'DELETE') {
+    const next = { ...cur, logo_url: null };
+    LOOK_STATE.set(id, next);
+    json(res, 200, { ok: true, look: next, push: LOOK_RECEIPT });
+    return true;
+  }
+  return false;
+}
 // the row carries its planet: a saved pick for the run, else the fixture's own (or null)
 function withPlanet(inst) {
   const saved = PLANETS.get(String(inst.id));
@@ -433,6 +482,7 @@ const server = http.createServer((req, res) => {
     // the manage flows (task 1003345): every door on a row and on the manage page only ASKS
     // (ADR 0111) — the stub answers each ask with the route's receipt so the probes can drive
     // attach / restart / teardown / revive / join end to end; nothing changes in the fixture
+    if (lookRoute(req, res, rest)) return;
     if (req.method !== 'GET') {
       const ps = rest.match(/^\/provisioning\/instances\/(\d+)\/settings$/);
       if (ps && req.method === 'PATCH') return AUTH ? readBody(req, (body) => settingsPatch(res, ps[1], body)) : json(res, 401, UNAUTH);

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.20.59",
+  "version": "1.20.60",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.20.59",
+      "version": "1.20.60",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.20.59",
+  "version": "1.20.60",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -8471,5 +8471,11 @@
       "id": "1004433",
       "text": "The profile now knows each person by their own work. An artist's page counts pages approved, how many pages of each part of the site they have tweaked, and what pages earned them; an ideator's counts thoughts filed, how many b"
     }
+  ],
+  "1.20.60": [
+    {
+      "id": "1004421",
+      "text": "Every project can now have its own look, so builders who work in several projects always know which hall they are in. Creating a project has a new Look step: four ready-made looks or your own colour, a switch to tint dark mode"
+    }
   ]
 }

package/scripts/gds/fitness.js

@@ -566,6 +566,10 @@ const KERNEL_FILES = [
   // config / identity (host context a module reads, never hardcodes)
   'src/instance-config.js',
   'src/branding.js',
+  // task 1004421 (ADR 0358): branding.js lays the chosen look over the pack through this
+  // file — the same identity/config category, requiring only instance-config and node
+  // built-ins, so it joins the roster rather than reading as a kernel→domain leak.
+  'src/hall-look.js',
   'src/build-info.js',
   // task 1003476 (goal 1000072): the project's stale-claim timer — host configuration
   // a module reads rather than hardcodes, exactly the category instance-config.js and

package/src/bongos/routes.js

@@ -111,7 +111,10 @@ function buildGdsRouter() {
       // 'completed'. The list is NOT trimmable to fit: modules/grading/grader-score.js runs
       // the server-side permission-path pre-pass against it (SR-9 / SEC #863), so a short
       // list would quietly weaken a security check rather than merely lose detail.
-      /^\/tasks\/\d+\/grade$/.test(req.path)
+      /^\/tasks\/\d+\/grade$/.test(req.path) ||
+      // task 1004421: a project's logo — up to 256 KB decoded, ~342 KB as base64.
+      // modules/provisioning/routes/look.js mounts its own 400 KB parser.
+      /^\/provisioning\/instances\/\d+\/logo$/.test(req.path)
     ) return next();
     return globalJson(req, res, next);
   });

package/src/bongos/serve-internal.js

@@ -43,6 +43,7 @@ const { buildStampedHtml } = require('../asset-version');
 const { buildInfo } = require('../build-info');
 const { buildBongosDownloads } = require('../bongos-downloads');
 const { clientBranding, branding, applyBrandConditionals } = require('../branding');
+const { nightTintCss } = require('../night-tint');
 const { prelaunchGate } = require('./prelaunch-gate');
 const { platformVisibilityGate } = require('./platform-visibility-gate');
 const { schemaPending } = require('./schema-lag');
@@ -121,6 +122,11 @@ function themeMarkup(theme) {
   if (decls.length) css.push(`:root{${decls.join('')}}`);
   const backdrop = cssSafe(theme.backdrop);
   if (backdrop) css.push(`body{background:${backdrop};}`);
+  // The night tint (ADR 0358): a hall wearing a look takes a hint of its accent into
+  // its dark grounds. Written as the sheet's own two dark twins, after the sheet, so
+  // equal specificity wins on order. clientBranding only sets it with a look, so a
+  // hall that chose none keeps the sheet's pure black.
+  if (theme.nightTint === true) css.push(nightTintCss());
   if (css.length) out += `<style>${css.join('')}</style>`;
   // esc() is lossless in an attribute: the HTML parser decodes the entities back
   // before anything reads the URL, so the neutral pack's inline `data:image/svg+xml,

package/src/branding.js

@@ -19,6 +19,7 @@
 const fs = require('node:fs');
 const path = require('node:path');
 const { resolveCoreRoot, resolveInstanceRoot, resolveEnv, FALLBACK_ENV_PREFIX } = require('./instance-config');
+const { applyLook, readLibraryLook } = require('./hall-look');
 
 // ADR 0108 §1: the neutral starter ships WITH the core package; the instance
 // pack is host content. Both resolvers return the repo root today, so this is
@@ -83,6 +84,16 @@ const ENV_OVERRIDES = [
   // door is `open` and this is `none`. Like its neighbours it is memoized for the
   // process, which is why the platform restarts the instance to apply a change.
   ['SPEND_PAYER', ['project', 'spendPayer']],
+  // The look this hall wears (ADR 0358, task 1004421) — own | a style-library name |
+  // custom — and its night tint (on | off). Policy keys like their neighbours: the
+  // platform pushes them and a restart applies them. LOOK_ACCENT (a custom look's one
+  // accent, already made readable by the platform) and LOGO_URL (the platform's
+  // content-addressed logo) are their companions. src/hall-look.js turns them into
+  // the fifteen; an unknown or malformed value leaves the hall on its own pack.
+  ['LOOK', ['project', 'look']],
+  ['NIGHT_TINT', ['project', 'nightTint']],
+  ['LOOK_ACCENT', ['project', 'lookAccent']],
+  ['LOGO_URL', ['project', 'logoUrl']],
 ];
 
 const isObj = (v) => v && typeof v === 'object' && !Array.isArray(v);
@@ -115,7 +126,7 @@ function deepFreeze(o) {
 // resolver. Decided in ADR 0142 (audit H11 / task 1002224).
 //
 // Pure resolver — all inputs injected, so tests drive it with zero I/O.
-function resolveBranding({ neutral = {}, instance = {}, env = {} } = {}) {
+function resolveBranding({ neutral = {}, instance = {}, env = {}, readLook = readLibraryLook } = {}) {
   // structuredClone so the merged result shares no nested references with the
   // neutral/instance inputs — otherwise the deepFreeze below would also freeze
   // the caller's input objects (deepMerge shallow-copies only the top level).
@@ -142,6 +153,9 @@ function resolveBranding({ neutral = {}, instance = {}, env = {} } = {}) {
   if (missing.length) {
     throw new Error(`branding: missing required field(s): ${missing.map((p) => p.join('.')).join(', ')}`);
   }
+  // The chosen look, laid over the pack's theme (ADR 0358). A no-op for a hall that
+  // chose none, which is every hall the platform has not pushed a look to.
+  applyLook(resolved, readLook);
   return deepFreeze(resolved);
 }
 
@@ -240,6 +254,11 @@ function clientBranding(b = branding()) {
       },
       favicon: ui.favicon || '',
       backdrop: ui.backdrop || '',
+      // The look (ADR 0358): which one this hall wears ('' = its own pack), whether
+      // its night is tinted (only ever true with a look), and its logo address.
+      look: ui.look || '',
+      nightTint: ui.nightTint === true,
+      logo: ui.logo || '',
     },
     copy: {
       tagline: b.copy?.tagline || '',
@@ -282,6 +301,12 @@ function clientBranding(b = branding()) {
       // with?", not the platform's record of what they saved. The fallback is the
       // platform default, which for this key IS today's behaviour.
       spendPayer: b.project?.spendPayer || 'none',
+      // The look and its night (ADR 0358, task 1004421). Published for the read-back
+      // reason its neighbours are: the settings push compares this manifest with what
+      // the platform saved. The fallbacks are the platform defaults — 'own' is today's
+      // hall, and 'on' only ever tints a hall that wears a look.
+      look: b.project?.look || 'own',
+      nightTint: b.project?.nightTint || 'on',
     },
   };
 }

package/src/hall-look.js

@@ -0,0 +1,99 @@
+// src/hall-look.js — the look a hall wears, laid over its branding pack (ADR 0358,
+// task 1004421).
+//
+// The platform chooses a project's look (provisioning settings `look`, `night_tint`
+// plus the companion LOOK_ACCENT and LOGO_URL) and pushes only NAMES over web.env;
+// src/branding.js maps them onto project.look / nightTint / lookAccent / logoUrl and
+// hands the merged pack here. This file turns the name into the fifteen, reading the
+// style library the core package ships (a module's styles/<name>/pack.json, ADR 0219),
+// so a palette never travels as env text. The library is found by its SHAPE — any
+// shipped module's styles/ directory — never by a module key, which core may not name
+// (ADR 0083 §Decision #4).
+//
+//   own (or absent)  the instance's own pack — exactly today's hall.
+//   <library name>   that look's thirteen colours and two faces.
+//   custom           the chrome world with ONE accent, already made readable in both
+//                    modes by the platform (lookAdjustAccent); a value that is not a
+//                    plain #rrggbb is ignored and the hall stays on its own pack.
+//
+// Favicon and backdrop stay the instance's (ADR 0219 §1) except that a looked hall
+// gets a favicon in its own colours, and a logo, when there is one, is the favicon.
+// PURE given `readLook`; the default reader is the only I/O.
+'use strict';
+
+const fs = require('node:fs');
+const path = require('node:path');
+
+const HEX = /^#[0-9a-f]{6}$/i;
+const LOOK_NAME = /^[a-z][a-z-]{0,39}$/;
+// A logo address is the platform's content-addressed image URL. https only, and no
+// character that could end the attribute or the CSS it is written into.
+const LOGO_URL = /^https:\/\/[^\s"'<>()\\]+$/;
+
+// The style library's packs, read once each. null for an unknown name or a pack that
+// does not carry the thirteen as hex — a broken file never half-applies.
+const _looks = new Map();
+function readLibraryLook(name, { root } = {}) {
+  if (!LOOK_NAME.test(String(name || ''))) return null;
+  const key = `${root || ''}|${name}`;
+  if (_looks.has(key)) return _looks.get(key);
+  let ui = null;
+  try {
+    const base = root || require('./instance-config').resolveCoreRoot(); // eslint-disable-line global-require
+    const modulesDir = path.join(base, 'modules');
+    const file = fs.readdirSync(modulesDir).sort()
+      .map((m) => path.join(modulesDir, m, 'styles', name, 'pack.json'))
+      .find((f) => fs.existsSync(f));
+    const pack = file ? JSON.parse(fs.readFileSync(file, 'utf8')) : null;
+    const t = pack && pack.theme && pack.theme.ui;
+    if (t && t.colors && Object.values(t.colors).every((v) => HEX.test(v)) && t.fonts) ui = { colors: t.colors, fonts: t.fonts };
+  } catch { ui = null; }
+  _looks.set(key, ui);
+  return ui;
+}
+
+// The favicon a looked hall shows without a logo: the chrome world's two-circle mark
+// redrawn in the look's own accent, terracotta and card.
+function lookFavicon(colors) {
+  const c = (k) => encodeURIComponent(colors[k]);
+  return "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>" +
+    `<circle cx='12' cy='17' r='8' fill='${c('accent')}'/><circle cx='22' cy='17' r='6' fill='${c('terracotta')}'/>` +
+    `<circle cx='12' cy='17' r='3.5' fill='${c('bgCard')}'/><circle cx='22' cy='17' r='2.5' fill='${c('bgCard')}'/></svg>`;
+}
+
+// What the hall wears: { name, ui } or null for its own pack. PURE given readLook.
+function chosenLook(project = {}, readLook = readLibraryLook) {
+  const name = String(project.look || 'own');
+  if (name === 'own') return null;
+  if (name === 'custom') {
+    const accent = String(project.lookAccent || '');
+    const base = HEX.test(accent) ? readLook('chrome-world') : null;
+    return base ? { name, ui: { colors: { ...base.colors, accent: accent.toLowerCase() }, fonts: base.fonts } } : null;
+  }
+  const ui = readLook(name);
+  return ui ? { name, ui } : null;
+}
+
+// Lay the look over a resolved (still mutable) pack, in place. A logo applies with or
+// without a look; the night tint only with one (ADR 0358 D2), so a hall that never
+// chose a look renders exactly as before whatever its tint setting says.
+function applyLook(resolved, readLook = readLibraryLook) {
+  const project = resolved.project || {};
+  const look = chosenLook(project, readLook);
+  const logo = LOGO_URL.test(String(project.logoUrl || '')) ? project.logoUrl : '';
+  if (!look && !logo) return resolved;
+  resolved.theme = resolved.theme && typeof resolved.theme === 'object' ? resolved.theme : {};
+  const ui = { ...(resolved.theme.ui || {}) };
+  if (look) {
+    ui.colors = { ...look.ui.colors };
+    ui.fonts = { ...look.ui.fonts };
+    ui.look = look.name;
+    ui.nightTint = project.nightTint !== 'off';
+    ui.favicon = lookFavicon(ui.colors);
+  }
+  if (logo) { ui.logo = logo; ui.favicon = logo; }
+  resolved.theme.ui = ui;
+  return resolved;
+}
+
+module.exports = { applyLook, readLibraryLook };

package/src/module-api.js

@@ -75,7 +75,7 @@ const { responsibilityFor, ROLE_RESPONSIBILITIES } = require('./role-responsibil
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.20.59'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.20.60'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');

package/src/night-tint.js

@@ -0,0 +1,26 @@
+// src/night-tint.js — the night tint a hall wears with a look (ADR 0358, task 1004421).
+//
+// The hall's dark tier (modules/hall-ui/public/style.css) is pure black. A hall that
+// wears a look takes a hint of that look's own accent into its four dark grounds
+// instead, so two halls stay told apart at night too. It is a FORMULA over the
+// thirteen, never a palette a look authors: no token is added, and a custom accent
+// gets its own night for free. This table is the one copy — themeMarkup() emits it
+// and tests/hall_tokens.mjs (UI_DESIGN_TINT=1) measures it.
+'use strict';
+
+const NIGHT_TINT = Object.freeze({
+  '--bg': 'color-mix(in srgb, var(--accent) 6%, #000000)',
+  '--bg-deep': 'color-mix(in srgb, var(--accent) 6%, #000000)',
+  '--bg-frame': 'color-mix(in srgb, var(--accent) 6%, #08080a)',
+  '--bg-card': 'color-mix(in srgb, var(--accent) 5%, #101012)',
+});
+
+// The CSS that applies it: the same two dark twins the sheet writes (the [data-theme]
+// switch shell.js owns, and the media block that covers first paint), at the same
+// specificity. Injected AFTER the sheet, so later wins. PURE.
+function nightTintCss() {
+  const decls = Object.entries(NIGHT_TINT).map(([k, v]) => `${k}:${v};`).join('');
+  return `html[data-theme="dark"]{${decls}}@media (prefers-color-scheme: dark){html:not([data-theme]){${decls}}}`;
+}
+
+module.exports = { NIGHT_TINT, nightTintCss };

package/tests/currency_label.mjs

@@ -59,11 +59,14 @@ test('clientBranding exposes project policy — the settings read-back (task 100
   // is published for a reason of its own: it is the one key that can REFUSE a
   // module, so an owner looking at a module that will not turn on needs the
   // instance's own answer rather than the platform's record of what they saved.
+  // `look` and `nightTint` joined in task 1004421 (ADR 0358) — the look the hall wears
+  // and whether its night takes a tint. Public because the hall paints them in the
+  // browser; their fallbacks ('own', 'on') are what an unconfigured hall shows today.
   assert.deepEqual(clientBranding({}).project,
-    { platformVisibility: 'public', joinability: 'apply', visibility: 'public', joinGrant: 'full', artistGate: 'strict', spendPayer: 'none' });
+    { platformVisibility: 'public', joinability: 'apply', visibility: 'public', joinGrant: 'full', artistGate: 'strict', spendPayer: 'none', look: 'own', nightTint: 'on' });
   assert.deepEqual(
-    clientBranding({ project: { platformVisibility: 'gated', joinability: 'invite_only', visibility: 'stealth', joinGrant: 'view', artistGate: 'off', spendPayer: 'builder' } }).project,
-    { platformVisibility: 'gated', joinability: 'invite_only', visibility: 'stealth', joinGrant: 'view', artistGate: 'off', spendPayer: 'builder' },
+    clientBranding({ project: { platformVisibility: 'gated', joinability: 'invite_only', visibility: 'stealth', joinGrant: 'view', artistGate: 'off', spendPayer: 'builder', look: 'grove', nightTint: 'off' } }).project,
+    { platformVisibility: 'gated', joinability: 'invite_only', visibility: 'stealth', joinGrant: 'view', artistGate: 'off', spendPayer: 'builder', look: 'grove', nightTint: 'off' },
     'what the instance actually resolved (env override included) is what it publishes');
 });
 
@@ -86,7 +89,7 @@ test('clientBranding is a SMALL allow-list — no server-only field leaks to the
   // public for the same read-back reason as its neighbours. Its companion stamp
   // (artistGateSince) deliberately does NOT: that is platform bookkeeping the server
   // reads, and no browser surface has a question it answers.
-  assert.deepEqual(Object.keys(projected.project).sort(), ['artistGate', 'joinGrant', 'joinability', 'platformVisibility', 'spendPayer', 'visibility']);
+  assert.deepEqual(Object.keys(projected.project).sort(), ['artistGate', 'joinGrant', 'joinability', 'look', 'nightTint', 'platformVisibility', 'spendPayer', 'visibility']);
   for (const leak of ['domains', 'repo', 'db', 'envPrefix', 'llmProjectName']) {
     assert.equal(projected[leak], undefined, `${leak} must not reach the client`);
   }

package/tests/hall_tokens.mjs

@@ -41,6 +41,7 @@ import assert from 'node:assert/strict';
 import fs from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { createRequire } from 'node:module';
 
 const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
 const HALL = path.join(ROOT, 'modules', 'hall-ui', 'public');
@@ -102,9 +103,17 @@ const PACK = Object.fromEntries(
   Object.entries(packUi.colors).map(([k, v]) => [camelToVar(k), v]),
 );
 
+// UI_DESIGN_TINT=1 measures the NIGHT TINT a hall wears with a look (ADR 0358, task
+// 1004421): themeMarkup() lays src/night-tint.js's four grounds over the dark tier,
+// after the sheet, so they win. tests/look_night_tint.mjs runs this file once per look
+// with it set, and once per custom accent round the hue wheel.
+const NIGHT_TINT = process.env.UI_DESIGN_TINT === '1'
+  ? createRequire(import.meta.url)('../src/night-tint.js').NIGHT_TINT
+  : {};
+
 const RAW = {
   light: { ...contractTier, ...PACK },
-  dark: { ...contractTier, ...PACK, ...darkExplicit },
+  dark: { ...contractTier, ...PACK, ...darkExplicit, ...NIGHT_TINT },
 };
 
 // ── color resolution ─────────────────────────────────────────────────────────

package/tests/hall_tweak_editor.mjs

@@ -635,7 +635,7 @@ try {
     assert.match(HTML, /<body data-page="tweak-editor"[^>]*data-fullscreen-switch/);
     assert.equal((HTML.match(/<h1\b/g) || []).length, 1);
     assert.ok(HTML.indexOf('tweak-editor-lib.js') < HTML.indexOf('tweak-editor.js?'), 'the lib loads first');
-    assert.match(HTML, /shell\.js\?v=2026-09-30-navback2/);
+    assert.match(HTML, /shell\.js\?v=2026-10-01-look/);
     assert.equal(/fonts\.googleapis\.com\/css/.test(HTML), false);
     for (const id of ['tw-bar', 'tw-counter', 'tw-open', 'tw-open-more', 'tw-divider', 'tw-openwrap', 'tw-open-menu', 'tw-open-tab', 'tw-open-split', 'tw-frame', 'tw-frame-view', 'tw-split-close', 'tw-download', 'tw-upload', 'tw-file', 'tw-submit', 'tw-paper', 'tw-doc', 'tw-notice', 'tw-done', 'tw-take', 'tw-pick', 'tw-picks', 'tw-refused', 'tw-refused-title', 'tw-refused-list', 'tw-refused-next', 'tw-refused-download', 'tw-refused-close']) {
       assert.ok(new RegExp(`id="${id}"`).test(HTML), `#${id} is in the markup`);