@ai-matrx/records-ui 0.93.85 → 0.93.86

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog — @ai-matrx/records-ui
 
+## 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 (most < 3 || !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 : 3;
 }
 function naturalWidth(el) {
   const html = el;