[xHeaven]

Summary

The commit and reply composers let you choose which link in your text gets the link card, or turn the card off. The quote composer did not, so a quote always unfurled its first link. Now the quote dialog has the same link-card picker, its preview shows the chosen link, and the posted quote unfurls that link.

This finishes the quote composer parity work started in #1029, which added the preview.

Changes

• QuoteComposer uses the shared useLinkCard and LinkCardPicker, wired the same way as the reply composer: the picker sits after the preview toggle, the label is visually hidden below sm, and link_preview_url is sent only once a choice is made, so the server still defaults to the first link.
• The preview's link-card placeholder follows the choice.
• A link_preview_url validation error appears under the body, and discarding the stash also resets the choice, as in the commit composer.
• No backend change: CreateCommitRequest already validates and applies link_preview_url for quotes.
• The footer wraps Cancel and Quote onto a second row when the extra control doesn't fit next to them, as the reply composer does. This happens with a restored draft, whose stash label sits beside the picker.
• KNOWLEDGE_BASE.md now lists the quote composer among those with link-card choice.

Validation

• bun run test:types, bun run test:lint, composer test:lint: pass (pre-existing warnings only).
• composer test:type-coverage: 100%.
• New unit test in tests/Unit/QuoteDraft.test.tsx, written first and seen failing: the picker offers every link in the draft, and a link_preview_url error is shown.
• bun run test:unit: 152 pass, 1 fail. Component suite (tests/draft-images.config.ts): 427 pass, 6 fail. The same tests (tab-title unread caps, background inbox polling, and the draft-images wrapper) fail locally on unmodified production at fab3279, where CI passed, so they are local environment failures, not regressions. All quote tests pass.
• The full PHP suite was not run locally because no PHP changed; hosted CI runs it.
• End to end in Chrome: with two links, choosing github.com/laravel/framework updated the trigger and the preview, and the submitted quote was stored with that link preview. After unfurling, it rendered the GitHub card instead of the first link's.

Visual evidence

Local demo data. Before: production quote composer (no picker). After: this branch. Chromium captures at 1440×900, 1366×650, and 390×844 (mobile is viewport emulation).

Choosing the card, previewing, and quoting (1280×800)

MP4

Quote dialog, 1440×900

	Light	Dark
Before
After, picker open
After, preview of chosen link

Quote dialog, 1366×650

	Light	Dark
Before
After, link chosen
After, preview

Quote dialog, 390×844

Before	Writing	Picker open	Preview

Restored draft: the footer wraps instead of overlapping

390×844, near the limit	1440×900

Posted quote with the chosen card

Light	Dark

Device verification

iPhone 18 Pro Simulator, iOS 27.0, Safari. With the keyboard open, Cancel and Quote stay visible. The first tap on the picker dismisses the keyboard, and the next opens the menu clear of the bottom navigation and Safari's toolbar. Choosing the second link updated the trigger and the preview, and the quote submitted from the simulator was stored with that link.

Simulator MP4

Keyboard open	Picker open	Preview

Independent review

Independent reviewer: GPT-6.1 Sol (high reasoning, priority tier), read-only, two rounds against base fab32794.

• Round 1 at 92fad3cf: CODE FAIL, VISUAL FAIL. The only finding was that a restored draft's stash label overlapped Cancel at 390px. Fixed in 16db6457 by letting the footer wrap.
• Round 2 at 16db6457: CODE: PASS, VISUAL: PASS, no actionable findings. The reviewer independently ran 39 focused tests and checked the footer, discarding the draft, the form values, and the preview at 1440×900, 1366×650, and 390×844 in light and dark.

Review limits: the reviewer did not submit a quote, use the simulator, run the full PHP suite, or measure layout shift exhaustively; that evidence comes from the implementer.

Limitations

• The picker is shared with the reply composer and is unchanged: after a selection, focus returns to the trigger and shows its tooltip.
• Below sm, the trigger shows only the link icon; the chosen link appears in the preview and is announced to screen readers.