@ai-matrx/records-ui 0.93.85 → 0.93.87

package/dist/index.d.cts

@@ -2320,7 +2320,7 @@ interface CustomFieldsAgentDoor {
     setValues: (values: CustomFieldValuesRequest) => Promise<CustomFieldSetResult>;
 }
 declare const ADDABLE_TYPES: {
-    value: "number" | "attachment" | "currency" | "datetime" | "email" | "text" | "member" | "percent" | "phone" | "url" | "long_text";
+    value: "number" | "member" | "text" | "long_text" | "currency" | "percent" | "datetime" | "email" | "url" | "phone" | "attachment";
     label: string;
 }[];
 /**

package/dist/index.d.ts

@@ -2320,7 +2320,7 @@ interface CustomFieldsAgentDoor {
     setValues: (values: CustomFieldValuesRequest) => Promise<CustomFieldSetResult>;
 }
 declare const ADDABLE_TYPES: {
-    value: "number" | "attachment" | "currency" | "datetime" | "email" | "text" | "member" | "percent" | "phone" | "url" | "long_text";
+    value: "number" | "member" | "text" | "long_text" | "currency" | "percent" | "datetime" | "email" | "url" | "phone" | "attachment";
     label: string;
 }[];
 /**

package/dist/index.js

@@ -31517,14 +31517,14 @@ function ViewFilter({ tableId, view, onApply, className }) {
 
 // src/toolbarFit.ts
 import { useEffect as useEffect81, useState as useState93 } from "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;
@@ -31532,13 +31532,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;
@@ -31561,7 +31566,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);
     }
   }
@@ -32433,7 +32438,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__ */ jsx105("span", { "aria-hidden": "true", className: "invisible flex min-w-0 shrink items-center overflow-hidden", "data-view-look-place": "", children: /* @__PURE__ */ jsxs95(Button80, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", tabIndex: -1, children: [
+              /* @__PURE__ */ jsx105("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__ */ jsxs95(Button80, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", tabIndex: -1, children: [
                 /* @__PURE__ */ jsx105("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full" }),
                 LOOK_WORDS.folded
               ] }) })