mosaic-headless 1.20.0 → 1.21.0

package/data/intro-verification.csv

@@ -2,25 +2,25 @@ check,result,detail
 PLAYS,PASS,43 of 43 intro elements changed state
 COUNTS,PASS,--mk-n reached 100
 ENDS,PASS,veil is out of hit-testing from 8900ms
-NO_TRAP,PASS,"0 content elements still at opacity 0 in the viewport (60 below the fold and 1 on a scroll timeline awaiting it, 1 mid-blink)"
+NO_TRAP,PASS,"0 content elements still at opacity 0 in the viewport (1 below the fold and 0 on a scroll timeline awaiting it, 1 mid-blink)"
 CLEARS,PASS,a real click landed on 'mk-caret-row'
-AMBIENT,PASS,"9 elements still moving between 11000ms and 13000ms with no input: mk-board-city-s, mk-board-utc-s, mk-clock-s, mk-flap-0-s, mk-flap-1-s, mk-flap-2-s"
+AMBIENT,PASS,"7 elements still moving between 11000ms and 13000ms with no input: mk-board-city-s, mk-board-utc-s, mk-clock-s, mk-flap-0-s, mk-flap-1-s, mk-flap-2-s"
 DEGRADES,PASS,with reduced motion the veil is display:none throughout
 READABLE,PASS,0 elements invisible at 120ms with reduced motion
 
 t_ms,counter,veil_visibility,veil_clip,veil_covers_centre,hit_centre,invisible_content
 120,,,,False,html.no-js,0
 700,--mk-n=0;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,7
-1400,--mk-n=0;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,7
-2200,--mk-n=34;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
-3000,--mk-n=67;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
-3800,--mk-n=85;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
-4600,--mk-n=94;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
+1400,--mk-n=5;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,7
+2200,--mk-n=40;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
+3000,--mk-n=71;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
+3800,--mk-n=87;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
+4600,--mk-n=95;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
 5400,--mk-n=98;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
 6200,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
 7000,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
-7800,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,True,mk-boot-num,3
-8300,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,False,mk-caret-row,2
+7800,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,True,p.m-text,2
+8300,--mk-n=100;--mk-s=0;--mk-m=0,visible,none,False,mk-caret-row,1
 8900,--mk-n=0;--mk-s=0;--mk-m=0,hidden,none,False,mk-caret-row,0
 11000,--mk-n=0;--mk-s=0;--mk-m=0,hidden,none,False,mk-caret-row,0
 13000,--mk-n=0;--mk-s=0;--mk-m=0,hidden,none,False,mk-caret-row,0

package/data/navigation-verification.csv

@@ -0,0 +1,28 @@
+check,result,detail
+FRONT_PAGE,PASS,"HTTP 200, 112547 bytes"
+MENU_IS_LINKS,PASS,6 real <a href> in #mw-nav
+NAV 首頁,PASS,"// -> HTTP 200, 112546 bytes"
+NAV 服務,PASS,"/services/ -> HTTP 200, 156300 bytes"
+NAV 作品,PASS,"/works/ -> HTTP 200, 108284 bytes"
+NAV 報價,PASS,"/plan/ -> HTTP 200, 181490 bytes"
+NAV 關於,PASS,"/about/ -> HTTP 200, 66218 bytes"
+NAV 聯絡,PASS,"/contact/ -> HTTP 200, 49644 bytes"
+PAGE home,PASS,"HTTP 200, 112547 bytes"
+PAGE services,PASS,"HTTP 200, 156300 bytes"
+PAGE mowp,PASS,"HTTP 200, 103101 bytes"
+PAGE weebly-migration,PASS,"HTTP 200, 96174 bytes"
+PAGE works,PASS,"HTTP 200, 108284 bytes"
+PAGE plan,PASS,"HTTP 200, 181490 bytes"
+PAGE about,PASS,"HTTP 200, 66218 bytes"
+PAGE teams,PASS,"HTTP 200, 67671 bytes"
+PAGE open-source,PASS,"HTTP 200, 115360 bytes"
+PAGE order-notify-guide,PASS,"HTTP 200, 39646 bytes"
+PAGE contact,PASS,"HTTP 200, 49644 bytes"
+PAGE case-drpen,PASS,"HTTP 200, 89043 bytes"
+PAGE case-lyycamp,PASS,"HTTP 200, 87978 bytes"
+PAGE case-em925,PASS,"HTTP 200, 86621 bytes"
+PAGE case-sweetluck,PASS,"HTTP 200, 87483 bytes"
+PAGE case-amclinic,PASS,"HTTP 200, 86760 bytes"
+PAGE case-ruinart,PASS,"HTTP 200, 87000 bytes"
+PAGE case-medical-erp,PASS,"HTTP 200, 88166 bytes"
+PAGE case-igoods,PASS,"HTTP 200, 86214 bytes"

package/data/page-modal-verification.csv

@@ -0,0 +1,20 @@
+page,result,trigger,run_rule,remember,memory_name,closedby,aria_modal,accessible_label
+home,PASS,exitIntent,cap,session,mw-home,everything,yes,還沒找到要的東西？
+services,PASS,scrollDepth,cooldown,forever,mw-services,everything,yes,想知道哪一項最適合？
+mowp,PASS,exitIntent,cap,session,mw-mowp,everything,yes,需要同樣的東西嗎？
+weebly-migration,PASS,exitIntent,cap,session,mw-weebly-migration,everything,yes,需要同樣的東西嗎？
+works,PASS,scrollDepth,cap,session,mw-works,clickOutside,yes,想看完整的案例？
+plan,PASS,pageLoad,firstRunWindow,session,mw-plan,esc,yes,報價只是起點
+about,PASS,exitIntent,cap,forever,mw-about,nothing,yes,我們是誰，決定了做法
+teams,PASS,exitIntent,cap,session,mw-teams,everything,yes,需要同樣的東西嗎？
+open-source,PASS,exitIntent,cap,session,mw-open-source,everything,yes,需要同樣的東西嗎？
+order-notify-guide,PASS,exitIntent,cap,session,mw-order-notify-guide,everything,yes,需要同樣的東西嗎？
+contact,PASS,scrollDepth,cap,page,mw-contact,everything,yes,寫信太慢？
+case-drpen,PASS,exitIntent,cap,session,mw-case-drpen,everything,yes,需要同樣的東西嗎？
+case-lyycamp,PASS,exitIntent,cap,session,mw-case-lyycamp,everything,yes,需要同樣的東西嗎？
+case-em925,PASS,exitIntent,cap,session,mw-case-em925,everything,yes,需要同樣的東西嗎？
+case-sweetluck,PASS,exitIntent,cap,session,mw-case-sweetluck,everything,yes,需要同樣的東西嗎？
+case-amclinic,PASS,exitIntent,cap,session,mw-case-amclinic,everything,yes,需要同樣的東西嗎？
+case-ruinart,PASS,exitIntent,cap,session,mw-case-ruinart,everything,yes,需要同樣的東西嗎？
+case-medical-erp,PASS,exitIntent,cap,session,mw-case-medical-erp,everything,yes,需要同樣的東西嗎？
+case-igoods,PASS,exitIntent,cap,session,mw-case-igoods,everything,yes,需要同樣的東西嗎？

package/data/rwd-verification.csv

@@ -323,6 +323,8 @@ https://mosaic.moksaweb.com/moksa/,mk-contact-r-2,_m,grid-template-columns,84px
 https://mosaic.moksaweb.com/moksa/,mk-contact-r-2,_m,column-gap,12px,12px,verified
 https://mosaic.moksaweb.com/moksa/,mk-contact-r-3,_m,grid-template-columns,84px 1fr,84px 1fr,verified
 https://mosaic.moksaweb.com/moksa/,mk-contact-r-3,_m,column-gap,12px,12px,verified
+https://mosaic.moksaweb.com/moksa/,mk-colophon,_m,padding-left,18px,18px,verified
+https://mosaic.moksaweb.com/moksa/,mk-colophon,_m,padding-right,18px,18px,verified
 https://mosaic.moksaweb.com/moksa/,mk-header,_t,padding-left,28px,28px,verified
 https://mosaic.moksaweb.com/moksa/,mk-header,_t,padding-right,28px,28px,verified
 https://mosaic.moksaweb.com/moksa/,mk-header,_m,padding-left,18px,18px,verified

package/data/slider-verification.csv

@@ -0,0 +1,20 @@
+slider,check,result,detail
+slide+autoplay,HOST,PASS,"<mosaic-slider> animation=slide carousel=None, 3 slides"
+slide+autoplay,TRACK,PASS,<mosaic-slider-slides> aria-live=off
+slide+autoplay,HAS_CURRENT,PASS,slide 0 is current at rest
+slide+autoplay,BULLET_TEMPLATE,PASS,"3 bullets for 3 slides, all with id='sl-dot-0' - one authored bullet is repeated per slide, duplicate ids included"
+slide+autoplay,BULLET_ARIA,PASS,"role=button tabindex=0 labels=ONE / 浮世繪, TWO / 版面, THREE / 色票 - taken from each slide's own title"
+slide+autoplay,ADVANCES,PASS,reached 3 of 3 slides unaided
+slide+autoplay,AUTOPLAY_DECLARED,PASS,data-autoplay=true delay=2200
+slide+autoplay,BULLET_GOES,PASS,bullet 0 -> slide 0
+slide+autoplay,ARROW_ENDS,PASS,"on slide 0 prev hides itself (hidden=True), next does not (hidden=False)"
+slide+autoplay,ARROW_ARIA,PASS,role=button tabindex=0 label='下一張投影片'
+slide+autoplay,NEXT,PASS,slide 0 -> 1
+slide+autoplay,PREV,PASS,slide 1 -> 0
+slide+autoplay,KEYBOARD,PASS,"focus bullet 2 taken, Enter -> slide 2"
+slide+autoplay,REDUCED,PASS,under prefers-reduced-motion it holds still (slide 0 -> 0)
+crossFade+carousel,HOST,PASS,"<mosaic-slider> animation=crossFade carousel=true, 4 slides"
+crossFade+carousel,TRACK,PASS,<mosaic-slider-slides> aria-live=polite
+crossFade+carousel,HAS_CURRENT,PASS,slide 0 is current at rest
+crossFade+carousel,STAYS_PUT,PASS,autoplay off: still on slide 0 after 2.6s
+crossFade+carousel,REDUCED,PASS,under prefers-reduced-motion it holds still (slide 0 -> 0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mosaic-headless",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "description": "AI-agent skill: build Mosaic Pro (Nextend) WordPress sites by writing the underlying data model directly - 23 custom tables, no visual editor, no DOM. Every node type, style property and node property swept against a live install and asserted on the delivered HTML and compiled CSS. Installs into Claude Code, Cursor, Codex CLI, Gemini CLI, Copilot, Continue, Windsurf and Claude.ai.",
   "keywords": [
     "wordpress",
@@ -27,10 +27,10 @@
   "author": "moksa (https://moksaweb.com)",
   "type": "module",
   "bin": {
-    "mosaic-headless": "bin/install.mjs"
+    "mosaic-headless": "scripts/install.mjs"
   },
   "files": [
-    "bin/",
+    "scripts/",
     "assets/",
     "data/*.csv",
     "references/",
@@ -50,10 +50,10 @@
     "node": ">=18"
   },
   "scripts": {
-    "install-skill": "node bin/install.mjs",
-    "check": "node bin/check-release.mjs",
+    "install-skill": "node scripts/install.mjs",
+    "check": "node scripts/check-release.mjs",
     "preversion": "npm run check",
-    "version": "node bin/sync-version.mjs && git add SKILL.md assets/templates/platforms",
+    "version": "node scripts/sync-version.mjs && git add SKILL.md assets/templates/platforms .claude-plugin/plugin.json",
     "postversion": "git push && git push --tags",
     "prepublishOnly": "npm run check"
   }

package/references/dialog-and-triggers.md

@@ -133,7 +133,7 @@ then runs as a no-op that writes nothing, because the source skips an unnamed
 memory rather than inventing a key. The server reshapes the accepted one into
 `rememberOptions.timelines._.name`, which is what the payload shows.
 
-## The interaction shorthand — modals only
+## The interaction shorthand — modals only, and three triggers only
 
 Every element's data can carry `interactionShorthand`, but `ModalElementMResourceData`
 is the only class that overrides `getInteractionShorthandActionTypes()` (it returns
@@ -156,6 +156,19 @@ the type, action from the element — and the page's `mosaicInteractions` gains
 with the cap attached. No trigger element, no action, no target: an exit-intent
 popup that fires once a session is one object.
 
+**Only three interaction types can be a shorthand**, and the list is in the
+source rather than inferable: `InteractionTypesManager::getShorthandInteractionTypes()`
+returns `pageLoad`, `exitIntent`, `scrollDepth`. Those are exactly the three that do
+not need the element to be visible or interactive first — which a modal never is,
+since it is `display:none` until something opens it.
+
+Anything else is **dropped in silence**. A modal given
+`interactionShorthand: {"type": "elementScrollIntoView", …}` renders with its
+`aria-modal`, its `aria-label` and its `data-mosaic-modal-closedby` all correct, the
+page's `mosaicInteractions` carries nothing for it, and it never opens. Measured:
+one page of the nineteen-page site was built that way and read back as the only
+modal on the site with no trigger at all.
+
 `"type": "manual"` is the stored answer for "nothing opens this automatically" —
 spelled as a word rather than left absent, because absent means *inherit* on a
 component instance.
@@ -199,3 +212,64 @@ from the CSS, and a checker must not read "no token" as "the node did not render
 **`youtube`'s `privacy` property suppresses the element.** Set on its own it emits
 nothing at all, where 1.0.8 rendered the element and recorded NO_EFFECT. One row of
 `data/node-property-verification.csv`, the only `NO_OUTPUT` in the table.
+
+## The worked example's own modal
+
+`sites/_moksa.py` carries one: a colophon card shown to a reader about to leave —
+paper ground, hairline border, the document's own trim marks at two corners, a mono
+eyebrow, one accent action and one quiet dismissal. It is built entirely from the
+shorthand, so nothing on the page points at it:
+
+```python
+COLOPHON_NODE_ID = str(uuid.uuid4())     # minted per generation, never fixed
+
+{"type": "modal", "nodeID": COLOPHON_NODE_ID,
+ "data": {"accessibleLabel": "開始一個專案", "closedby": "everything",
+          "interactionShorthand": {
+              "type": "exitIntent",
+              "exitIntentOptions": {
+                  "settings": {"awayFor": "500ms"},
+                  "runs": {"rules": [{"uuid": …, "type": "cap",
+                                      "capOptions": {"max": "1", "remember": "session",
+                                                     "name": "mk-colophon"}}]}}}},
+ "children": [modal-overlay, modal-window → the card]}
+```
+
+11 of 11 checks against the live page, and two things it taught on the way:
+
+- **The card has to be a `modal-window`, not a styled `div`.** A plain div inside the
+  dialog renders and looks right, and `verify_dialog.py` STRUCTURE fails it — the
+  window is what Mosaic scrolls and focus-traps.
+- **The design audit failed the first draft.** The heading carried
+  `letterSpacing: "-0.02em"`, inherited from the page's Latin display sizes, and
+  CJK_NEGATIVE_TRACKING caught it at −0.68px on a Chinese heading at two
+  breakpoints. A Han glyph sits on a full em body and is already as close as it is
+  meant to be; the line is `0.005em` now, matching the masthead.
+
+## A modal per page, each configured differently
+
+A nineteen-page site was assembled from converted Elementor pages - one shared
+shell, a menu of `menu-link` nodes, one WordPress page each - and every page given
+its own modal. Six distinct configurations came out of it, and each one is a
+different answer to "when, how often, and how do they get out":
+
+| page | trigger | run rule | memory | closedby | what it is for |
+|---|---|---|---|---|---|
+| home | `exitIntent` 500ms | `cap` 1 | session | `everything` | the one offer, once a visit |
+| services | `scrollDepth` 70% | `cooldown` 1 day | forever | `everything` | read most of it, then asked - and not again tomorrow |
+| works | `scrollDepth` 40% | `cap` 2 | session | `clickOutside` | earlier, twice, dismissed by clicking away |
+| plan | `pageLoad` | `firstRunWindow` 10 min | session | `esc` | immediate, but only in the first ten minutes of the visit |
+| about | `exitIntent` 800ms | `cap` 1 | forever | `nothing` | once ever, and the only way out is the button inside |
+| contact | `scrollDepth` 50% | `cap` 3 | page | `everything` | three times per page load, cheap and repeatable |
+
+All six were read back out of each page's own `mosaicInteractions` payload
+(`data/page-modal-verification.csv`), and three were then driven in a browser:
+`plan` opened by itself on load and Esc closed it; `services` stayed shut at rest
+and opened past 70% scroll; `about` opened on exit intent and Esc did **not** close
+it, which is what `closedby: "nothing"` promises and what a cookie gate or an age
+gate needs.
+
+The pattern is worth stating on its own: because the trigger lives in the modal's
+own `interactionShorthand`, a page's popup policy is one object in that page's data.
+Nothing else on the page changes, no trigger element is placed, and two pages of the
+same site can behave completely differently without sharing anything.

package/references/slider.md

@@ -0,0 +1,79 @@
+# The slider, measured
+
+`sweep_node_types.py` records the whole slider family as `COMMIT_500` or
+`BROKE_PAGE`. That is true of a bare `slider` under a plain `div` and says nothing
+about the component — the same kind of row the accordion probe corrected. Nested
+the way its factories require, every piece commits and renders.
+
+`data/slider-verification.csv`: 19 checks across two sliders, all passing.
+
+## The shape
+
+```json
+{"type": "slider",
+ "data": {"animation": "slide", "duration": "650", "easing": "ease",
+          "isAutoplay": "1", "autoplayDelay": "2200", "autoplayLimit": "0",
+          "isCarousel": "0", "defaultSlideIndex": "0", "ariaLabel": "…"},
+ "children": [
+   {"type": "slider-slides", "children": [
+       {"type": "slider-slide",
+        "data": {"image": "wp-attachment://image/5/full/…", "useAsBackground": "1",
+                 "alt": "…", "title": "ONE", "positionX": "50%", "positionY": "50%"},
+        "children": [ … the caption, which rides inside the slide … ]},
+       …]},
+   {"type": "slider-navigation", "children": [
+       {"type": "slider-navigation-bullet"}]},        // ONE - see below
+   {"type": "slider-arrow-left"},
+   {"type": "slider-arrow-right"}]}
+```
+
+`animation` is `slide` | `crossFade` | `fadeOut` | `fadeOver`. `autoplayLimit` is how
+many rounds autoplay runs before it stops, `0` meaning no limit. `isCarousel` shows
+more than one slide at a time *and* is what lets the ends wrap.
+
+## Two things the markup does not announce
+
+**A `slider-navigation-bullet` is a TEMPLATE.** You author one; Mosaic repeats it
+once per slide. Every copy carries the **same id** — three `id="sl-dot-0"` in one
+document — and only the `aria-label` differs, which Mosaic takes from each slide's
+own `title`. Author three bullets and you get three templates. So address a bullet
+by position inside `mosaic-slider-navigation`, never by attrID, and do not expect
+the id to identify one.
+
+**An arrow hides itself at the end it cannot pass.** `Slider.js` adds
+`m-slider-arrow--hidden` when the index is 0 (prev) or the last (next), unless the
+slider is a carousel. Autoplay on a non-carousel parks the slider on the last slide,
+so by the time a test reaches for `next` it is legitimately gone — go back to the
+first slide before asking an arrow to move anything. The hidden state is a real
+style state (`___arrow_hidden` in `data/style-states.csv`), so it can be styled.
+
+A slide's own `attrID` lands on the inner `.m-slide-content`, not on the
+`<mosaic-slider-slide>` host, and a slide using its image as a background puts an
+`<img>` before that div.
+
+## What it does, measured
+
+| | |
+|---|---|
+| advances | reached all 3 slides unaided at the declared 2200ms |
+| arrows | `role="button" tabindex="0"` with a localised `aria-label`; next and prev each moved it |
+| bullets | `role="button" tabindex="0"`, labelled from the slide titles; clicking one goes to that slide |
+| keyboard | focusing a bullet and pressing Enter moves the slider — the runtime wires it, a `tabindex` alone would not |
+| track | `<mosaic-slider-slides>` with `aria-live` — `off` while autoplaying, `polite` when it is not |
+| reduced motion | **it holds still on its own.** Mosaic stops the autoplay; the author does not have to |
+
+The carousel (`crossFade`, `isCarousel: "1"`, autoplay off) stayed on slide 0 for
+2.6s unaided, which is the other half of the same claim: autoplay is the only thing
+that moves a slider by itself.
+
+## Verifying one
+
+```bash
+python tools/verify_slider.py --url https://site/page/ --slider sl-main \
+    --autoplay 2200 --csv data/slider-verification.csv
+```
+
+Everything is addressed by position inside the slider, for the reasons above.
+"Which slide is current" is what the tool reads, because `slide` and `crossFade`
+drive transforms and opacities completely differently and that is the one thing
+both agree on.

package/{bin → scripts}/check-release.mjs

@@ -2,16 +2,16 @@
 /**
  * Refuse to publish a package that does not hold together.
  *
- *   node bin/check-release.mjs
+ *   node scripts/check-release.mjs
  *
  * Runs as `preversion` and again as `prepublishOnly`, so a release cannot be cut or
  * pushed while any of this is false. Exits non-zero with the reason.
  *
- * The version number exists in three places - package.json, the SKILL.md
- * frontmatter an agent reads, and the frontmatter each platform template writes on
- * install. Nothing keeps them together on its own, and a skill that reports a
- * version it is not is worse than one that reports none. `npm version` runs
- * sync-version.mjs to write all three; this asserts it worked.
+ * The version number exists in four places - package.json, the SKILL.md
+ * frontmatter an agent reads, the frontmatter each platform template writes on
+ * install, and the Claude plugin manifest. Nothing keeps them together on its own,
+ * and a skill that reports a version it is not is worse than one that reports none.
+ * `npm version` runs sync-version.mjs to write all four; this asserts it worked.
  *
  * It also checks that every path in package.json `files` exists, that the data files
  * the skill's own claims rest on are present and non-trivial, and that the
@@ -49,6 +49,20 @@ for (const f of fs.readdirSync(platDir).filter((x) => x.endsWith(".json"))) {
     fail(`${f} still names another skill`);
 }
 
+// The Claude plugin manifest carries the version too: the plugin directory lists it
+// and Claude Code pins installs to it, so a stale one serves an old version.
+const manPath = path.join(ROOT, ".claude-plugin", "plugin.json");
+if (!fs.existsSync(manPath)) fail(".claude-plugin/plugin.json missing");
+else {
+  const man = JSON.parse(fs.readFileSync(manPath, "utf8"));
+  if (man.version !== want) fail(`.claude-plugin/plugin.json version ${man.version} != ${want}`);
+  if (man.name !== pkg.name) fail(`.claude-plugin/plugin.json name ${man.name} != ${pkg.name}`);
+}
+// A top-level bin/ goes on the Bash PATH while the plugin is enabled, and claude.ai
+// and Cowork refuse to install a plugin that has one. The npm entry points live in
+// scripts/ for that reason.
+if (fs.existsSync(path.join(ROOT, "bin"))) fail("a top-level bin/ makes claude.ai and Cowork refuse the plugin - keep scripts in scripts/");
+
 // ---------- everything the package claims to ship actually exists -----------
 
 // `files` entries are globs, not paths - a directory shipped whole is the mistake
@@ -78,13 +92,16 @@ const counts = {
   "data/node-verification.csv": 126,
   "data/style-verification.csv": 98,
   "data/node-property-verification.csv": 191,
-  "data/rwd-verification.csv": 731,
-  "data/browser-verification.csv": 3988,
+  "data/rwd-verification.csv": 733,
+  "data/browser-verification.csv": 4132,
   "data/style-state-verification.csv": 52,
   "data/interaction-verification.csv": 7,
   "data/data-class-hierarchy.csv": 125,
   "data/custom-fields-verification.csv": 62,
   "data/dialog-verification.csv": 19,
+  "data/slider-verification.csv": 19,
+  "data/navigation-verification.csv": 27,
+  "data/page-modal-verification.csv": 19,
 };
 for (const [file, expected] of Object.entries(counts)) {
   if (!fs.existsSync(path.join(ROOT, file))) { fail(`${file} missing`); continue; }

package/{bin → scripts}/sync-version.mjs

@@ -2,16 +2,17 @@
 /**
  * Write package.json's version into every other place that carries one.
  *
- *   node bin/sync-version.mjs
+ *   node scripts/sync-version.mjs
  *
  * Runs from the `version` npm lifecycle script, after npm has bumped package.json
  * and before it makes the commit and the tag - so the tagged commit already has all
- * three versions agreeing, and `npm version patch` is the only command anyone has to
+ * four versions agreeing, and `npm version patch` is the only command anyone has to
  * remember.
  *
  * Targets:
  *   SKILL.md                              frontmatter `version:`
  *   assets/templates/platforms/*.json     frontmatter.version, where present
+ *   .claude-plugin/plugin.json            version (the Claude plugin directory reads it)
  *
  * check-release.mjs asserts afterwards that this worked, so a silent miss here
  * cannot reach npm.
@@ -60,4 +61,15 @@ for (const f of fs.readdirSync(platDir).filter((x) => x.endsWith(".json"))) {
   }
 }
 
+// Claude plugin manifest - the directory listing and Claude Code's version pinning read it
+const manPath = path.join(ROOT, ".claude-plugin", "plugin.json");
+if (fs.existsSync(manPath)) {
+  const man = JSON.parse(fs.readFileSync(manPath, "utf8"));
+  if (man.version !== v) {
+    man.version = v;
+    fs.writeFileSync(manPath, JSON.stringify(man, null, 2) + "\n");
+    touched.push(".claude-plugin/plugin.json");
+  }
+}
+
 console.log(`synced v${v} into ${touched.length} file(s): ${touched.join(", ") || "none"}`);