ridge scene behind the whole app, tight bubble wrap, sharper portraits, long-post fixtures #30
2026-11-07
scene behind the whole app; bubble text wraps around the portrait, not beside it
Some checks failed
Build pull request / Build pull request (pull_request) Failing after 2m57s
Signed in, the shell is clear over the ridge scene (html[data-scene]): Background and Surface container tokens are redefined on #root only, so menus, dialogs and tooltips in #portalContainer keep their fills. Bubbles and the composer are the filled surfaces: their colour at 50% over a 12px blur. Avatar initials read the surface colour through a variable captured above the override. On phones the message content (a flex column) formed its own block formatting context and sat beside the floated portrait for the bubble's whole height, so text stayed as narrow as the gap beside the portrait. It is a plain block there now: lines wrap around the silhouette and then run the bubble's full width. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
preview: portrait thumbs at 480px (were 160px), long-post demo fixtures
The demo pose thumbnails were 160px wide palette PNGs, about 4 KB, shown at up to 210 CSS px on phones: 195 CSS px x DPR 3 = 585 device px from 160, a 3.6x upscale. They are now 480px wide (about 2.5x the phone portrait at DPR 3, still 25-70 KB each), generated from /opt/commons/cast-art/poses by scripts/make-pose-thumbs.mjs, and cover every pose the catalogue lists for the three demo Minds. The Ratatoskr demo room gains three long Mind posts with paragraphs, lists and code, sent with formatted_body like the real Minds' Markdown. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>