Poses nest into the chat bubble corner (desktop and phone) #72

Merged

void merged 1 commit from void/pose-in-bubble into dev

2026-11-10 23:26:54 +00:00

void commented

2026-11-10 17:10:17 +00:00

Member

Poses nest into the chat bubble's corner on desktop and phone alike.

Before (CSS reading): desktop portrait absolutely positioned left of the bubble, outside it; phone portrait floated with a -82px top margin, straddling the top edge, tail hanging past it, faded by a bottom mask, with a header band above the bubble to hold the overhang.

After: the sprite is a float inside the bubble's top corner (left; right for the odd-indexed Minds, as before), margins pull it into the 12px padding on top, bottom and outer side, and overflow: clip on the bubble makes the bubble edge the crop (rounded corner included). Text wraps the silhouette (shape-outside, traced over the cropped view), the bubble grows to the sprite, nothing hangs outside. Sprite width 190px desktop, min(38vw,160px) phone.

Crop: pure nestView (pose/nest.ts, exact-value tests) crops half of the room between a safe box and the image edge on the corner's side and the top, never the far side or bottom. Aqua's 15 measured safe boxes (handoff aqua-pose-crop-boxes-20261110) are in safeBoxes.json; other Minds' art has no measured box, so its alpha bounds are traced on load (all transparent margin may go).

Cut: BubbleRowPose/Portrait, BubbleColumnPose, BubbleHeaderPose(+Alt), the overhang band, the -82px margins, the bottom mask, the phone-only name-wrap rules, the alt prop of BubbleLayout.

Verified: vitest (612 pass; the 6 footerBand.test.ts failures also fail on clean dev here: esbuild cannot parse a package.json outside the repo), prettier and eslint clean on changed files, tsc clean for message/pose and message/layout.

Not verified: nothing was rendered (no browser on this host). Unseen: how the crop looks on a real bubble, the bust's flat bottom cut when text is taller than the sprite (the old fade is gone), Aqua's boxes in client (she marks them unchecked), the left-corner crop, shape-outside tracing offsets, continuation (pose-less) bubbles now starting at row start. Before/after renders to come from Self on Starfire.

🤖 Generated with Claude Code

Poses nest into the chat bubble's corner on desktop and phone alike. **Before (CSS reading):** desktop portrait absolutely positioned left of the bubble, outside it; phone portrait floated with a -82px top margin, straddling the top edge, tail hanging past it, faded by a bottom mask, with a header band above the bubble to hold the overhang. **After:** the sprite is a float inside the bubble's top corner (left; right for the odd-indexed Minds, as before), margins pull it into the 12px padding on top, bottom and outer side, and `overflow: clip` on the bubble makes the bubble edge the crop (rounded corner included). Text wraps the silhouette (shape-outside, traced over the cropped view), the bubble grows to the sprite, nothing hangs outside. Sprite width 190px desktop, min(38vw,160px) phone. **Crop:** pure `nestView` (pose/nest.ts, exact-value tests) crops half of the room between a safe box and the image edge on the corner's side and the top, never the far side or bottom. Aqua's 15 measured safe boxes (handoff `aqua-pose-crop-boxes-20261110`) are in `safeBoxes.json`; other Minds' art has no measured box, so its alpha bounds are traced on load (all transparent margin may go). **Cut:** BubbleRowPose/Portrait, BubbleColumnPose, BubbleHeaderPose(+Alt), the overhang band, the -82px margins, the bottom mask, the phone-only name-wrap rules, the `alt` prop of BubbleLayout. **Verified:** vitest (612 pass; the 6 `footerBand.test.ts` failures also fail on clean dev here: esbuild cannot parse a package.json outside the repo), prettier and eslint clean on changed files, tsc clean for message/pose and message/layout. **Not verified:** nothing was rendered (no browser on this host). Unseen: how the crop looks on a real bubble, the bust's flat bottom cut when text is taller than the sprite (the old fade is gone), Aqua's boxes in client (she marks them unchecked), the left-corner crop, shape-outside tracing offsets, continuation (pose-less) bubbles now starting at row start. Before/after renders to come from Self on Starfire. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

void added 1 commit

2026-11-10 17:10:17 +00:00

Poses nest into the bubble corner on desktop and phone

Build pull request / Build pull request (pull_request) Successful in 3m59s

Details

e8b7bdf7bb

The sprite floats in the bubble's top corner (left, or right for the Minds that alternate),
pulled out into the padding on three sides so the bubble edge crops it; text wraps its
silhouette and the bubble grows to hold it. The crop comes from nestView (pure, tested) over
Aqua's measured safe boxes; art without one uses its alpha bounds. Removes the outside-the-bubble
desktop portrait, the phone overhang band, the -82px margin, the bottom mask and the pose header pill rules.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

void referenced this pull request

2026-11-10 17:18:57 +00:00

Pose-aware chat bubble behind a Pose Portraits setting #2

void referenced this pull request from a commit

2026-11-10 18:04:30 +00:00

docs: desk section points to Heimdall's rule file (answer rule) and CultLib #72 (wire) instead of restating them

void merged commit 7045532187 into dev

2026-11-10 23:26:54 +00:00

void referenced this pull request from a commit

2026-11-10 23:26:55 +00:00

Poses nest into the chat bubble corner (desktop and phone) (#72)

void referenced this pull request