@homebound/beam 4.49.0 → 4.50.1

package/dist/index.d.cts

@@ -6242,6 +6242,8 @@ type GridCellContent = {
     tooltip?: ReactNode;
     /** Set by `fieldCell`. Flexible body rows use 4px vertical padding. */
     field?: true;
+    /** Styles the cell's text with the AI treatment (`Tokens.AiFieldFg`, semibold), e.g. for text cells in a `GridDataRow.aiMode` row. */
+    aiMode?: boolean;
 };
 /** Marks a cell as hosting a field. Flexible rows use 4px vertical padding so the field lines up with text cells. */
 declare function fieldCell(cell: ReactNode | Omit<GridCellContent, "field">): GridCellContent;

package/dist/index.d.ts

@@ -6242,6 +6242,8 @@ type GridCellContent = {
     tooltip?: ReactNode;
     /** Set by `fieldCell`. Flexible body rows use 4px vertical padding. */
     field?: true;
+    /** Styles the cell's text with the AI treatment (`Tokens.AiFieldFg`, semibold), e.g. for text cells in a `GridDataRow.aiMode` row. */
+    aiMode?: boolean;
 };
 /** Marks a cell as hosting a field. Flexible rows use 4px vertical padding so the field lines up with text cells. */
 declare function fieldCell(cell: ReactNode | Omit<GridCellContent, "field">): GridCellContent;

package/dist/index.js

@@ -10878,6 +10878,13 @@ function RowImpl(props) {
       ...isGridCellContent(maybeContent) && maybeContent.typeScale ? {
         ...__typography2[maybeContent.typeScale] ?? {}
       } : {},
+      // AI text treatment, before the cell's `css` so callers can still override it
+      ...isGridCellContent(maybeContent) && maybeContent.aiMode && {
+        fontWeight: "fw6",
+        color: ["color_var", {
+          "--color": "var(--b-ai-field-fg)"
+        }]
+      },
       ...isBodyRow && (column2.isField || isGridCellContent(maybeContent) && maybeContent.field) && style.fieldCellCss,
       // And any cell specific css
       ...isGridCellContent(maybeContent) && maybeContent.css ? maybeContent.css : {},
@@ -13841,7 +13848,7 @@ function CardBody(props) {
         ] })
       ] })
     ] }),
-    hasDetails && /* @__PURE__ */ jsxs30("div", { className: "df fdc g_2 mta", children: [
+    hasDetails && /* @__PURE__ */ jsxs30("div", { className: "df fdc g_2", children: [
       data.length > 0 && /* @__PURE__ */ jsxs30("dl", { className: "df g_2 fw4 fz_14px lh_20px", children: [
         /* @__PURE__ */ jsx50("div", { className: "df fdc fg1 fb2 mw0", children: col1.map((d) => /* @__PURE__ */ jsxs30("div", { className: "df g_4px", ...tid[defaultTestId(d.label)], children: [
           /* @__PURE__ */ jsxs30("dt", { className: "fs0", children: [
@@ -27531,11 +27538,16 @@ function useScrollPinnedViewportBounds(anchorRef, enabled, getPinTopPx) {
     syncBounds();
     window.addEventListener("scroll", syncBounds, { passive: true });
     window.addEventListener("resize", syncBounds);
+    const styleObserver = new MutationObserver(syncBounds);
+    for (let node = anchorRef.current; node; node = node.parentElement) {
+      styleObserver.observe(node, { attributes: true, attributeFilter: ["style"] });
+    }
     return () => {
       window.removeEventListener("scroll", syncBounds);
       window.removeEventListener("resize", syncBounds);
+      styleObserver.disconnect();
     };
-  }, [enabled, syncBounds]);
+  }, [enabled, syncBounds, anchorRef]);
   return bounds;
 }
 
@@ -27769,6 +27781,8 @@ function DocumentScrollRightPane({
         }],
         borderLeftStyle: "bls_solid",
         borderLeftWidth: "blw_1px",
+        borderTopStyle: "bts_solid",
+        borderTopWidth: "btw_1px",
         borderColor: ["bc_var", {
           "--borderColor": "var(--b-surface-separator)"
         }],