Hold Conversations and Tokens to the Assistant's height

A stretched grid item is measured before it is stretched, so a long card grew the row it was meant to fit inside and then filled it; the ceiling is taken from the Assistant instead.
2026-08-09 11:09:04 -04:00
parent 7b1b017d8c
commit 4f598f7422
2 changed files with 52 additions and 1 deletions
@@ -256,7 +256,13 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
   there it inherited a cap from `.vv-card > div { flex:1; overflow-y:auto }`. Out here both are
   content-driven, so forty saved chats — or a ledger with both hosts and a footer — would make
   the card the tallest thing in its column and set the height it is supposed to be following.
-   The h3 pins and the body takes what is left, the same shape the monitor grid above uses. */
+   The h3 pins and the body takes what is left, the same shape the monitor grid above uses.
+
+   align-self alone does not finish the job, which is why vvAiRowSync() in monitor.php sets a
+   max-height on both. A stretched item's own content still feeds grid track sizing — the track
+   is sized from content first and stretched afterwards — so a card long enough grows the row it
+   was meant to fit inside, and stretching to that row then changes nothing. The cap is measured
+   from the Assistant, which is the one card here whose height is its own business. */
 #vv-monitor-ai #vv-ai-chats-card,
 #vv-monitor-ai #vv-ai-tokens-card {
  align-self: stretch;