···11+{{ define "repo/pulls/fragments/stackedExplainer" }}
22+ <div
33+ id="stacked-explainer"
44+ popover
55+ class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
66+ dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50
77+ w-full md:w-96 p-4 rounded drop-shadow overflow-visible"
88+ >
99+ <div class="flex items-start justify-between gap-2 mb-2">
1010+ <h3 class="text-base font-semibold text-gray-900 dark:text-white my-0">
1111+ Stacked PRs
1212+ </h3>
1313+ <button
1414+ type="button"
1515+ popovertarget="stacked-explainer"
1616+ popovertargetaction="hide"
1717+ aria-label="Close"
1818+ class="text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white -mt-0.5 -mr-1"
1919+ >
2020+ {{ i "x" "size-4" }}
2121+ </button>
2222+ </div>
2323+2424+ <p class="text-sm text-gray-700 dark:text-gray-200 mb-2">
2525+ Each commit on your branch becomes its own pull request. Reviewers can
2626+ comment per commit, and Tangled tracks each PR across rewrites using
2727+ jujutsu change-ids. You can <code>jj edit</code> an old commit,
2828+ push, and the right PR advances to the next round.
2929+ </p>
3030+3131+ <p class="text-sm text-gray-700 dark:text-gray-200 mb-2">
3232+ Without stacking, all changes land as one PR. Force-pushes turn opaque
3333+ and <code>git blame</code> clobbers across rounds.
3434+ </p>
3535+3636+ <p class="text-sm text-gray-700 dark:text-gray-200 mb-3">
3737+ With stacking, edit/split/squash old commits freely, and descendants
3838+ will auto-rebase! Each PR shows an "interdiff" between rounds so
3939+ reviewers will see exactly what changed.
4040+ </p>
4141+4242+ <a
4343+ href="https://blog.tangled.org/stacking"
4444+ target="_blank"
4545+ rel="noopener noreferrer"
4646+ class="text-sm text-blue-600 dark:text-blue-400 hover:underline"
4747+ >
4848+ Full write-up
4949+ </a>
5050+ </div>
5151+{{ end }}