mosaic-headless 1.3.0 → 1.5.0

package/README.ja.md

@@ -29,6 +29,7 @@ fractional-index の文字列。エディタはこのモデルの一クライア
 python tools/mo.py type accordion-content   # 1 つの型を、全ライブスイープに接続して表示
 python tools/mo.py check div text button    # 危険な型・未知の型があれば exit 1
 python tools/mo.py style --grouped          # 単独設定では必ず効かない 20 個
+python tools/mo.py states --verified        # 実測でコンパイルされた状態だけ
 ```
 
 そのうえでページを見る。Mosaic の失敗の仕方は 4 通りあり、
@@ -59,7 +60,10 @@ URL に対応するテンプレなし   HTTP 406、未ログインには空の b
 | **スタイルプロパティ** | 98 / 98 を実ページに書き、コンパイル済み CSS と照合：58 COMPILED、18 ABSENT、21 SKIPPED |
 | **ノードプロパティ** | 181 / 181 を、各プロパティ自身の validator chain から導いた値で再測定：35 APPLIED、42 NO_EFFECT、55 NO_HOST、47 SKIPPED |
 | **レスポンシブ** | 2 サイト計 576 件の `_t`/`_m` 宣言を、サイトが実際に配信したスタイルシートに対して 1 件ずつ断言 — 全件検証済み |
-| **ブラウザ** | 配信されたページを Chromium の 3 つのビューポートで計算スタイル 2,237 件読み取り：1,661 件が一致、576 件は比較不能として明示、**上書き 0 件** |
+| **スタイル状態** | 53 状態のうち 52 を実ページに書き、テーブルが約束するセレクタと照合：**36 件が完全一致**、12 件 NO_HOST、3 件 SKIPPED、1 件 BROKE_PAGE。どの要素にも使えるグローバル 7 状態はすべて検証済み |
+| **インタラクション** | JS アニメーション経路を、ネガティブコントロール付きで保存行を読み戻しながら検証：`propertyMetas` は**受理され保存される**。プロパティ値は依然としてバインドされないが、その境界は厳密になった |
+| **入場アニメーション** | ページ読み込み後の 10 時点をサンプリングし 7 項目を断言 — 再生されること、アニメーションする `@property` カウンタが 100 に達すること、ベールがヒットテストから外れること、ビューポート内に opacity 0 のまま取り残された要素がないこと、実際のクリックが文書に届くこと、そして `prefers-reduced-motion` ではベールがそもそも存在しないこと |
+| **ブラウザ** | 配信されたページを Chromium の 3 つのビューポートで計算スタイル 2,282 件読み取り：1,676 件が一致、606 件は比較不能として明示、**上書き 0 件** |
 | **デザイン監査** | コントラスト、フォントフォールバック、CJK の字送り、横溢れ、テキストの切れ、1 行の文字数 — ブラウザ上で実行、**指摘 0 件** |
 | **テーマの書き出し／読み込み** | 往復検証済み：テーマ全体を書き出し、コピーとして読み込み、そのコピーがバイト単位で同一のページを配信 |
 | **実測** | REST ルート 114、element class 151、条件サブジェクト 59、23 テーブル / 206 カラム |

package/README.ko.md

@@ -29,6 +29,7 @@ fractional-index 문자열이다. 에디터는 이 모델의 한 클라이언트
 python tools/mo.py type accordion-content   # 타입 하나를 모든 라이브 스윕과 연결해 출력
 python tools/mo.py check div text button    # 위험하거나 존재하지 않는 타입이면 exit 1
 python tools/mo.py style --grouped          # 단독으로 설정하면 반드시 무효인 20개
+python tools/mo.py states --verified        # 실측으로 컴파일이 확인된 상태만
 ```
 
 그리고 페이지를 확인한다. Mosaic의 실패 방식은 네 가지이고,
@@ -59,7 +60,10 @@ URL에 맞는 템플릿 없음      HTTP 406, 로그인하지 않은 사용자
 | **스타일 속성** | 98 / 98을 실제 페이지에 쓰고 컴파일된 CSS와 대조: 58 COMPILED, 18 ABSENT, 21 SKIPPED |
 | **노드 속성** | 181 / 181을 각 속성 자신의 validator chain에서 도출한 값으로 재측정: 35 APPLIED, 42 NO_EFFECT, 55 NO_HOST, 47 SKIPPED |
 | **반응형** | 두 사이트 합쳐 576개의 `_t`/`_m` 선언을, 사이트가 실제로 내보낸 스타일시트에 대해 하나씩 단언 — 전부 검증됨 |
-| **브라우저** | 전달된 페이지를 Chromium의 세 가지 뷰포트에서 계산 스타일 2,237건 판독: 1,661건 일치, 576건은 비교 불가로 명시, **덮어쓰기 0건** |
+| **스타일 상태** | 53개 상태 중 52개를 실제 페이지에 쓰고 표가 약속한 셀렉터와 대조: **36개가 정확히 일치**, 12개 NO_HOST, 3개 SKIPPED, 1개 BROKE_PAGE. 어떤 요소에나 쓸 수 있는 전역 7개 상태는 전부 검증됨 |
+| **인터랙션** | JS 애니메이션 경로를 음성 대조군과 함께, 저장된 행을 되읽으며 검증: `propertyMetas`는 **수용되고 저장된다**. 속성 값은 여전히 바인딩되지 않지만 그 경계는 이제 정확하다 |
+| **인트로 애니메이션** | 페이지 로드 후 10개 시점을 샘플링해 7가지를 단언 — 재생될 것, 애니메이션되는 `@property` 카운터가 100에 도달할 것, 베일이 히트 테스트에서 빠질 것, 뷰포트 안에 opacity 0으로 갇힌 요소가 없을 것, 실제 클릭이 문서에 닿을 것, 그리고 `prefers-reduced-motion`에서는 베일이 아예 존재하지 않을 것 |
+| **브라우저** | 전달된 페이지를 Chromium의 세 가지 뷰포트에서 계산 스타일 2,282건 판독: 1,676건 일치, 606건은 비교 불가로 명시, **덮어쓰기 0건** |
 | **디자인 감사** | 명암비, 폰트 폴백, CJK 자간, 가로 넘침, 텍스트 잘림, 한 줄 글자 수 — 브라우저에서 실행, **지적 0건** |
 | **테마 내보내기/가져오기** | 왕복 검증: 테마 전체를 내보내 사본으로 가져왔고, 사본이 바이트 단위로 동일한 페이지를 제공 |
 | **실측** | REST 라우트 114개, element class 151개, 조건 주체 59개, 23개 테이블 / 206개 컬럼 |

package/README.md

@@ -29,6 +29,7 @@ reduces the whole public page to a 54-byte error string.
 python tools/mo.py type accordion-content   # one type, joined to every live sweep
 python tools/mo.py check div text button    # exits 1 on an unsafe or unknown type
 python tools/mo.py style --grouped          # the 20 that are inert set on their own
+python tools/mo.py states --verified        # the states measured to compile
 ```
 
 Then check the page. Mosaic has four failure modes and **only one of them changes the
@@ -60,7 +61,10 @@ factories, so Pro types register and render regardless.
 | **style properties** | 98 / 98 written to a live page and checked against the compiled CSS: 58 COMPILED, 18 ABSENT, 21 SKIPPED |
 | **node properties** | 181 / 181 re-probed with a value shaped by each property's own validator chain: 35 APPLIED, 42 NO_EFFECT, 55 NO_HOST, 47 SKIPPED |
 | **responsive** | 576 `_t`/`_m` declarations across two sites asserted against the stylesheet the site actually served — all verified |
-| **browser** | 2,237 computed-style readings on the delivered page in Chromium at three viewports: 1,661 compared and agreed, 576 not-comparable and labelled, **0 overridden** |
+| **style states** | 52 of the 53 states written to a live page and matched against the selector the table promises: **36 compiled exactly**, 12 NO_HOST, 3 SKIPPED, 1 BROKE_PAGE. All seven globally usable states verified |
+| **interactions** | the JS animation path probed with negative controls and the row read back: `propertyMetas` **is** accepted and stored; the property values still do not bind, and the boundary is now exact |
+| **entrance animation** | the page-load sequence sampled at ten timestamps and asserted on seven counts — it plays, its animated `@property` counter reaches 100, the veil leaves hit-testing, nothing in the viewport is stranded at opacity 0, a real click reaches the document, and under `prefers-reduced-motion` the veil never exists at all |
+| **browser** | 2,282 computed-style readings on the delivered page in Chromium at three viewports: 1,676 compared and agreed, 606 not-comparable and labelled, **0 overridden** |
 | **design audit** | contrast, font fallback, CJK tracking, overflow, clipped text, line measure — run in the browser, **0 findings** |
 | **theme export/import** | round-tripped: a full theme exported, re-imported as a copy, and the copy served byte-identical pages |
 | **measured live** | 114 REST routes, 151 element classes, 59 condition subjects, 23 tables / 206 columns |

package/README.zh-TW.md

@@ -25,6 +25,7 @@ Mosaic 把一個頁面放在 **23 張自訂資料表**裡，不在 `post_content
 python tools/mo.py type accordion-content   # 一個型別，接上所有線上掃描結果
 python tools/mo.py check div text button    # 型別不安全或不存在就 exit 1
 python tools/mo.py style --grouped          # 那 20 個單獨設定必然無效的屬性
+python tools/mo.py states --verified        # 實測會編譯出來的狀態
 ```
 
 然後去看頁面。Mosaic 有四種失效模式，**其中只有一種會改變 HTTP 狀態碼**：
@@ -52,7 +53,10 @@ commit 時 PHP fatal   HTTP 500  （122 種型別裡有 15 種，光放在 div
 | **樣式屬性** | 98 / 98 寫進真實頁面並對照編譯後的 CSS：58 COMPILED、18 ABSENT、21 SKIPPED |
 | **節點屬性** | 181 / 181，用每個屬性自己的 validator chain 推導出的值重測：35 APPLIED、42 NO_EFFECT、55 NO_HOST、47 SKIPPED |
 | **響應式** | 兩個站共 576 條 `_t`/`_m` 宣告，對照網站實際送出的樣式表逐條斷言——全數通過 |
-| **瀏覽器** | 在 Chromium 三個視窗寬度上對交付頁面做 2,237 次計算樣式讀取：1,661 條比對相符、576 條標為無法比對、**0 條被覆蓋** |
+| **樣式狀態** | 53 個狀態中的 52 個寫進真實頁面，對照表格承諾的選擇器逐一比對：**36 個完全吻合**、12 個 NO_HOST、3 個 SKIPPED、1 個 BROKE_PAGE。七個可用於任何元素的狀態全數驗證 |
+| **互動動畫** | 帶負對照組並讀回儲存列來探測 JS 動畫路徑：`propertyMetas` **確實**會被接受並儲存；屬性值仍然無法綁定，但界線現在很精確 |
+| **入口動畫** | 在載入後十個時間點取樣並做七項斷言——它有播、被動畫的 `@property` 計數器跑到 100、遮罩退出點擊判定、視窗內沒有任何內容卡在 opacity 0、真實點擊落在文件上，而在 `prefers-reduced-motion` 下遮罩根本不存在 |
+| **瀏覽器** | 在 Chromium 三個視窗寬度上對交付頁面做 2,282 次計算樣式讀取：1,676 條比對相符、606 條標為無法比對、**0 條被覆蓋** |
 | **設計稽核** | 對比度、字體回退、CJK 字距、水平溢出、文字裁切、每行字數——在瀏覽器裡跑，**0 項發現** |
 | **主題匯出／匯入** | 完整來回驗證：匯出整個主題、以副本身分匯入，副本送出的頁面逐位元組相同 |
 | **線上量測** | 114 條 REST 路由、151 個 element class、59 個條件主體、23 張表 / 206 個欄位 |

package/SKILL.md

@@ -4,7 +4,7 @@ description: |
   Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface with `mo.py`, which joins every source table to the live sweeps so a lookup leads with the measured verdict rather than the declaration (122 node types, 181 properties, 98 style properties with 20 structured value shapes pinned down, 53 style states, 151 element classes, 74 dynamic variables, 12 interaction triggers, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, the design-token and element-class layers verified against compiled CSS, the @VAR() dynamic language verified against rendered output, nine designed pages built through the tables themselves, and the delivered page re-read in Chromium at three viewports so a rule that is present, correct and still wrong cannot pass.
 license: "MIT"
 author: "moksa (https://moksaweb.com)"
-version: "1.3.0"
+version: "1.5.0"
 ---
 
 # Headless Mosaic
@@ -38,6 +38,7 @@ python tools/mo.py props --shared           # the ones every element carries
 python tools/mo.py style --grouped          # the 20 that are inert set on their own
 python tools/mo.py css border-radius        # which Mosaic key drives this CSS
 python tools/mo.py states --grep hover      # state IDs and their selector templates
+python tools/mo.py states --verified        # only the ones measured to compile
 python tools/mo.py vars --namespace post    # the @VAR() surface
 python tools/mo.py classes --grep Heading   # element classes (theme-global)
 python tools/mo.py routes --grep template
@@ -139,9 +140,31 @@ PROPERTIES   170 probes over the declared property surface, each value asserted
              against the delivered markup and the compiled CSS separately.
              data/property-verification.csv
 
-BROWSER      2,237 computed-style readings on the delivered page in Chromium, at
+STATES       52 of the 53 style states written to a live page and matched against
+             the selector `data/style-states.csv` promises: 36 COMPILED exactly,
+             1 BROKE_PAGE, 12 NO_HOST (their node type cannot be committed safely),
+             3 SKIPPED. All seven globally usable states verified - and the
+             pseudo-classes are emitted UPPERCASE (`.M_EL9:HOVER`), so grepping a
+             stylesheet for `:hover` finds nothing. data/style-state-verification.csv
+
+INTERACTION  the JS animation path, probed with negative controls and the row read
+             back: `propertyMetas` IS accepted and stored (the earlier claim that it
+             never survived was wrong), `uuid` per item is optional on create and
+             required on update, and the property VALUES still do not bind - not on
+             a second commit, not on one that changes `propertyMetas/order`, and not
+             written straight into the table with caches flushed.
+             data/interaction-verification.csv
+
+INTRO        the page-load sequence sampled at ten timestamps across its life and
+             asserted on seven counts - it plays, the animated `@property` counter
+             reaches 100, the veil leaves hit-testing, no in-viewport content is
+             stranded at opacity 0, a real click reaches the document, and under
+             `prefers-reduced-motion` the veil never exists at all. All pass.
+             data/intro-verification.csv
+
+BROWSER      2,282 computed-style readings on the delivered page in Chromium, at
              three viewports: every declared property vs `getComputedStyle` on the
-             node it targets. 1,661 compared and agreed, 576 not-comparable and
+             node it targets. 1,676 compared and agreed, 606 not-comparable and
              labelled as such, 0 overridden. Plus a design audit that only a browser
              can run - font fallback, tracking against script, text contrast,
              horizontal overflow, clipped text, line measure - currently 0 findings.
@@ -232,9 +255,17 @@ so the pattern is in the data, not just in this paragraph.
   All four are real entries in `data/style-properties.csv`, under `gridChildPosition`.
   Measured: 16 `gridColumnStart` declarations committed, zero occurrences of
   `grid-column` in the delivered CSS. Change the template; you cannot place a child.
-- **Interaction property binding is unsolved.** The trigger, action slot and keyframe
-  timing all reach the browser; `propertyMetas` and per-keyframe `properties` do not.
-  Animate with the CSS transition/state path, which is fully verified.
+- **Interaction property binding is unsolved, but the boundary is now exact.** The
+  trigger, action slot, keyframe timing **and `propertyMetas`** all reach the
+  browser - the earlier claim that `propertyMetas` never survived was wrong, and the
+  missing field was the per-item `uuid` a `DataArray` needs. What still does not bind
+  is `initial` and the keyframes' `properties`, and not for want of the right shape:
+  they are absent after a second commit, after one that changes `propertyMetas/order`,
+  and after writing them **straight into `wp_mosaic_nodes` with every cache flushed**.
+  The gate is `KeyframePropertiesDataSub::exportForInteraction()`, which emits only
+  properties whose descriptor exists, and those are created during sync on a
+  `DataMeta` that starts empty. Animate with the CSS state path, which is fully
+  verified: 36 of 37 probed states compile to exactly the promised selector.
 - Committing a **condition** has not been driven end to end. The grammar in
   `references/templates-and-conditions.md` is read from source and from the live
   metas; an element carrying one rendered as hidden, which is consistent with the
@@ -280,9 +311,12 @@ so the pattern is in the data, not just in this paragraph.
 | `data/node-property-verification.csv` | 181 | **swept live** — each property probed with a value shaped by its own validator chain, on a type that declares it |
 | `data/style-verification.csv` | 98 | **swept live** — every style property written to a page and checked against the compiled CSS, with its group beside the result |
 | `data/rwd-verification.csv` | 576 | **checked live** - every `_t`/`_m` declaration vs the served stylesheet, with status per row |
-| `data/browser-verification.csv` | 2237 | **computed in Chromium** - declared vs `getComputedStyle` at three viewports, `not-comparable` labelled per row |
+| `data/browser-verification.csv` | 2282 | **computed in Chromium** - declared vs `getComputedStyle` at three viewports, `not-comparable` labelled per row |
 | `data/design-audit.csv` | 0 | **computed in Chromium** - contrast, font fallback, CJK tracking, overflow, measure. Empty means it ran and found nothing |
 | `data/data-class-hierarchy.csv` | 121 | source - every data class and its parent, so a type's inherited properties can be resolved |
+| `data/style-state-verification.csv` | 52 | **swept live** - each state written on a host of its own type and matched against its promised selector |
+| `data/interaction-verification.csv` | 7 | **probed live** - interaction animation shapes, with negative controls and the stored row beside the payload |
+| `data/intro-verification.csv` | 7 + 10 | **sampled live** - the entrance sequence over ten timestamps, plus the seven assertions about it |
 | `data/element-classes.csv` | 151 | **live** — the built-in class metas; their IDs are what an `elementClass` record must use |
 | `data/dynamic-variables.csv` | 74 | source — every `@VAR('ns/name')` expression, by namespace |
 | `data/evaluator-functions.csv` | 19 | source — the `@` functions with their arity |
@@ -383,9 +417,12 @@ post — `build_all.py` resets first for that reason.
 | `build_site.py` | a whole site: one master with the shell, one document per page |
 | `verify_rwd.py` | does every `_t`/`_m` declaration reach the served stylesheet? |
 | `verify_browser.py` | does the **browser** compute what the stylesheet promised - and does the result pass a design audit? |
+| `verify_intro.py` | does the page-load animation play, and - the part that matters - does it END and hand the page back? |
 | `sweep_node_types.py` | commit every node type one per document and assert the delivered HTML |
 | `sweep_style_properties.py` | write every style property and check the compiled CSS |
 | `sweep_node_properties.py` | probe every node property with a value from its own validator chain |
+| `sweep_style_states.py` | write every style state and check the selector it compiled to |
+| `sweep_interactions.py` | which interaction animation shapes survive to the frontend payload |
 | `theme_export.php` / `theme_import.php` | move a whole theme across installs, ids intact |
 | `copy_styles.py` | push one node's style onto others, by attrID or prefix |
 | `bootstrap_probe_theme.php` | a licence-free scratch theme |
@@ -410,9 +447,14 @@ python tools/sweep_node_types.py --config sweep.json --setup
 python tools/sweep_node_types.py --config sweep.json --sweep --edition all
 python tools/sweep_properties.py --config sweep.json
 python tools/verify_rwd.py --config sweep.json --site sites/moksa.json --csv data/rwd-verification.csv
-python tools/verify_browser.py --config sweep.json --site sites/moksa.json     --csv data/browser-verification.csv --audit data/design-audit.csv
+python tools/verify_browser.py --config sweep.json --site sites/moksa.json \
+    --csv data/browser-verification.csv --audit data/design-audit.csv
+python tools/verify_intro.py --config sweep.json --site sites/moksa.json \
+    --csv data/intro-verification.csv --frames shots/intro/
 python tools/sweep_style_properties.py --config sweep.json --page moksa --csv data/style-verification.csv
 python tools/sweep_node_properties.py  --config sweep.json --page moksa --csv data/node-property-verification.csv
+python tools/sweep_style_states.py --config sweep.json --post 20 --slug probe-lab     --csv data/style-state-verification.csv
+python tools/sweep_interactions.py --config sweep.json --post 20 --slug probe-lab     --csv data/interaction-verification.csv
 wp eval-file tools/theme_export.php active > theme.json
 wp eval-file tools/theme_import.php theme.json "Copy" rebind activate
 python tools/probe.py --config lab.json --cases cases.json   # ad-hoc measurement

package/assets/templates/platforms/claude-ai.json

@@ -20,7 +20,7 @@
     "description": "Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface (122 node types, 181 node properties, 98 style properties, 53 style states, 151 element classes, 74 dynamic variables, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, every style and node property swept against the compiled CSS and markup, and 569 responsive declarations checked against the stylesheet the site actually served.",
     "license": "MIT",
     "author": "moksa (https://moksaweb.com)",
-    "version": "1.3.0"
+    "version": "1.5.0"
   },
   "loaderBehaviour": "Upload via Settings -> Skills -> Upload. Claude.ai parses SKILL.md frontmatter and surfaces the skill in your library. The extraction tool (extract-block-schema.php) needs a live WP-CLI connection and won't run in the sandbox; use it from a local terminal against your own site instead.",
   "uploadSteps": [

package/assets/templates/platforms/claude-code.json

@@ -20,7 +20,7 @@
     "description": "Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface (122 node types, 181 node properties, 98 style properties, 53 style states, 151 element classes, 74 dynamic variables, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, every style and node property swept against the compiled CSS and markup, and 569 responsive declarations checked against the stylesheet the site actually served.",
     "license": "MIT",
     "author": "moksa (https://moksaweb.com)",
-    "version": "1.3.0"
+    "version": "1.5.0"
   },
   "loaderBehaviour": "Auto-loads on session start when SKILL.md frontmatter parses successfully.",
   "verified": true,

package/assets/templates/platforms/codex-cli.json

@@ -20,7 +20,7 @@
     "description": "Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface (122 node types, 181 node properties, 98 style properties, 53 style states, 151 element classes, 74 dynamic variables, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, every style and node property swept against the compiled CSS and markup, and 569 responsive declarations checked against the stylesheet the site actually served.",
     "license": "MIT",
     "author": "moksa (https://moksaweb.com)",
-    "version": "1.3.0"
+    "version": "1.5.0"
   },
   "loaderBehaviour": "Confirmed (2026-07-11): Codex CLI natively supports the SKILL.md spec. Place SKILL.md under .codex/skills/<name>/ (project) or ~/.codex/skills/<name>/ (personal) and Codex loads the name+description at session start, then the full body on demand. A parallel, broader convention .agents/skills/ (searched from cwd up to repo root, then ~/.agents/skills/) also exists across multiple tools - if your Codex CLI version prioritizes that path instead, mirror the same SKILL.md there.",
   "verified": true,

package/assets/templates/platforms/copilot.json

@@ -20,7 +20,7 @@
     "description": "Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface (122 node types, 181 node properties, 98 style properties, 53 style states, 151 element classes, 74 dynamic variables, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, every style and node property swept against the compiled CSS and markup, and 569 responsive declarations checked against the stylesheet the site actually served.",
     "license": "MIT",
     "author": "moksa (https://moksaweb.com)",
-    "version": "1.3.0"
+    "version": "1.5.0"
   },
   "loaderBehaviour": "CHANGED as of 2026-07-11: GitHub Copilot added a proper '.github/skills/' Agent Skills directory (December 2025), alongside the older single-file .github/copilot-instructions.md convention. This config targets the new skills-directory form. If your Copilot version predates this (pre Dec 2025), use the instructions-append fallback instead (see fallback below).",
   "fallback": {

package/assets/templates/platforms/gemini-cli.json

@@ -20,7 +20,7 @@
     "description": "Build and modify Mosaic Pro (Nextend) sites by writing the underlying data model directly - no visual editor, no DOM. Query the real surface (122 node types, 181 node properties, 98 style properties, 53 style states, 151 element classes, 74 dynamic variables, 114 REST routes, 23 tables) instead of guessing, with every node type placed on a live site one at a time and asserted against the delivered HTML, every style and node property swept against the compiled CSS and markup, and 569 responsive declarations checked against the stylesheet the site actually served.",
     "license": "MIT",
     "author": "moksa (https://moksaweb.com)",
-    "version": "1.3.0"
+    "version": "1.5.0"
   },
   "loaderBehaviour": "CHANGED as of 2026-07-11: Gemini CLI now natively supports the same SKILL.md standard as Claude Code and Codex CLI - the same directory-based skill works unmodified. Gemini CLI discovers skills in this precedence order: built-in, extension skills, ~/.gemini/skills/ (personal), .gemini/skills/ (project, shared via version control). At session start Gemini injects each discovered skill's name+description into the system prompt and calls activate_skill when a task matches.",
   "verified": true,

package/bin/check-release.mjs

@@ -79,7 +79,9 @@ const counts = {
   "data/style-verification.csv": 98,
   "data/node-property-verification.csv": 181,
   "data/rwd-verification.csv": 576,
-  "data/browser-verification.csv": 2237,
+  "data/browser-verification.csv": 2282,
+  "data/style-state-verification.csv": 52,
+  "data/interaction-verification.csv": 7,
   "data/data-class-hierarchy.csv": 121,
 };
 for (const [file, expected] of Object.entries(counts)) {
@@ -108,6 +110,18 @@ if (browser.includes("OVERRIDDEN"))
 
 // The design audit ships even when it is empty, and empty has to mean "ran and found
 // nothing" rather than "was never run", so the header alone is the proof.
+// The intro table is two tables in one file - the checks and the timeline readings -
+// so a row count says nothing useful about it. What matters is that every check
+// passed, because a shipped example whose entrance animation never lifts is a blank
+// page for every visitor.
+const intro = read("data/intro-verification.csv");
+if (!intro.startsWith("check,result,detail"))
+  fail("data/intro-verification.csv is not the table verify_intro.py writes");
+for (const need of ["PLAYS", "ENDS", "NO_TRAP", "CLEARS", "DEGRADES"])
+  if (!new RegExp(`^${need},PASS`, "m").test(intro))
+    fail(`intro-verification.csv: ${need} did not pass`);
+if (/,FAIL,/.test(intro)) fail("data/intro-verification.csv carries a failed check");
+
 const audit = read("data/design-audit.csv");
 if (!audit.startsWith("url,breakpoints,check,level"))
   fail("data/design-audit.csv is not the audit table verify_browser.py writes");

package/data/browser-verification.csv

@@ -352,6 +352,9 @@ https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-0,customStyles:animation-range,entry 2% cover 18%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,gridCols,160px 1fr,160px 1056px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,columnGap,24px,24px,ok
@@ -359,6 +362,9 @@ https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-1,customStyles:animation-range,entry 6% cover 22%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,gridCols,160px 1fr,160px 1056px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,columnGap,24px,24px,ok
@@ -366,6 +372,9 @@ https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-2,customStyles:animation-range,entry 10% cover 26%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,gridCols,160px 1fr,160px 1056px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,columnGap,24px,24px,ok
@@ -373,6 +382,9 @@ https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-3,customStyles:animation-range,entry 14% cover 30%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,gridCols,160px 1fr,160px 1056px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,columnGap,24px,24px,ok
@@ -380,6 +392,9 @@ https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_,mk-stack-4,customStyles:animation-range,entry 18% cover 34%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-head,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-head,gridCols,84px 1fr,84px 1156px,ok
 https://mosaic.moksaweb.com/moksa/,_,mk-stack-head,columnGap,0px,0px,ok
@@ -1096,6 +1111,9 @@ https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-0,customStyles:animation-range,entry 2% cover 18%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,gridCols,160px 1fr,160px 660px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,columnGap,24px,24px,ok
@@ -1103,6 +1121,9 @@ https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-1,customStyles:animation-range,entry 6% cover 22%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,gridCols,160px 1fr,160px 660px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,columnGap,24px,24px,ok
@@ -1110,6 +1131,9 @@ https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-2,customStyles:animation-range,entry 10% cover 26%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,gridCols,160px 1fr,160px 660px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,columnGap,24px,24px,ok
@@ -1117,6 +1141,9 @@ https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-3,customStyles:animation-range,entry 14% cover 30%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,gridCols,160px 1fr,160px 660px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,columnGap,24px,24px,ok
@@ -1124,6 +1151,9 @@ https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,paddingTop,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,paddingBottom,18px,18px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_t,mk-stack-4,customStyles:animation-range,entry 18% cover 34%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-head,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-head,gridCols,84px 1fr,84px 760px,ok
 https://mosaic.moksaweb.com/moksa/,_t,mk-stack-head,columnGap,0px,0px,ok
@@ -1841,6 +1871,9 @@ https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,paddingTop,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,paddingBottom,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,customStyles:animation-range,entry 2% cover 18%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-0,rowGap,10px,10px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,gridCols,1fr,354px,ok
@@ -1849,6 +1882,9 @@ https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,paddingTop,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,paddingBottom,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,customStyles:animation-range,entry 6% cover 22%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-1,rowGap,10px,10px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,gridCols,1fr,354px,ok
@@ -1857,6 +1893,9 @@ https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,paddingTop,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,paddingBottom,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,customStyles:animation-range,entry 10% cover 26%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-2,rowGap,10px,10px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,gridCols,1fr,354px,ok
@@ -1865,6 +1904,9 @@ https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,paddingTop,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,paddingBottom,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,customStyles:animation-range,entry 14% cover 30%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-3,rowGap,10px,10px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,gridCols,1fr,354px,ok
@@ -1873,6 +1915,9 @@ https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,alignItems,baseline,baseline,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,paddingTop,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,paddingBottom,16px,16px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,customStyles:border-top,"1px solid rgba(22,24,28,.16)",no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,customStyles:animation,mk-rise both,no computed value,not-comparable
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,customStyles:animation-timeline,view(),view(),ok
+https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,customStyles:animation-range,entry 18% cover 34%,no computed value,not-comparable
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-4,rowGap,10px,10px,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-head,display,grid,grid,ok
 https://mosaic.moksaweb.com/moksa/,_m,mk-stack-head,gridCols,48px 1fr,48px 306px,ok

package/data/interaction-verification.csv

@@ -0,0 +1,8 @@
+candidate,note,status,evidence,stored
+metas-with-uuid,the hypothesis: DataArray items carry their own uuid,TIMING_ONLY,"1 keyframes, no properties","stored: 1 metas, 0 property values"
+metas-without-uuid,NEGATIVE CONTROL - identical but the meta has no uuid,TIMING_ONLY,"1 keyframes, no properties","stored: 1 metas, 0 property values"
+properties-keyed-by-meta-uuid,"NEGATIVE CONTROL - properties keyed by the meta's uuid, not name",TIMING_ONLY,"1 keyframes, no properties","stored: 1 metas, 0 property values"
+no-initial,does the initial block have to be there?,TIMING_ONLY,"1 keyframes, no properties","stored: 1 metas, 0 property values"
+two-properties,"more than one meta, and a transform among them",TIMING_ONLY,"1 keyframes, no properties","stored: 2 metas, 0 property values"
+two-keyframes,a real timeline rather than a single step,TIMING_ONLY,"2 keyframes, no properties","stored: 1 metas, 0 property values"
+timed-trigger,the timed family rather than the progress family,NO_PAYLOAD,no entry for this trigger selector,"stored: 0 metas, 0 property values"

package/data/intro-verification.csv

@@ -0,0 +1,20 @@
+check,result,detail
+PLAYS,PASS,17 of 17 intro elements changed state
+COUNTS,PASS,--mk-n reached 100
+ENDS,PASS,veil is out of hit-testing from 3200ms
+NO_TRAP,PASS,"0 content elements still at opacity 0 in the viewport (34 below the fold awaiting their own scroll timeline, 1 mid-blink)"
+CLEARS,PASS,a real click landed on 'mk-caret-row'
+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
+350,0,visible,none,True,mk-boot,7
+700,56,visible,none,True,mk-boot,7
+1100,94,visible,none,True,mk-boot,7
+1500,100,visible,none,True,mk-boot,4
+1750,100,visible,inset(0px 0px 2.37106%),True,mk-boot,2
+2050,100,visible,inset(0px 0px 99.6708%),False,mk-caret-row,2
+2400,100,hidden,inset(0px 0px 100%),False,mk-caret-row,0
+3200,100,hidden,inset(0px 0px 100%),False,mk-caret-row,0
+4500,100,hidden,inset(0px 0px 100%),False,mk-caret-row,0

package/data/style-state-verification.csv

@@ -0,0 +1,53 @@
+state,scope,host,selector_template,status,evidence
+focus,global,div,&:FOCUS,COMPILED,.M_EL7:FOCUS
+focus-visible,global,div,&:FOCUS-VISIBLE,COMPILED,.M_EL8:FOCUS-VISIBLE
+hover,global,div,&:HOVER,COMPILED,.M_EL9:HOVER
+hover-on-link,global,div,":where(a[href]:not([disabled]),button:not([disabled])):HOVER &",COMPILED,":where(a[href]:not([disabled]),button:not([disabled])):HOVER .M_EL10"
+hover-on-tab,global,div,:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER &,COMPILED,:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER .M_EL11
+hover-tab,global,div,&:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER,COMPILED,.M_EL12:where(.M_EL_Tab:not(.M_EL_Tab--active)):HOVER
+hover-when-link,global,div,"&:where([tabindex]:not([tabindex=""-1""]),a[href]:not([disabled]),button:not([disabled])):HOVER",COMPILED,".M_EL13:where([tabindex]:not([tabindex=""-1""]),a[href]:not([disabled]),button:not([disabled"
+____loop_pagination_number--active,node-type,loop-pagination-number,&.M_EL_LoopPaginationNumber--active,NO_HOST,host loop-pagination-number is COMMIT_500 - committing it breaks the page
+____loop_pagination_number_ellipsis,node-type,loop-pagination-number,&.M_EL_LoopPaginationNumber_ellipsis,NO_HOST,host loop-pagination-number is COMMIT_500 - committing it breaks the page
+___arrow_hidden,node-type,,&:where(.M_EL_SliderArrow--hidden),SKIPPED,no node type declares Mosaic/NodeTypes/Pro/Slider/SliderArrow/SliderArrowElementTypeFactoryAbstract.php
+___checkbox-input--checked,node-type,checkbox-input,&:checked,NO_HOST,host checkbox-input is BROKE_PAGE - committing it breaks the page
+___checkbox-input--checkmark,node-type,checkbox-input,&:checked::before,NO_HOST,host checkbox-input is BROKE_PAGE - committing it breaks the page
+___choice--checked,node-type,choice,&:has(:where(input):checked),COMPILED,.M_EL7:has(:where(input):checked)
+___choice--checked-within,node-type,choice,.M_EL_Choice:where(:has(input:checked)) &,COMPILED,.M_EL_Choice:where(:has(input:checked)) .M_EL8
+___choice--focus-visible,node-type,choice,&:has(:where(input):focus-visible),COMPILED,.M_EL9:has(:where(input):focus-visible)
+___choice-field--invalid,node-type,choice-field,&:has(:user-invalid),COMPILED,.M_EL7:has(:user-invalid)
+___choice-field--invalid-within,node-type,choice-field,.M_EL_ChoiceField:where(:has(:user-invalid)) &,COMPILED,.M_EL_ChoiceField:where(:has(:user-invalid)) .M_EL10
+___dropdown--opening,node-type,,.M_EL_Dropdown:where(.dropdown--opening) &,SKIPPED,no node type declares Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
+___dropdown-toggle--current,node-type,dropdown-toggle,&.M_EL_DropdownToggle--current,COMPILED,.M_EL7.M_EL_DropdownToggle--current
+___dropdown-toggle--current-within,node-type,dropdown-toggle,".M_EL_Dropdown:where(:has(.M_EL_MenuLink--current,.M_EL_DropdownToggle--current)) > &",COMPILED,".M_EL_Dropdown:where(:has(.M_EL_MenuLink--current,.M_EL_DropdownToggle--current)) > .M_EL8"
+___field--focus-visible,node-type,field,"&:has(:where(input, textarea, select):focus-visible)",COMPILED,".M_EL7:has(:where(input, textarea, select):focus-visible)"
+___field--invalid,node-type,field,&:has(:user-invalid),COMPILED,.M_EL8:has(:user-invalid)
+___field--invalid-focus-visible,node-type,field,&:has(:user-invalid:focus-visible),COMPILED,.M_EL9:has(:user-invalid:focus-visible)
+___field--invalid-within,node-type,field,.M_EL_Field:where(:has(:user-invalid)) &,COMPILED,.M_EL_Field:where(:has(:user-invalid)) .M_EL10
+___field-set--invalid,node-type,fieldset,&:has(:user-invalid),COMPILED,.M_EL7:has(:user-invalid)
+___fileupload-input--selector-button,node-type,fileupload-input,&::file-selector-button,COMPILED,.M_EL7::file-selector-button
+___fileupload-input--selector-button-hover,node-type,fileupload-input,&::file-selector-button:hover,COMPILED,.M_EL8::file-selector-button:hover
+___form--error,node-type,form-wrapper,"&[data-form-state=""error""]",COMPILED,".M_EL7[data-form-state=""error""]"
+___form--invalid-within,node-type,form-wrapper,.M_EL_FormWrapper:where(:has(:user-invalid)) &,COMPILED,.M_EL_FormWrapper:where(:has(:user-invalid)) .M_EL10
+___input--placeholder,node-type,text-input,&.M_EL_InputText::placeholder,COMPILED,.M_EL7.M_EL_InputText::placeholder
+___loop_element_no_result,node-type,loop,&.M_EL_Loop--no-result,NO_HOST,host loop is COMMIT_500 - committing it breaks the page
+___loop_pagination_button--disabled,node-type,loop-pagination-button-next,&.M_EL_LoopPaginationButton--disabled,BROKE_PAGE,this host's page did not render
+___menu-link--current,node-type,menu-link,&.M_EL_MenuLink--current,COMPILED,.M_EL7.M_EL_MenuLink--current
+___navbar--dropdown-mode,node-type,navbar,"&:where(.M_EL_Navbar.dropdown-mode,.M_EL_Navbar.dropdown-mode &)",COMPILED,".M_EL7:where(.M_EL_Navbar.dropdown-mode,.M_EL_Navbar.dropdown-mode .M_EL7)"
+___navbar--opened,node-type,navbar,.dropdown-mode:where(.M_EL_Navbar.dropdown--opened) &,COMPILED,.dropdown-mode:where(.M_EL_Navbar.dropdown--opened) .M_EL8
+___navbar--opening,node-type,navbar,.dropdown-mode:where(.M_EL_Navbar.dropdown--opening) &,COMPILED,.dropdown-mode:where(.M_EL_Navbar.dropdown--opening) .M_EL9
+___nested_dropdown_mode,node-type,,"&:where(.dropdown-mode .M_EL_Navigation .M_EL_Dropdown &, .M_EL_Dropdown .M_EL_Dropdown &):not(x)",SKIPPED,no node type declares Mosaic/NodeTypes/Menu/Dropdown/DropdownElementTypeFactoryAbstract.php
+___radio-input--checked,node-type,radio-input,&:checked,NO_HOST,host radio-input is BROKE_PAGE - committing it breaks the page
+___radio-input--checkmark,node-type,radio-input,&:checked::before,NO_HOST,host radio-input is BROKE_PAGE - committing it breaks the page
+___select-input-option,node-type,select-input,"&.M_EL_Select:where(:has(option:not(:disabled):checked)), &.M_EL_Select :where(option)",COMPILED,".M_EL7.M_EL_Select:where(:has(option:not(:disabled):checked)), .M_EL7.M_EL_Select :where(o"
+___select-input-option--disabled,node-type,select-input,"&.M_EL_Select:where(:has(option:disabled:checked)), &.M_EL_Select :where(option:disabled)",COMPILED,".M_EL8.M_EL_Select:where(:has(option:disabled:checked)), .M_EL8.M_EL_Select :where(option:"
+___slide--active,node-type,slider-slide,.M_EL_SliderSlide--active > &,NO_HOST,host slider-slide is BROKE_PAGE - committing it breaks the page
+___slider_navigation_bullet--active,node-type,slider-navigation-bullet,&.M_EL_SliderNavigationBullet--active,NO_HOST,host slider-navigation-bullet is COMMIT_500 - committing it breaks the page
+___slider_navigation_bullet--hover,node-type,slider-navigation-bullet,&:not(.M_EL_SliderNavigationBullet--active):HOVER,NO_HOST,host slider-navigation-bullet is COMMIT_500 - committing it breaks the page
+___step--active,node-type,form-multi-steps-step,&.M_EL_Step--active,COMPILED,.M_EL7.M_EL_Step--active
+___step--active___descendants,node-type,form-multi-steps-step,.M_EL_Step--active &,COMPILED,.M_EL_Step--active .M_EL8
+___step--completed,node-type,form-multi-steps-step,&.M_EL_Step--completed,COMPILED,.M_EL9.M_EL_Step--completed
+___step--completed___descendants,node-type,form-multi-steps-step,.M_EL_Step--completed &,COMPILED,.M_EL_Step--completed .M_EL10
+___submit-button--busy,node-type,submit-button,"&[aria-busy=""true""]",COMPILED,".M_EL7[aria-busy=""true""]"
+___tab--active,node-type,tabs-tab,&.M_EL_Tab--active,NO_HOST,host tabs-tab is BROKE_PAGE - committing it breaks the page
+___tab--active___descendants,node-type,tabs-tab,.M_EL_Tab--active &,NO_HOST,host tabs-tab is BROKE_PAGE - committing it breaks the page
+___textarea-input--placeholder,node-type,textarea-input,&.M_EL_TextArea::placeholder,COMPILED,.M_EL7.M_EL_TextArea::placeholder

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mosaic-headless",
-  "version": "1.3.0",
+  "version": "1.5.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",