@gemboss/ui 0.32.0 → 0.33.4

package/CHANGELOG.md

@@ -2,6 +2,88 @@
 
 Versions up to 0.9.0 are described in the README, each in the section that introduced it.
 
+## 0.33.4 (10/10/2026)
+
+Fixed
+- **A layer row's title is shown as given** (`.gemboss-layer-type`, and the page editor's "Editing:" chip): no
+  `text-transform: capitalize`. It made a seller's own heading read as a title ("Wellness essentials." → "Wellness
+  Essentials.") and a section's name wrong ("Before / after" → "Before / After"). The callers now pass names in words
+  (gemboss `natureName()`), so the CSS has nothing to fix up. UX review of the funnel canvas, 10/10/2026.
+
+## 0.33.3 (10/10/2026)
+
+**Long values in narrow frames** (GemFactory review #230). collections.css.
+
+Fixed
+- A row header (`th.ui-table__rowhead`) breaks a long token (an identifier in `<code>`, a URL) instead of growing to fit it:
+  a sticky first column ~200px wide left ~85px for every other column in a 286px frame at 320. Now it stays at its
+  9.0625rem floor (172px with padding, measured).
+- A folded Index table row (container ≤ 768) no longer caps its second line (`.ui-table__title + .ui-sub`) at 40ch: the
+  cap's selector is (0,3,0) and won against the fold's (0,2,0) `max-width: none`.
+
+## 0.33.2 (10/10/2026)
+
+Fixed
+- **`.ui-seg` is never squeezed in a short column.** With `overflow: hidden` it was a scroll container, and a flex item
+  that is one has no content minimum: in a column shorter than its content (a stacked popup's filter pane, ~255px at
+  320 and 390) the control went to 2px and its 44px buttons were cut off, while their own boxes still measured 44.
+  Now `overflow: clip` (the same cut, rounded corners included, but not a scroll container) plus `min-width: 0`.
+  Measured in Chromium and WebKit: column 2px → 46px; in a narrow row it still shrinks and clips exactly as before.
+  `min-height: min-content` works in Chromium only (WebKit keeps 2px). `kit-plain.css` sets `overflow-x: auto` on it
+  (#3630), so on kit-plain surfaces it stays a scroll container, unchanged.
+
+## 0.33.1 (10/10/2026)
+
+**PanelTabs' row (`.gemboss-ec-tabs`) carries what GemFactory patched in its own CSS** (server/ui.mjs "VÁ GÓI: PanelTabs
+cột", 06/10/2026, with "move it into the kit's editor.css" written on it). editor.css.
+
+Changed
+- A tab label never wraps: a tab is never narrower than its text (`min-width: max-content`, `nowrap`), the tabs still
+  share the row while they fit, and the ROW scrolls sideways when they do not (thin bar, `overscroll-behavior-x:
+  contain`). Four tabs with two-word labels in a 240px column broke onto two lines.
+- Hover on an unselected tab (`--gemboss-primary-soft`, text to `--gemboss-text`); keyboard focus draws the `--ui-focus`
+  ring (the browser's own before).
+- 44px tall at 767px and below under a mouse too (it was only under `pointer: coarse`).
+
+## 0.33.0 (10/10/2026)
+
+**The bulk bar stays one row.** talent-radar /pool moved to `SelectableResourceList` (collections PR 6) with five bulk
+actions, and the bar wrapped to three rows at 390 (~150px above the first candidate); its own bar had been one
+scrolling row since 03/10. README "Collections".
+
+Changed
+- `BulkBar` (IndexTable, SelectableResourceList): actions that do not fit in the row after the box and the count go into
+  a ⋯ `Menu` at its end (`.ui-bulkbar__more`), in order; each action is either a button or a menu row, never both. The
+  widths come from a hidden copy of the buttons (`.ui-bulkbar__measure`) in the surface's font, re-measured on resize
+  and when the count changes, so the fold follows the real labels (two short actions stay buttons at 320; five long
+  ones fold at 768), not a breakpoint. Menu rows are off with nothing selected, like the buttons. Before the first
+  measure (`data-fit="pending"`, a server render before hydration) the row does not wrap; the overflow is clipped.
+  Plain HTML bars (kit-plain.js) are unchanged.
+
+- A linked activity label (`CompactList variant="activity"`, `CompactItem.href`) is text-coloured (underline on hover)
+  instead of the browser's blue, and its box is 24px (WCAG 2.5.8) with the row's height unchanged: talent-radar
+  /activity had 71 links under 24px at 320 and 390.
+
+Added
+- `fitActions(avail, widths, gap, menuW)`: the fold rule, exported for tests.
+- `moreActionsLabel` on `IndexTable` and `SelectableResourceList` (default "More actions").
+
+## 0.32.1 (10/10/2026)
+
+**Anchors land below the topbar, and at all.** The shell's document scrolls under the fixed 56px `.gemboss-platform-topbar`, so a jump
+to `#section` (or `scrollIntoView()`) parked the section's heading behind the bar. search-radar worked around it with
+`scrollMarginTop: 72` on four sections (`/aeo#changes`, `#gaps`, `#trend`, `/aeo/brand/<x>#evidence`, 08/10/2026).
+
+Fixed
+- `:root:has(.gemboss-platform-topbar) { scroll-padding-top: 64px }` in shell.css (56 + 8 of air), only while the bar is on
+  the page; a surface without the shell keeps the browser default. A surface's own `scroll-margin-top` on a section can
+  go. anchor-scroll.browser.test.ts (real Chromium, 390 and 1280; red without the rule: the heading at 0, under the bar).
+- A hard load of `/page#section` on a streamed page (Next App Router + loading.tsx) now reaches the section. The browser
+  looked for the fragment while it sat in React's hidden Suspense block and scrolled nowhere: on search-radar `/aeo#gaps`
+  stayed at the top on 5 of 6 loads. `AppShell` keeps the target where a fragment jump puts it while the page is still
+  arriving (until 600 ms of a quiet DOM, 5 s at most), and stops the moment the reader scrolls, presses a key, touches or
+  clicks. Once per load; client navigations are Next's. Measured on search-radar with this build: 36 of 36 loads land.
+
 ## 0.32.0 (09/10/2026)
 
 **The bridge, once** (assistant sync, Chris 08/10/2026: "mọi service có panel này đồng bộ style + code dùng gemboss ui").

package/README.md

@@ -1511,6 +1511,9 @@ the admin's first load (`kit-plain-bundles.test.ts` checks the shell import carr
   its own rule sets its button on `gb:selection`, which fires after). collections-gate reports a list with selection
   boxes and no bar (`select-without-bulk`). An open ⋯ menu or dialog takes Escape first; a closed one kept in a row
   does not.
+- **The bulk bar is one row (0.33.0).** Bulk actions that do not fit after the box and the count go into a ⋯ menu at
+  the bar's end, in order (Polaris BulkActions). React measures the real button widths, so the fold follows the labels,
+  not a breakpoint; pass every action and let the bar decide. Order them by use: the first ones stay buttons.
 - **A sort control is 44 × 44 under a finger (0.18.0)**: the header button grows to 44 tall under `pointer: coarse`
   and to 44 wide under `pointer: coarse` or at 768 and below (a short label like "ID" was 44 × 30 on an iPad); the
   chips below 768 have the same floor. Under a mouse the header keeps its Polaris size.

package/catalog/editor.html

@@ -8,7 +8,7 @@
 .cat-code summary{padding:10px 16px;font-size:13px;cursor:pointer;color:var(--gemboss-text-muted);border-top:1px solid var(--gemboss-divider);min-height:24px}
 .cat-code pre,.cat-api{margin:0;padding:12px 16px;overflow:auto;background:#0f1012;color:#e8e8e6;font-size:12px;line-height:1.5;border-radius:0}
 .cat-api{border-radius:12px;margin:0 0 16px}</style></head><body><div class="cat">
-<h1>@gemboss/ui 0.32.0 · Editor</h1>
+<h1>@gemboss/ui 0.33.4 · Editor</h1>
 <p>Khung của mọi editor: <code>EditorFrame</code> (cột trái · khe kéo · preview · cột phải dock trên mép phải preview) và <code>EditorTopbar</code> (← · tiêu đề · cụm giữa · cụm phải · dòng trạng thái). Là đúng khung của theme / page / section editor trong admin. Gói chỉ vẽ KHUNG; chat, Configure, canvas, page picker, menu, Publish là của editor, đi vào bằng slot. Trang HTML thuần nạp <code>editor.css</code> + <code>editor-plain.js</code> rồi gọi <code>gembossUI.initEditorFrame()</code>: kéo khe (chuột, chạm, phím mũi tên / Home / End), đổi thiết bị, mở ⋯ và Publish ▾, ẩn cột trái, Chat | Preview trên điện thoại. <a href="index.html">← Catalog</a></p>
 <h2>React</h2><pre class="cat-api"><code>import &quot;@gemboss/ui/editor.css&quot;;
 import { EditorFrame, EditorTopbar, EditorBack, EditorChatToggle, EditorPaneTabs, EditorSaveState, DeviceToggle } from &quot;@gemboss/ui/editor&quot;;