@arbidocs/blocks 0.3.156 → 0.3.158

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/blocks",
-  "version": "0.3.156",
+  "version": "0.3.158",
   "description": "Composable AI-native back-office blocks on top of @arbidocs/react — prompt library, theme system, shell, builders and vertical primitives.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -37,8 +37,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@arbidocs/react": "0.3.156",
-    "@arbidocs/sdk": "0.3.156",
+    "@arbidocs/react": "0.3.158",
+    "@arbidocs/sdk": "0.3.158",
     "ag-grid-community": "^35.3.0",
     "ag-grid-react": "^35.3.0",
     "class-variance-authority": "^0.7.1",

package/src/components/grid.css

@@ -138,29 +138,38 @@
   align-items: flex-start;
 }
 
-/* Abstract: height-driven multi-line text. The text wraps and the row height
-   decides how many lines show — so the density slider doubles as "how much
-   abstract do I want to see" (one line when compact, several when tall). It
-   reads from the FIRST line down and clamps to a WHOLE number of lines
-   (--abstract-line-clamp, computed from the row height in GridView) so there is
-   never a sliced half-line against the top or bottom hairline — the cut lands
-   on a line boundary with an ellipsis. The value renders directly on the cell
-   (it is itself .ag-cell-value), so we target the cell. Only affects the
-   non-editing display (editing opens the large-text popup editor). */
-.cell-abstract.ag-cell {
-  display: block;
+/* Multiline text columns (Abstract, Author, custom text/select fields):
+   height-driven multi-line text. The text wraps and the row height decides how
+   many lines show — so the density slider doubles as "how much text do I want
+   to see" (one line when compact, several when tall). It reads from the FIRST
+   line down and clamps to a WHOLE number of lines (computed from the row height
+   in GridView) so there is never a sliced half-line against the top or bottom
+   hairline — the cut lands on a line boundary with an ellipsis. The value
+   renders directly on the cell (it is itself .ag-cell-value), so we target the
+   cell. Only affects the non-editing display (editing opens a popup editor). */
+.cell-multiline.ag-cell {
+  /* line-clamp needs the -webkit-box display; it hides the clamped-away LINES
+     themselves (with an ellipsis on the last kept line), unlike a max-height +
+     overflow:hidden clip, which cuts at the PADDING edge and lets a half-line
+     of the next row's worth of text peek through the bottom padding. */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--multiline-line-clamp, 2);
+  line-clamp: var(--multiline-line-clamp, 2);
   white-space: normal;
   overflow: hidden;
   line-height: 1.35;
-  /* Snap the box to a WHOLE number of text lines so the overflow clip always
-     lands on a line boundary — never mid-line (which reads as a half-line
-     "bleeding" into the next row). Both values are computed from the row height
-     once in GridView (zero per-row cost): --abstract-pad-y shrinks on short
-     rows so a line always fits, and --abstract-max-h caps the box at exactly N
-     lines + padding + border. Fallbacks cover grids without a density control. */
-  padding-top: var(--abstract-pad-y, 8px);
-  padding-bottom: var(--abstract-pad-y, 8px);
-  max-height: var(--abstract-max-h, calc(2 * 1.35em + 18px));
+  /* All three values are computed from the row height once in GridView (zero
+     per-row cost): --multiline-line-clamp is the whole number of lines that
+     fit, --multiline-pad-y shrinks on very short rows so a line always fits,
+     and --multiline-max-h ends the box exactly at line N's bottom (top padding
+     + N lines + borders, NO bottom padding — AG Grid forces cell height, so
+     overflow clips at the padding-box edge and bottom padding would be a
+     window onto the next clamped-away line; see GridView). Fallbacks cover
+     grids without a density control. */
+  padding-top: var(--multiline-pad-y, 8px);
+  padding-bottom: var(--multiline-pad-y, 8px);
+  max-height: var(--multiline-max-h, calc(2 * 1.35em + 10px));
 }
 
 /* AG Grid structural customizations (not theme colors) */