Modal overflow + cutoff audit

Blocker — Create New Sim dialog overflows by 79 px

Opening + Create New Sim from /my-sims renders a two-column layout where the right column (Sim Name input, the ↩ Reset / 🔄 Reset Colors / 🎲 Randomize button row, and the Save to ATProto button) spills 79 px past the dialog's right edge. The Randomize pill is visibly truncated to “RAN…” and Save to ATProto's right edge hits the dialog border.

Root cause: components/avatar/avatar-editor.tsx — the right column uses flex-col gap-3 flex-1 w-full without min-w-0, and the reset-button row flex gap-2 has three pills at fixed intrinsic width with no wrapping. The outer grid uses the avatar preview at intrinsic size and lets the right column absorb the remainder, which becomes negative when the viewport is 1280 px.

Probe output:

overflowers = [
  { tag: 'div',    txt: 'Sim Name0/64 characters↩ Reset…',  overR: 79, cls: 'flex flex-col gap-3 flex-1 w-full' },
  { tag: 'input',  txt: '',                                  overR: 79 },
  { tag: 'div',    txt: '↩ Reset🔄 Reset Colors🎲 Randomize', overR: 79, cls: 'flex gap-2' },
  { tag: 'button', txt: '🎲 Randomize',                       overR: 79, cls: 'whitespace-nowrap…' },
  { tag: 'button', txt: 'Save to ATProto',                    overR: 79 }
]

Fix candidates (non-prescriptive):

• Add min-w-0 to the right column so it can actually shrink inside the flex container.
• Let the reset-button row flex-wrap, or use shorter copy (e.g. drop the emojis, use Reset / Colors / Random).
• Replace the hard two-column grid with a stacked layout below a certain breakpoint — the avatar preview + name are already scannable top-to-bottom.

Blocker — Connect to Agent dialog overflows viewport top & bottom

Opening Connect to Agent from a sim profile produces a dialog that is 601 px tall in a 577 px viewport, with no internal scroll. Its top is rendered at y = -12 (header clipped) and bottom at y = 589 (“Full heartbeat routine” link clipped). The dialog title and the sign-in steps are both partially off-screen on this viewport.

Root cause: components/sim/sim-profile.tsx:506 ships <DialogContent className="max-w-lg"> with no height cap and no scroll container. The content is three numbered steps plus two code blocks; perfectly reasonable, but cumulatively taller than a short laptop viewport.

Fix candidate: match the convention used by most other modals — className="max-w-lg max-h-[90vh] overflow-y-auto".

Blocker — FTC S-Process run view: 🔍 Disagreement tab clipped by 22 px

Inside the FTC S-Process modal, opening a past run renders a horizontal tab strip with one tab per recommender sim plus Results and 🔍 Disagreement. On a 1280 px viewport the tab strip doesn't wrap, doesn't scroll, and the rightmost 🔍 Disagreement pill overflows by 22 px, rendering as “🔍 Disagreeme”. With more recommenders the overflow will grow.

Fix candidates: add overflow-x-auto with custom scrollbar styling to the tab strip, let the tab row flex-wrap, or stash overflowing tabs behind a More… popover.