[3330] cmux NEXT: use shared tokens for composer drop overlay

Merged
TE
7d ago
+5-5

The composer drop overlay now consumes the shared #24589 design tokens for its outer inset, composer radius, frame inset, and control mark. The substitutions preserve the shipped pixel values, and the ratchet baseline drops the obsolete calc(100% - 12px) allowance.

This is the conflict-free #3330 slice. The active composer lanes retain ownership of attachment, location/flicker, new-tab widget, and model-picker files. #3321 is obsolete after #24567 removed the collaboration-mode footer control from Codex’s generic Options path.

Leo’s direction for this cleanup was: “i think we ought to just get more guys working on the leftover composer items tho... just finish it up”. The composer remains quiet and compact, matching the Claude composer reference (composer-demo-ready.png) and the shared design reference scale from manaflow-ai/cmux-design-references.

Changelog

  • Changed: use shared spacing, radius, and control tokens in the composer drop overlay.

Verification

  • Exact-head overlap scan: pr_overlap --rev c2bbd17bcf8 --base origin/feat-cmux-next → no overlaps.
  • git diff --check passed.
  • bun run check:design-tokens reaches the expected base drift in unrelated composerControls, chips/linkCard, and summary rows; the changed dropOverlay baseline row is clean.
  • Focused bun test test/composer-drop-overlay.test.tsx is blocked by the checkout’s missing @base-ui/utils/useIsoLayoutEffect dependency.
  • Fleet compile and before/after capture are attached before merge.

Fleet before/after capture pending.

Refs: manaflow-ai/cmuxterm-hq#3330; manaflow-ai/cmuxterm-hq#3321; #24589; #24567.

Agent-Session: https://cmux.com/deeplink/agent?harness=codex&session=01a16ae2-f5cc-71e3-9da4-0931645d6b12&host=huge-blue

View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need.

Summary by cubic

The composer drop overlay now consumes the shared #24589 design tokens for its padding, composer radius, and control size, replacing hardcoded values in dropOverlay.css. Pixel values are unchanged, and the ratchet baseline change was reverted so it is no longer part of this PR.