sbuilder-mcp 0.22.0 → 0.22.1

package/CHANGELOG.md

@@ -6,6 +6,11 @@ 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.22.1] - 2026-09-10
+
+### Fixed
+- sb_import and sb_import_site no longer size an imported row's stacked columns by height at mobile: each column's `flex: 1 1 280px` basis is reset to `0 1 auto` on the mobile breakpoint only, so a short paragraph no longer sits inside a fixed 280px-tall box while the rest of the page is empty space.
+
 ## [0.22.0] - 2026-09-10
 
 ### Added

package/CHANGELOG.vi.md

@@ -6,6 +6,11 @@ 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.22.1] - 2026-09-10
+
+### Fixed
+- sb_import và sb_import_site giờ không còn định kích thước các cột đã xếp chồng của một row đã import theo chiều cao ở mobile: basis `flex: 1 1 280px` của mỗi cột được reset về `0 1 auto` chỉ ở breakpoint mobile, nên một đoạn văn ngắn không còn bị nằm trong một khung cao cố định 280px trong khi phần còn lại của trang là khoảng trống.
+
 ## [0.22.0] - 2026-09-10
 
 ### Added

package/dist/domains/site/importmap.js

@@ -317,9 +317,22 @@ function one(c, t) {
                     gap: '24px',
                 },
                 responsive: { mobile: { style: { flexDirection: 'column', gap: '16px' } } },
+                // A COLUMN'S BASIS BECOMES ITS HEIGHT THE MOMENT THE ROW STACKS, and that
+                // is the whole reason this needs a mobile answer of its own.
+                //
+                // `flex: 1 1 280px` sizes the MAIN axis; the row's own mobile override
+                // turns the main axis from width into height, so every stacked column
+                // came out 280px tall whatever was in it. Measured at 390 on a real
+                // import: a paragraph of two lines sat in a 280px box, and the page ran
+                // 6,009px with most of it empty — and NOTHING reported it, because no box
+                // overflowed and no two boxes overlapped. `measure` cannot see air.
+                //
+                // Mobile only, and base keeps the wide answer, which is the cascade's
+                // tail rule the right way round: the row is still a row at tablet.
                 children: kids.map((k) => ({
                     type: 'flex-block',
                     style: { flex: '1 1 280px', minWidth: '0', display: 'flex', flexDirection: 'column', gap: '12px' },
+                    responsive: { mobile: { style: { flex: '0 1 auto' } } },
                     children: [k],
                 })),
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sbuilder-mcp",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "description": "MCP server that designs and operates a Store Builder site — pages, data, theme and publish — through the platform's own API and live-edit protocol.",
   "mcpName": "io.github.vuluu2k/sbuilder-mcp",
   "type": "module",