Diff hunk
One unified hunk with the @@ range strip and tone-coded lines for added / removed / context / meta.
Production answer
Diff hunk is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Diff hunk states
Generative search brief
Diff hunk: One unified hunk with the @@ range strip and tone-coded lines for added / removed / context / meta.
apps/web/quote-instant-pricing.ts · feature/quote-instant-pricing@@ -24,8 +24,9 @@ buildQuote()buildQuote()
2424export async function buildQuote(input: QuoteInput): Promise<Quote> {
2525 const { partIds, bayId, customerTier } = input
26 const flagged = await isFlagEnabled('quote-pricing-v1')
26 const flagged = await isFlagEnabled('quote-instant-pricing')
27 const cohort = await resolveCohort(customerTier)
2728 if (!flagged) {
2829 return legacyQuote(input)
2930 }
30 return instantQuote(partIds, bayId)
31 return instantQuote(partIds, bayId, cohort)
3132}
Behaviour
Each hunk is its own role="region" with an aria-label combining file path + range. Old + new line numbers gutter each line — added rows have no old number, removed rows have no new number. Tone is purely background-driven so screen readers still get the +/- marker.