@botiverse/raft-ui 0.89.0 → 0.90.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [0.90.0](https://github.com/botiverse/raft-design/compare/v0.89.0...v0.90.0) (2026-11-10)
+
+### Changed
+
+- **`FitToolbarSearch`'s least width is capped at 120px** ([FitToolbar › Behavior](https://raft-design.botiverse.build/components/fit-toolbar/#behavior)). `FIT_SEARCH_MAX_LEAST` is now 120 (was 160): the search icon, the field's side padding and "Search…", the same cap at every width. The measured least width is still the icon and the whole placeholder when that is smaller; a longer placeholder ends in an ellipsis.
+  - Why: slock's Members › Agents at 375px left "Agents ▾" under 160px and the search collapsed to its icon (Jasper, 2026-11-10, #proj-raft-ui:f9756e85).
+  - Affects: a search whose placeholder takes more than 120px ("Search tasks" takes about 140px) now keeps its field down to 120px with the placeholder cut, and the toolbar's earlier steps stop sooner. An explicit `minWidth` is unchanged and not capped.
+  - Docs: https://raft-design.botiverse.build/components/fit-toolbar/
+
 ## [0.89.0](https://github.com/botiverse/raft-design/compare/v0.88.0...v0.89.0) (2026-11-10)
 
 ### Changed

package/dist/components/fit-toolbar/fit-toolbar.d.mts

@@ -244,9 +244,13 @@ export declare function FitToolbarPicker({ trigger, icon, children, value, label
  * and its whole placeholder, or this, whichever is smaller. A longer
  * placeholder is cut with an ellipsis instead of collapsing the field to its
  * button, since it is only a hint and goes once the person types (Jasper,
- * 2026-11-10, #proj-raft-ui:f9756e85). An explicit `minWidth` isn't capped.
+ * 2026-11-10, #proj-raft-ui:f9756e85). 120px is the icon, the side padding
+ * and "Search…", the same at every width: at 160px, slock's Members › Agents
+ * at 375px left "Agents ▾" under 160px and the search collapsed (Jasper,
+ * 2026-11-10). A smaller measured width still wins; an explicit `minWidth`
+ * isn't capped.
  */
-export declare const FIT_SEARCH_MAX_LEAST = 160;
+export declare const FIT_SEARCH_MAX_LEAST = 120;
 export type FitToolbarSearchProps = Omit<InputGroupInputProps, "className" | "value" | "defaultValue" | "onValueChange" | "aria-label" | "render"> & {
   /** Its accessible name ("Search tasks"): the field's and, once it is an icon, the button's, and the button's tooltip. */
   "aria-label": string;
@@ -260,7 +264,7 @@ export type FitToolbarSearchProps = Omit<InputGroupInputProps, "className" | "va
    * The least it may be, in px, before the toolbar gives way. By default it
    * is measured: what its search icon and its whole placeholder (or, with
    * none, its `aria-label`) take, in the field's own font, so the empty field
-   * shows what it is for, up to `FIT_SEARCH_MAX_LEAST` (160px): a longer
+   * shows what it is for, up to `FIT_SEARCH_MAX_LEAST` (120px): a longer
    * placeholder ends in an ellipsis. A number given here isn't capped.
    */
   minWidth?: number;
@@ -281,7 +285,7 @@ export type FitToolbarSearchProps = Omit<InputGroupInputProps, "className" | "va
 /**
  * The search field of a list's toolbar: it fills the rest of its line and
  * keeps at least the room its icon and its whole placeholder take, up to
- * 160px (measured, or `minWidth`), so the toolbar's other steps come before
+ * 120px (measured, or `minWidth`), so the toolbar's other steps come before
  * it is squeezed. From `collapseOrder` on it is a search icon button at the
  * start of the line, which opens the field in the scope's place, More and the
  * primary action kept at the line's end; the

package/dist/components/fit-toolbar/fit-toolbar.mjs

@@ -878,13 +878,17 @@ function coverScope(root, search) {
 * and its whole placeholder, or this, whichever is smaller. A longer
 * placeholder is cut with an ellipsis instead of collapsing the field to its
 * button, since it is only a hint and goes once the person types (Jasper,
-* 2026-11-10, #proj-raft-ui:f9756e85). An explicit `minWidth` isn't capped.
+* 2026-11-10, #proj-raft-ui:f9756e85). 120px is the icon, the side padding
+* and "Search…", the same at every width: at 160px, slock's Members › Agents
+* at 375px left "Agents ▾" under 160px and the search collapsed (Jasper,
+* 2026-11-10). A smaller measured width still wins; an explicit `minWidth`
+* isn't capped.
 */
-const FIT_SEARCH_MAX_LEAST = 160;
+const FIT_SEARCH_MAX_LEAST = 120;
 /**
 * The search field of a list's toolbar: it fills the rest of its line and
 * keeps at least the room its icon and its whole placeholder take, up to
-* 160px (measured, or `minWidth`), so the toolbar's other steps come before
+* 120px (measured, or `minWidth`), so the toolbar's other steps come before
 * it is squeezed. From `collapseOrder` on it is a search icon button at the
 * start of the line, which opens the field in the scope's place, More and the
 * primary action kept at the line's end; the
@@ -938,7 +942,7 @@ function FitToolbarSearch({ "aria-label": label, value, defaultValue = "", onVal
 			words.style.paddingInlineEnd = style.paddingInlineEnd;
 			const whole = Math.ceil(copy.getBoundingClientRect().width);
 			if (whole <= 0) return;
-			const width = Math.min(whole, 160);
+			const width = Math.min(whole, 120);
 			wrapper.current?.style.setProperty("--fit-search-min", `${width}px`);
 			setMeasured(width);
 		};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.89.0",
+  "version": "0.90.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",