@ai-matrx/records-ui 0.93.85 → 0.93.87

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.93.87
+### Unreleased
+
+- **Fold 4 is asked at every fold, and the look's reserved place asks for no width** (merged-grid leftovers, 2026-09-30): dragged straight from wide to its smallest size, a table window sat at fold 2 (the layout's toolbar had already folded itself, so fold 3 saved nothing) and the table menu's button was cut again; and the invisible "Your look" place was counted at its full 85 px although it shrinks first. `toolbarFold` now asks the fixed-pieces question whatever fold the row is at, and a piece marked `data-toolbar-fit-gives` counts only its gap. Proof: `toolbarFit.test.tsx` ("the layout's toolbar folded itself before the row reached fold 3"), red on 0.93.86. Consumer action: none.
+
+## 0.93.86
+### Unreleased
+
+- **Share folds into the table's menu only when the row's own buttons do not fit** (merged-grid leftovers, 2026-09-30): fold 4 (0.93.85) also fired whenever the layout's slot held more than it could show, so a 736 px chat artifact lost Share from its row for nothing — the slot scrolls and keeps its pinned controls whole. Fold 4 now asks only about the fixed pieces (everything outside the slot, plus the slot at its least). Proof: `toolbarFit.test.tsx` ("a slot that holds more than fits is not a reason to move Share"), red on 0.93.85. Consumer action: none.
+
 ## 0.93.85
 ### Unreleased
 

package/dist/index.cjs

@@ -31579,14 +31579,14 @@ function ViewFilter({ tableId, view, onApply, className }) {
 
 // src/toolbarFit.ts
 var import_react188 = require("react");
-var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120, share: 0 };
+var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
+var SLOT_MIN = 36;
 function toolbarFold(input) {
   const { available, needsNow, gap, folded } = input;
   const pieces = [
     { piece: input.look, stage: 1, guess: FOLDED_GUESS.look },
     { piece: input.chooser, stage: 2, guess: FOLDED_GUESS.chooser },
-    ...input.tools ? [{ piece: input.tools, stage: 3, guess: FOLDED_GUESS.tools }] : [],
-    ...input.tools && input.share ? [{ piece: input.share, stage: 4, guess: FOLDED_GUESS.share }] : []
+    ...input.tools ? [{ piece: input.tools, stage: 3, guess: FOLDED_GUESS.tools }] : []
   ];
   const widthAt = ({ piece, stage, guess }, fold) => {
     if (piece.now === 0 && piece.full === null) return 0;
@@ -31594,13 +31594,18 @@ function toolbarFold(input) {
     return piece.full ?? piece.now;
   };
   const withGap = (width) => width > 0 ? width + gap : 0;
-  const base = pieces.reduce((rest, p) => rest - withGap(p.piece.now), needsNow);
-  const stages = input.tools ? input.share ? [0, 1, 2, 3, 4] : [0, 1, 2, 3] : [0, 1, 2];
-  const needs = stages.map((fold) => pieces.reduce((sum, p) => sum + withGap(widthAt(p, fold)), base));
+  const shareNow = input.share ? withGap(input.share.now) : 0;
+  const base = pieces.reduce((rest, p) => rest - withGap(p.piece.now), needsNow - shareNow);
+  const stages = input.tools ? [0, 1, 2, 3] : [0, 1, 2];
+  const shareOn = input.share ? withGap(input.share.full ?? input.share.now) : 0;
+  const needs = stages.map((fold) => pieces.reduce((sum, p) => sum + withGap(widthAt(p, fold)), base + shareOn));
   const fits = needs.findIndex((need) => need <= available + 0.5);
   if (fits >= 0) return stages[fits];
   const least = Math.min(...needs);
-  return stages[needs.findIndex((need) => need <= least + 0.5)];
+  const most = stages[needs.findIndex((need) => need <= least + 0.5)];
+  if (!input.tools || !input.share) return most;
+  const fixed = pieces.reduce((sum, p) => sum + withGap(p.stage === 3 ? SLOT_MIN : widthAt(p, 3)), base + shareOn);
+  return fixed > available + 0.5 ? 4 : most;
 }
 function naturalWidth(el) {
   const html = el;
@@ -31623,7 +31628,7 @@ function rowNeeds(row) {
       const innerStyle = typeof getComputedStyle === "undefined" ? null : getComputedStyle(piece);
       const innerGap = innerStyle ? parseFloat(innerStyle.columnGap || "0") || 0 : 0;
       needs += inner.reduce((sum, c) => sum + naturalWidth(c), 0) + innerGap * Math.max(0, inner.length - 1);
-    } else {
+    } else if (!piece.hasAttribute("data-toolbar-fit-gives")) {
       needs += naturalWidth(piece);
     }
   }
@@ -32495,7 +32500,7 @@ function TablePage({
             ] }) }) : !lookShowing && main === "records" && view && !phone && !controlsInSheet ? (
               /* The reserved place gives way first when the row is narrow (a chat artifact, the
                  smallest window): it holds nothing, so it shrinks before a real control is cut. */
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { "aria-hidden": "true", className: "invisible flex min-w-0 shrink items-center overflow-hidden", "data-view-look-place": "", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_design_system96.Button, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", tabIndex: -1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { "aria-hidden": "true", className: "invisible flex min-w-0 shrink items-center overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_design_system96.Button, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", tabIndex: -1, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full" }),
                 LOOK_WORDS.folded
               ] }) })