sbuilder-mcp 0.65.0 → 0.66.0

package/CHANGELOG.md

@@ -6,6 +6,33 @@ All notable changes to this project are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.66.0] - 2026-09-25
+
+### Added
+- `sb_add` can now create a satellite on its host — such as the `cart-count` badge on a cart icon — instead of refusing it as a non-container, and `sb_remove` removes one and clears the host's reference to it; the `cartCount` readiness remedy now names `sb_add`.
+- `sb_store` action `cart` now seeds the site's cart drawer in the site's own language, read from `settings.locale`, instead of always seeding English, falling back to English when no per-locale seed exists.
+- `sb_store` action `chrome` now builds a real site menu and wires the header to it — a hover/dropdown desktop menu hidden on mobile, a hamburger drawer holding its own vertical menu on mobile, an account icon to `/account`, and a cart icon carrying `open_cart` badged by `cart-count` — replacing the row of buttons `sb_review` itself flagged as `handbuilt_menu`; it also creates the site's cart drawer when the header's cart icon would otherwise open nothing.
+- `sb_review` warns once per site (`site_language`) when the page's copy doesn't match the site's `settings.locale`, and `sb_theme` gains a `locale` argument to set it.
+- `sb_publish` lists other pages with unpublished drafts as `unpublished_drafts`, and `publish_drafts: true` publishes them in the same call.
+- A page save now sends the draft's revision as `baseRev` and yields — re-pulling and rebasing — when the platform reports the draft moved underneath it (`source_stale`) or broadcasts a newer revision; it names the live peer on a save (`X-WB-Live-Peer`) only once every patch in that save is confirmed acknowledged by the room, so an editor tab with unsaved edits can adopt the save instead of quietly losing it later.
+
+### Changed
+- A page-document write that bypasses `sb_set` — a raw `sb_api_call` PUT, `sb_page_repair`, a version or history restore, or a `sb_store` flow — now reaches a live editor watching that page as ops and marks this session's own copy stale, instead of one side silently overwriting the other.
+- The generated catalog was regenerated against the platform: 120 elements and per-locale cart drawer seeds.
+
+### Fixed
+- Closed several races in the save-and-rebase path that could lose an edit under concurrent access: a 409 rebase no longer republishes ops already sent to the room, a finishing save no longer clears another in-flight save's slot, a peer's edit landing mid-save is no longer discarded by that save, a source frame arriving during a re-read is judged against the revision it actually reports, and an editor's own change is no longer mistaken for this session's unsaved edit.
+- Rejoining a live room no longer vouches for ops the previous room never acknowledged, and the auth/session frame is never reported as a snapshot provider (`noSnapshot`), closing two ways a stale save could be replayed under a peer's name.
+- `sb_theme`'s locale write no longer partially applies: it validates the language tag and reads settings before the theme PUT, tries the full settings body with every credential before falling back to a locale-only body, and writes the locale only after the theme save and every other check succeed.
+- `sb_store` action `chrome` no longer overwrites a merchant's fully-linked menu when a transient lookup failure makes it look unresolved, and now fills a reused placeholder menu (four `type:none` rows) in with real links instead of leaving it empty; its dry run now summarizes the cart drawer it would create instead of embedding the full seed document.
+- A product card's image now shows as one square thumbnail instead of a strip of three empty ones, and a category tile now binds `category.image` instead of the product-image binding it inherited from the generic media pattern.
+- `sb_review`'s `categoryScope` gap now fires only when the open page is the shared category template with every product repeater pinned to a named collection, not on every site with more than one category.
+- `sb_review`'s `order_goes_nowhere` gap now judges only the checkout form, no longer flagging every login, register, forgot-password, and reset-password page because the cart drawer composed onto them also holds a cart total.
+- A nested satellite given as part of a node spec is now seeded and attached correctly instead of being born bare or refused as a child of a non-container.
+- Every page `sb_page_create` and `sb_store` create now mints fresh node ids instead of shipping the codegen placeholder ids verbatim, so two pages of the same type no longer share ids.
+- `sb_page_state` now reports `canvas.minted_root` when a page's root node isn't called `ROOT`, warning that an older editor may paint it blank and autosave over it.
+- The page a `sb_store` action `form` flow creates now wears the site's global header and footer, matching pages created by `sb_page_create`.
+
 ## [0.65.0] - 2026-09-25
 
 ### Added

package/CHANGELOG.vi.md

@@ -6,6 +6,33 @@ Mọi thay đổi đáng chú ý của dự án được ghi lại trong file n
 Định dạng dựa trên [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 và dự án tuân theo [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.66.0] - 2026-09-25
+
+### Added
+- `sb_add` giờ có thể tạo một satellite trên host của nó — ví dụ badge `cart-count` trên icon giỏ hàng — thay vì từ chối vì host không phải container, và `sb_remove` xoá satellite đó và dọn tham chiếu trên host; remedy `cartCount` của readiness giờ chỉ đích danh `sb_add`.
+- Action `cart` của `sb_store` giờ gieo cart drawer của site bằng đúng ngôn ngữ của site, đọc từ `settings.locale`, thay vì luôn gieo bằng tiếng Anh, và rơi về tiếng Anh khi không có seed theo locale.
+- Action `chrome` của `sb_store` giờ tạo một site menu thật và nối header vào đó — menu desktop kiểu hover/dropdown ẩn trên mobile, một hamburger drawer chứa menu dọc riêng trên mobile, icon tài khoản trỏ tới `/account`, và icon giỏ hàng mang `open_cart` kèm badge `cart-count` — thay cho hàng nút bấm mà chính `sb_review` từng gắn cờ `handbuilt_menu`; nó cũng tạo cart drawer cho site khi icon giỏ hàng trên header sẽ mở ra không gì cả.
+- `sb_review` cảnh báo một lần cho mỗi site (`site_language`) khi nội dung trang không khớp `settings.locale` của site, và `sb_theme` có thêm tham số `locale` để đặt nó.
+- `sb_publish` liệt kê các trang khác đang có draft chưa publish dưới `unpublished_drafts`, và `publish_drafts: true` sẽ publish luôn các trang đó trong cùng lệnh gọi.
+- Một lần lưu trang giờ gửi revision của draft dưới dạng `baseRev` và nhường bước — đọc lại và rebase — khi nền tảng báo draft đã thay đổi bên dưới nó (`source_stale`) hoặc phát ra một revision mới hơn; nó chỉ đích danh live peer khi lưu (`X-WB-Live-Peer`) khi mọi patch trong lần lưu đó đã được phòng xác nhận, để một tab editor còn thay đổi chưa lưu có thể nhận lấy lần lưu này thay vì âm thầm mất nó sau đó.
+
+### Changed
+- Một lần ghi tài liệu trang không đi qua `sb_set` — một PUT thô qua `sb_api_call`, `sb_page_repair`, khôi phục version hoặc history, hay một flow của `sb_store` — giờ đến được với editor đang xem trang đó dưới dạng ops và đánh dấu bản sao của session này là cũ, thay vì bên này âm thầm ghi đè bên kia.
+- Catalog được sinh ra đã được làm mới dựa trên nền tảng: 120 element và cart drawer seed theo từng locale.
+
+### Fixed
+- Đã đóng một số race trong luồng lưu-và-rebase có thể làm mất một thay đổi khi truy cập đồng thời: một rebase sau lỗi 409 không còn gửi lại các ops đã gửi lên phòng, một lần lưu vừa hoàn tất không còn xoá slot in-flight của một lần lưu khác, một chỉnh sửa của peer đến giữa lúc đang lưu không còn bị lần lưu đó xoá mất, một source frame đến trong lúc đang đọc lại được xét đúng theo revision mà nó thực sự báo, và thay đổi của chính editor không còn bị nhầm là thay đổi cục bộ chưa lưu của session này.
+- Rejoin vào một phòng live không còn vouch cho các ops mà phòng cũ chưa từng ack, và frame auth/session không bao giờ bị báo là nơi cung cấp snapshot (`noSnapshot`), đóng lại hai cách một lần lưu cũ có thể bị phát lại dưới tên một peer.
+- Lần ghi locale của `sb_theme` không còn áp dụng nửa chừng: nó kiểm tra language tag và đọc settings trước khi PUT theme, thử toàn bộ settings body với từng credential trước khi rơi về body chỉ có locale, và chỉ ghi locale sau khi lần lưu theme và mọi kiểm tra khác thành công.
+- Action `chrome` của `sb_store` không còn ghi đè menu đã liên kết đầy đủ của merchant khi một lỗi lookup tạm thời khiến nó trông như chưa được liên kết, và giờ điền các liên kết thật vào một menu placeholder được dùng lại (bốn dòng `type:none`) thay vì để trống; dry run của nó giờ tóm tắt cart drawer sẽ tạo thay vì nhúng nguyên tài liệu seed.
+- Ảnh trên thẻ sản phẩm giờ hiển thị một thumbnail vuông duy nhất thay vì một dải ba ảnh trống, và ô category giờ bind `category.image` thay vì binding ảnh sản phẩm mà nó thừa hưởng từ pattern media chung.
+- Gap `categoryScope` của `sb_review` giờ chỉ nổ ra khi trang đang mở là category template dùng chung với mọi product repeater được ghim vào một collection có tên, không còn nổ ra trên mọi site có hơn một category.
+- Gap `order_goes_nowhere` của `sb_review` giờ chỉ xét form checkout, không còn gắn cờ mọi trang login, register, quên mật khẩu và đặt lại mật khẩu chỉ vì cart drawer được compose lên các trang đó cũng có cart total.
+- Một satellite lồng bên trong một node spec giờ được seed và gắn đúng cách thay vì sinh ra trống trơn hoặc bị từ chối vì host không phải container.
+- Mỗi lần tạo trang qua `sb_page_create` và `sb_store` giờ sinh id node mới thay vì dùng nguyên id placeholder từ codegen, nên hai trang cùng loại không còn trùng id.
+- `sb_page_state` giờ báo `canvas.minted_root` khi node root của một trang không mang tên `ROOT`, cảnh báo rằng một editor cũ hơn có thể vẽ trang đó trắng trơn và autosave đè lên nó.
+- Trang mà flow `form` của `sb_store` tạo ra giờ mang header và footer chung của site, khớp với các trang do `sb_page_create` tạo.
+
 ## [0.65.0] - 2026-09-25
 
 ### Added

package/README.md

@@ -98,7 +98,7 @@ in this client: one would put the very key the platform exists to hold back into
 | `sb_template_use` | Instantiate a template into a page |
 | `sb_page_list` | Every page on the site |
 | `sb_page_create` | Create a page — a store type arrives with the editor's own starting document; `type` is the route for checkout, product, category, post, course |
-| `sb_publish` | Compile the draft into the live page (cascades to shared globals), report which revision went live, and with `verify` check the origin is serving it |
+| `sb_publish` | Compile the draft into the live page (cascades to shared globals), report which revision went live, and with `verify` check the origin is serving it; lists other pages with unpublished drafts (`publish_drafts` publishes them too) |
 | `sb_page_state` | Which of a page's three copies is which — the DRAFT the editor canvas shows, the PUBLISHED row the storefront serves, and this session's — plus whether the editor will render the canvas BLANK, and where the recovery points are |
 | `sb_page_repair` | Rename a page root that is not `ROOT` (left by older seeds) so every editor build draws it — one page or the whole site |
 | `sb_review` | Every defect a visitor would see, each with its fix, plus the five gaps between this store and a paid order |
@@ -110,12 +110,12 @@ in this client: one would put the very key the platform exists to hold back into
 | `sb_bind` | Bind a node's content to real store data, or make a button add to the cart |
 | `sb_import` | Read a page from any public URL and add its structure and content to the open page as real elements, styled with THIS page's own tokens — a translation, not a clone |
 | `sb_import_site` | Read a WHOLE site from one URL — its sitemap, or the links on that page — and give each page found its own draft page here, built from this site's tokens; the entry page's own colours and type scale also patch into this SITE'S theme, so it stops being purely a read |
-| `sb_theme` | Read or patch the site's palette and type scale — the layer every style preset resolves from, so one token repaints every page |
-| `sb_store` | Run a store flow that must happen in a fixed order — `checkout` (the four writes that make a working one), `form` (any of the platform's 17 templates with its own field document), `chrome` (one shared header or footer), `menu` (a menu node bound to the site's menu, its links resolved), `overlay_attach` (a pop-up or quick view on the open page) and `app` (a built-in app plus the pages it needs), `global_attach` / `global_detach` (put an EXISTING shared section on the open page, or take it off) |
+| `sb_theme` | Read or patch the site's palette and type scale — the layer every style preset resolves from, so one token repaints every page; `locale` sets the site's language |
+| `sb_store` | Run a store flow that must happen in a fixed order — `checkout` (the four writes that make a working one), `form` (any of the platform's 17 templates with its own field document), `chrome` (one shared header or footer on a real site menu — desktop menu, mobile drawer, cart and account icons), `menu` (a menu node bound to the site's menu, its links resolved), `overlay_attach` (a pop-up or quick view on the open page), `cart` (the site's cart drawer, when it has none) and `app` (a built-in app plus the pages it needs), `global_attach` / `global_detach` (put an EXISTING shared section on the open page, or take it off) |
 | `sb_undo` | Put back what a PUT replaced. The SECOND answer for a page, not the only one: the platform has versions, history and restore (`sb_api_find` "page versions"), which outlive this process — reach for those first and use this for every other shaped PUT |
 
 Twenty-eight tools, **568 API operations** (195 of the 253 writes carrying a body shape read
-off the handler), 119 elements, 79 binding sources. `sb_api_find`
+off the handler), 120 elements, 79 binding sources. `sb_api_find`
 is an index rather than a tool per endpoint, so the tool list stays short while everything
 the platform can do stays reachable — and operations added to the platform arrive with the
 next `npm run codegen`.

package/README.vi.md

@@ -95,7 +95,7 @@ nhét ngược lại vào mọi bản cài.
 | `sb_template_use` | Thả một template vào trang |
 | `sb_page_list` | Mọi trang của site |
 | `sb_page_create` | Tạo một trang — trang cửa hàng sinh ra đã có sẵn tài liệu như trong editor; `type` là đường đi cho checkout, product, category, post, course |
-| `sb_publish` | Biên dịch bản nháp thành trang live (lan sang global dùng chung), báo bản nào đã lên live, và với `verify` kiểm origin đã phục vụ đúng bản đó chưa |
+| `sb_publish` | Biên dịch bản nháp thành trang live (lan sang global dùng chung), báo bản nào đã lên live, và với `verify` kiểm origin đã phục vụ đúng bản đó chưa; liệt kê các trang khác còn nháp chưa publish (`publish_drafts` publish luôn) |
 | `sb_page_state` | Ba bản sao của một trang, bản nào là bản nào — bản NHÁP canvas editor hiển thị, dòng PUBLISHED storefront phục vụ, và bản phiên này giữ — kèm dự báo editor có render canvas TRẮNG không, và các điểm phục hồi nằm ở đâu |
 | `sb_page_repair` | Đổi gốc trang khác `ROOT` (do seed cũ để lại) về `ROOT` để mọi bản editor vẽ được — một trang hoặc cả site |
 | `sb_review` | Mọi khiếm khuyết người xem sẽ thấy, kèm lệnh sửa từng cái, và năm khoảng trống chắn giữa cửa hàng với một đơn đã thanh toán |
@@ -107,12 +107,12 @@ nhét ngược lại vào mọi bản cài.
 | `sb_bind` | Gắn nội dung một node vào dữ liệu cửa hàng thật, hoặc biến một nút thành nút thêm vào giỏ |
 | `sb_import` | Đọc một trang từ URL công khai bất kỳ và thêm cấu trúc + nội dung của nó vào trang đang mở dưới dạng element thật, mang token của CHÍNH trang này — là dịch lại, không phải sao chép |
 | `sb_import_site` | Đọc CẢ website từ một URL — sitemap của nó, hoặc các link trên trang đó — và tạo cho mỗi trang tìm được một trang nháp riêng ở đây, dựng bằng token của site này; màu và thang chữ của trang gốc cũng được vá vào THEME của site này, nên đây không còn thuần là đọc |
-| `sb_theme` | Đọc hoặc vá bảng màu và thang chữ của site — tầng mà mọi style preset phân giải từ đó, nên một token thay áo cho mọi trang |
-| `sb_store` | Chạy một luồng cửa hàng bắt buộc đúng thứ tự — `checkout` (bốn lệnh ghi tạo nên trang thanh toán), `form` (một trong 17 template của nền tảng kèm field document của nó), `chrome` (một header hoặc footer dùng chung), `menu` (một node menu bind vào menu của site, link đã phân giải), `overlay_attach` (một pop-up hay quick view trên trang đang mở) `app` (một app dựng sẵn kèm những trang nó cần), và `global_attach` / `global_detach` (đặt một section dùng chung ĐÃ CÓ lên trang đang mở, hoặc gỡ ra) |
+| `sb_theme` | Đọc hoặc vá bảng màu và thang chữ của site — tầng mà mọi style preset phân giải từ đó, nên một token thay áo cho mọi trang; `locale` đặt ngôn ngữ của site |
+| `sb_store` | Chạy một luồng cửa hàng bắt buộc đúng thứ tự — `checkout` (bốn lệnh ghi tạo nên trang thanh toán), `form` (một trong 17 template của nền tảng kèm field document của nó), `chrome` (một header hoặc footer dùng chung trên menu thật của site — menu desktop, drawer mobile, icon giỏ hàng và tài khoản), `menu` (một node menu bind vào menu của site, link đã phân giải), `overlay_attach` (một pop-up hay quick view trên trang đang mở), `cart` (ngăn giỏ hàng của site, khi chưa có), `app` (một app dựng sẵn kèm những trang nó cần), và `global_attach` / `global_detach` (đặt một section dùng chung ĐÃ CÓ lên trang đang mở, hoặc gỡ ra) |
 | `sb_undo` | Trả lại thứ mà một lệnh PUT đã ghi đè. Với TRANG thì đây là đường về thứ hai chứ không phải duy nhất: nền tảng có version, history và restore (`sb_api_find` "page versions"), và chúng sống lâu hơn tiến trình này — hãy dùng chúng trước, còn tool này cho mọi PUT có hình dạng khác |
 
 Hai mươi tám tool, **568 operation API** (195 trong 253 lệnh ghi có hình dạng body đọc thẳng
-từ handler), 119 element, 79 nguồn binding. `sb_api_find` là
+từ handler), 120 element, 79 nguồn binding. `sb_api_find` là
 một chỉ mục chứ không phải mỗi endpoint một tool, nên danh sách tool vẫn ngắn trong khi mọi
 thứ nền tảng làm được vẫn với tới — và operation mới thêm bên nền tảng sẽ tự có sau lần
 `npm run codegen` kế tiếp.

package/dist/catalog/api.generated.js

@@ -676,9 +676,16 @@ export const API_OPERATIONS = [
             {
                 "name": "courseId",
                 "in": "query",
-                "required": true,
+                "required": false,
                 "type": "string",
                 "description": "The course id"
+            },
+            {
+                "name": "slug",
+                "in": "query",
+                "required": false,
+                "type": "string",
+                "description": "The course slug, when no id is known"
             }
         ],
         "bodyDescribed": false,
@@ -16489,7 +16496,7 @@ export const API_OPERATIONS = [
                 "in": "query",
                 "required": false,
                 "type": "string",
-                "description": "Filter by page type (page|product|category|blog|post|error|maintain|search|checkout|complete|account|course|about|contact|policy|faq|login|register)"
+                "description": "Filter by page type (page|product|category|blog|post|error|maintain|search|checkout|complete|account|course|about|contact|policy|faq|login|register|forgot|reset)"
             },
             {
                 "name": "status",
@@ -16559,7 +16566,7 @@ export const API_OPERATIONS = [
                 "in": "query",
                 "required": false,
                 "type": "string",
-                "description": "Filter by page type (page|product|category|blog|post|error|maintain|search|checkout|complete|account|course|about|contact|policy|faq|login|register)"
+                "description": "Filter by page type (page|product|category|blog|post|error|maintain|search|checkout|complete|account|course|about|contact|policy|faq|login|register|forgot|reset)"
             },
             {
                 "name": "status",

package/dist/catalog/checkout.generated.js

@@ -491,8 +491,8 @@ export const CHECKOUT_FORM_DOCUMENT = {
             "style": {
                 "width": "100%",
                 "padding": "10px 16px",
-                "backgroundColor": "#171717",
-                "color": "#ffffff",
+                "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                "color": "var(--wb-sc-buttonText, #ffffff)",
                 "borderRadius": "6px"
             },
             "config": {
@@ -1092,8 +1092,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -1264,8 +1264,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -1659,8 +1659,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -2166,8 +2166,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -2915,8 +2915,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -3169,8 +3169,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -3466,8 +3466,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -3837,8 +3837,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -4060,8 +4060,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -4323,8 +4323,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -4591,8 +4591,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -4891,8 +4891,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -4927,7 +4927,9 @@ export const FORM_TEMPLATES = {
                             "flog_2",
                             "flog_3",
                             "flog_4",
-                            "flog_5"
+                            "flog_5",
+                            "flog_6",
+                            "flog_7"
                         ],
                         "isCanvas": false,
                         "hidden": false,
@@ -5077,8 +5079,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -5093,6 +5095,64 @@ export const FORM_TEMPLATES = {
                     "responsive": {},
                     "events": [],
                     "bindings": []
+                },
+                "flog_6": {
+                    "id": "flog_6",
+                    "data": {
+                        "type": "form-link",
+                        "parent": "flog_1",
+                        "nodes": [],
+                        "isCanvas": false,
+                        "hidden": false,
+                        "custom": {}
+                    },
+                    "style": {
+                        "width": "100%",
+                        "height": "fit-content",
+                        "textAlign": "center",
+                        "lineHeight": "150%",
+                        "fontSize": "14px",
+                        "color": "#525252"
+                    },
+                    "config": {},
+                    "specials": {
+                        "text": "",
+                        "linkText": "Quên mật khẩu?",
+                        "linkTarget": "forgot",
+                        "href": ""
+                    },
+                    "responsive": {},
+                    "events": [],
+                    "bindings": []
+                },
+                "flog_7": {
+                    "id": "flog_7",
+                    "data": {
+                        "type": "form-link",
+                        "parent": "flog_1",
+                        "nodes": [],
+                        "isCanvas": false,
+                        "hidden": false,
+                        "custom": {}
+                    },
+                    "style": {
+                        "width": "100%",
+                        "height": "fit-content",
+                        "textAlign": "center",
+                        "lineHeight": "150%",
+                        "fontSize": "14px",
+                        "color": "#525252"
+                    },
+                    "config": {},
+                    "specials": {
+                        "text": "Chưa có tài khoản?",
+                        "linkText": "Đăng ký ngay",
+                        "linkTarget": "register",
+                        "href": ""
+                    },
+                    "responsive": {},
+                    "events": [],
+                    "bindings": []
                 }
             }
         }
@@ -5115,7 +5175,8 @@ export const FORM_TEMPLATES = {
                             "freg_4",
                             "freg_5",
                             "freg_6",
-                            "freg_7"
+                            "freg_7",
+                            "freg_8"
                         ],
                         "isCanvas": false,
                         "hidden": false,
@@ -5345,8 +5406,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -5361,6 +5422,35 @@ export const FORM_TEMPLATES = {
                     "responsive": {},
                     "events": [],
                     "bindings": []
+                },
+                "freg_8": {
+                    "id": "freg_8",
+                    "data": {
+                        "type": "form-link",
+                        "parent": "freg_1",
+                        "nodes": [],
+                        "isCanvas": false,
+                        "hidden": false,
+                        "custom": {}
+                    },
+                    "style": {
+                        "width": "100%",
+                        "height": "fit-content",
+                        "textAlign": "center",
+                        "lineHeight": "150%",
+                        "fontSize": "14px",
+                        "color": "#525252"
+                    },
+                    "config": {},
+                    "specials": {
+                        "text": "Đã có tài khoản?",
+                        "linkText": "Đăng nhập",
+                        "linkTarget": "login",
+                        "href": ""
+                    },
+                    "responsive": {},
+                    "events": [],
+                    "bindings": []
                 }
             }
         }
@@ -5380,7 +5470,8 @@ export const FORM_TEMPLATES = {
                         "nodes": [
                             "ffor_2",
                             "ffor_3",
-                            "ffor_4"
+                            "ffor_4",
+                            "ffor_5"
                         ],
                         "isCanvas": false,
                         "hidden": false,
@@ -5490,8 +5581,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -5506,6 +5597,35 @@ export const FORM_TEMPLATES = {
                     "responsive": {},
                     "events": [],
                     "bindings": []
+                },
+                "ffor_5": {
+                    "id": "ffor_5",
+                    "data": {
+                        "type": "form-link",
+                        "parent": "ffor_1",
+                        "nodes": [],
+                        "isCanvas": false,
+                        "hidden": false,
+                        "custom": {}
+                    },
+                    "style": {
+                        "width": "100%",
+                        "height": "fit-content",
+                        "textAlign": "center",
+                        "lineHeight": "150%",
+                        "fontSize": "14px",
+                        "color": "#525252"
+                    },
+                    "config": {},
+                    "specials": {
+                        "text": "Nhớ mật khẩu rồi?",
+                        "linkText": "Đăng nhập",
+                        "linkTarget": "login",
+                        "href": ""
+                    },
+                    "responsive": {},
+                    "events": [],
+                    "bindings": []
                 }
             }
         }
@@ -5676,8 +5796,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {
@@ -5944,8 +6064,8 @@ export const FORM_TEMPLATES = {
                     "style": {
                         "width": "100%",
                         "padding": "10px 16px",
-                        "backgroundColor": "#171717",
-                        "color": "#ffffff",
+                        "backgroundColor": "var(--wb-sc-buttonBg, #171717)",
+                        "color": "var(--wb-sc-buttonText, #ffffff)",
                         "borderRadius": "6px"
                     },
                     "config": {

package/dist/catalog/deadkeys.generated.js

@@ -1,7 +1,7 @@
 export const DEAD_KEY_SOURCE = {
-    "files": 4403,
-    "identifiers": 83481,
-    "seededKeys": 432,
+    "files": 4426,
+    "identifiers": 83749,
+    "seededKeys": 436,
     "dead": 0
 };
 /**