tenseleyflow/shithub / 50a1a7e

+| `GET /{owner}/{repo}/compare`                           | `compareView`                 |

+empty). The bare `/compare` route renders GitHub's branch/tag picker

+blank slate instead of redirecting to `default...default`. Renders:

+

+- Base/head dropdowns listing local branches and tags with live

+  filtering. Cross-repo `fork:branch` input is still normalized to a

+  local ref until fork PRs ship.

+- A mergeability/status line plus a "Create pull request" button when

+  `head` has commits not on `base`.

+The pull-request list's "New pull request" button starts at

+`/{owner}/{repo}/compare`, where the user picks base/head refs. Once

+the head is ahead of base, compare links into

+`/pulls/new?base=...&head=...`. `/pulls/new` redirects back to

+compare when no head ref is supplied so the GitHub-style branch picker

+remains the canonical entry point.

+- Compare/new-PR entry follows GitHub's range editor: base and head

+  dropdowns list branches and tags with live filtering, preserve the

+  opposite side of the comparison, and render compare URLs with the

+  `base...head` shape.

+- The open-PR page reuses the compare state: ahead/behind counts,

+  mergeability probe, commits, and three-dot diff all render before

+  submission. The form posts the selected refs as hidden fields.

+- The new PR description uses the shared GitHub-like Markdown editor

+  (write/preview, toolbar, mentions/references/saved replies shell).

+  Copilot suggestions are intentionally omitted.

+	r.Get("/{owner}/{repo}/compare", h.compareView)

+	hasSelection := rest != ""

+	base := row.DefaultBranch

+	head := row.DefaultBranch

+	if hasSelection {

+		var found bool

+		base, head, found = strings.Cut(rest, "...")

+		if !found {

+			base, head, found = strings.Cut(rest, "..")

+			if !found {

+		if head == "" {

+			head = row.DefaultBranch

+		}

+	}

+	state := h.buildCompareState(r, owner.Username, row, gitDir, base, head, hasSelection, compareMenuTargetCompare)

+	h.d.Render.RenderPage(w, r, "repo/compare", mergePageData(

+		h.repoPageChrome(r, owner.Username, row, "code"),

+		map[string]any{

+			"UseCompareJS": true,

+			"Compare":      state,

+			"Base":         state.Base,

+			"Head":         state.Head,

+			"HasSelection": state.HasSelection,

+			"SameRef":      state.SameRef,

+			"NotFound":     state.NotFound,

+			"CommitsErr":   state.CommitsErr,

+			"NoCommits":    state.NoCommits,

+			"Ahead":        state.Ahead,

+			"Behind":       state.Behind,

+			"Commits":      state.Commits,

+			"DiffHTML":     state.DiffHTML,

+			"Stats":        state.Stats,

+			"MergeState":   state.MergeState,

+			"CanOpenPull":  state.CanOpenPull,

+			"PullNewHref":  state.PullNewHref,

+			"BaseMenu":     state.BaseMenu,

+			"HeadMenu":     state.HeadMenu,

+			"Examples":     state.Examples,

+		},

+	))

+// SPDX-License-Identifier: AGPL-3.0-or-later

+

+package repo

+

+import (

+	"context"

+	"errors"

+	"net/http"

+	"net/url"

+	"strings"

+

+	repogit "github.com/tenseleyFlow/shithub/internal/repos/git"

+	reposdb "github.com/tenseleyFlow/shithub/internal/repos/sqlc"

+	"github.com/tenseleyFlow/shithub/internal/web/middleware"

+)

+

+type compareMenuTarget string

+

+const (

+	compareMenuTargetCompare compareMenuTarget = "compare"

+	compareMenuTargetPullNew compareMenuTarget = "pull_new"

+)

+

+type compareRefOption struct {

+	Name      string

+	Href      string

+	Current   bool

+	IsDefault bool

+}

+

+type compareRefMenu struct {

+	ID      string

+	Label   string

+	Title   string

+	Current string

+

+	Branches []compareRefOption

+	Tags     []compareRefOption

+}

+

+type compareExample struct {

+	Name string

+	Href string

+}

+

+type compareStats struct {

+	CommitCount      int

+	FileCount        int

+	ContributorCount int

+}

+

+type compareMergeState struct {

+	State       string

+	Label       string

+	Description string

+}

+

+type compareState struct {

+	Base         string

+	Head         string

+	HasSelection bool

+	SameRef      bool

+	NotFound     bool

+	CommitsErr   bool

+	NoCommits    bool

+	Ahead        int

+	Behind       int

+

+	Commits     []repogit.Commit

+	DiffHTML    string

+	Stats       compareStats

+	MergeState  compareMergeState

+	CanOpenPull bool

+	PullNewHref string

+

+	BaseMenu compareRefMenu

+	HeadMenu compareRefMenu

+	Examples []compareExample

+}

+

+func (h *Handlers) repoPageChrome(r *http.Request, owner string, row reposdb.Repo, activeSubnav string) map[string]any {

+	return map[string]any{

+		"CSRFToken":    middleware.CSRFTokenForRequest(r),

+		"Owner":        owner,

+		"Repo":         row,

+		"RepoActions":  h.repoActions(r, row.ID),

+		"RepoCounts":   h.subnavCounts(r.Context(), row.ID, row.ForkCount),

+		"CanSettings":  h.canViewSettings(middleware.CurrentUserFromContext(r.Context())),

+		"ActiveSubnav": activeSubnav,

+	}

+}

+

+func mergePageData(base map[string]any, extra map[string]any) map[string]any {

+	out := make(map[string]any, len(base)+len(extra))

+	for k, v := range base {

+		out[k] = v

+	}

+	for k, v := range extra {

+		out[k] = v

+	}

+	return out

+}

+

+func (h *Handlers) buildCompareState(r *http.Request, owner string, row reposdb.Repo, gitDir, base, head string, hasSelection bool, target compareMenuTarget) compareState {

+	if strings.TrimSpace(base) == "" {

+		base = row.DefaultBranch

+	}

+	if strings.TrimSpace(head) == "" {

+		head = row.DefaultBranch

+	}

+

+	refs, _ := repogit.ListRefs(r.Context(), gitDir)

+	state := compareState{

+		Base:         base,

+		Head:         head,

+		HasSelection: hasSelection,

+		SameRef:      base == head,

+		PullNewHref:  pullNewURL(owner, row.Name, base, head),

+		MergeState: compareMergeState{

+			State:       "pending",

+			Label:       "Checking mergeability...",

+			Description: "You can still create the pull request while shithub checks these branches.",

+		},

+	}

+	state.BaseMenu, state.HeadMenu = buildCompareMenus(owner, row.Name, row.DefaultBranch, base, head, refs, target)

+	state.Examples = buildCompareExamples(owner, row.Name, row.DefaultBranch, refs)

+

+	if !hasSelection || base == "" || head == "" {

+		state.MergeState = compareMergeState{}

+		return state

+	}

+

+	commits, cerr := repogit.CommitsBetween(r.Context(), gitDir, base, head, 250)

+	if cerr != nil {

+		state.CommitsErr = true

+	}

+	state.Commits = commits

+

+	ahead, behind, abErr := repogit.AheadBehind(r.Context(), gitDir, base, head)

+	if abErr != nil {

+		state.NotFound = true

+		state.MergeState = compareMergeState{

+			State:       "missing",

+			Label:       "There was a problem comparing these refs.",

+			Description: "One or both refs were not found in this repository.",

+		}

+		return state

+	}

+	state.Ahead = ahead

+	state.Behind = behind

+	state.NoCommits = ahead <= 0

+	state.Stats.CommitCount = len(commits)

+	state.Stats.ContributorCount = countCommitContributors(commits)

+

+	if state.SameRef {

+		state.MergeState = compareMergeState{}

+		return state

+	}

+	if state.NoCommits {

+		state.MergeState = compareMergeState{

+			State:       "empty",

+			Label:       "There isn't anything to compare.",

+			Description: head + " is up to date with " + base + ".",

+		}

+		return state

+	}

+

+	patch, perr := compareSourceMergeBase(r, gitDir, base, head)

+	if perr == nil {

+		state.DiffHTML = renderCompareDiff(patch)

+		state.Stats.FileCount = countPatchFiles(patch)

+	}

+	state.CanOpenPull = true

+	state.MergeState = probeCompareMerge(r.Context(), gitDir, base, head)

+	return state

+}

+

+func buildCompareMenus(owner, repo, defaultBranch, base, head string, refs repogit.RefListing, target compareMenuTarget) (compareRefMenu, compareRefMenu) {

+	baseMenu := compareRefMenu{

+		ID:      "base",

+		Label:   "base:",

+		Title:   "Choose a base ref",

+		Current: base,

+	}

+	headMenu := compareRefMenu{

+		ID:      "head",

+		Label:   "compare:",

+		Title:   "Choose a head ref",

+		Current: head,

+	}

+

+	baseMenu.Branches = compareRefOptions(owner, repo, defaultBranch, base, head, base, refs.Branches, target, true)

+	headMenu.Branches = compareRefOptions(owner, repo, defaultBranch, base, head, head, refs.Branches, target, false)

+	baseMenu.Tags = compareRefOptions(owner, repo, defaultBranch, base, head, base, refs.Tags, target, true)

+	headMenu.Tags = compareRefOptions(owner, repo, defaultBranch, base, head, head, refs.Tags, target, false)

+

+	baseMenu.Branches = ensureCompareRefOption(baseMenu.Branches, owner, repo, defaultBranch, base, head, base, target, true)

+	headMenu.Branches = ensureCompareRefOption(headMenu.Branches, owner, repo, defaultBranch, base, head, head, target, false)

+	return baseMenu, headMenu

+}

+

+func compareRefOptions(owner, repo, defaultBranch, base, head, current string, refs []repogit.RefEntry, target compareMenuTarget, changingBase bool) []compareRefOption {

+	options := make([]compareRefOption, 0, len(refs))

+	for _, ref := range refs {

+		options = append(options, compareRefOption{

+			Name:      ref.Name,

+			Href:      compareRefHref(owner, repo, base, head, ref.Name, target, changingBase),

+			Current:   ref.Name == current,

+			IsDefault: ref.Name == defaultBranch,

+		})

+	}

+	return options

+}

+

+func ensureCompareRefOption(options []compareRefOption, owner, repo, defaultBranch, base, head, current string, target compareMenuTarget, changingBase bool) []compareRefOption {

+	if current == "" {

+		return options

+	}

+	for _, option := range options {

+		if option.Name == current {

+			return options

+		}

+	}

+	return append([]compareRefOption{{

+		Name:      current,

+		Href:      compareRefHref(owner, repo, base, head, current, target, changingBase),

+		Current:   true,

+		IsDefault: current == defaultBranch,

+	}}, options...)

+}

+

+func compareRefHref(owner, repo, base, head, ref string, target compareMenuTarget, changingBase bool) string {

+	if changingBase {

+		base = ref

+	} else {

+		head = ref

+	}

+	if target == compareMenuTargetPullNew {

+		return pullNewURL(owner, repo, base, head)

+	}

+	return compareURL(owner, repo, base, head)

+}

+

+func buildCompareExamples(owner, repo, defaultBranch string, refs repogit.RefListing) []compareExample {

+	examples := make([]compareExample, 0, 5)

+	for _, branch := range refs.Branches {

+		if branch.Name == defaultBranch {

+			continue

+		}

+		examples = append(examples, compareExample{

+			Name: branch.Name,

+			Href: compareURL(owner, repo, defaultBranch, branch.Name),

+		})

+		if len(examples) == 5 {

+			break

+		}

+	}

+	return examples

+}

+

+func compareURL(owner, repo, base, head string) string {

+	return "/" + url.PathEscape(owner) + "/" + url.PathEscape(repo) + "/compare/" + escapePathSegments(base) + "..." + escapePathSegments(head)

+}

+

+func pullNewURL(owner, repo, base, head string) string {

+	q := url.Values{}

+	q.Set("base", base)

+	q.Set("head", head)

+	return "/" + url.PathEscape(owner) + "/" + url.PathEscape(repo) + "/pulls/new?" + q.Encode()

+}

+

+func countPatchFiles(patch []byte) int {

+	if len(patch) == 0 {

+		return 0

+	}

+	count := 0

+	for _, line := range strings.Split(string(patch), "\n") {

+		if strings.HasPrefix(line, "diff --git ") {

+			count++

+		}

+	}

+	return count

+}

+

+func countCommitContributors(commits []repogit.Commit) int {

+	if len(commits) == 0 {

+		return 0

+	}

+	seen := map[string]struct{}{}

+	for _, commit := range commits {

+		key := strings.ToLower(strings.TrimSpace(commit.AuthorEmail))

+		if key == "" {

+			key = strings.ToLower(strings.TrimSpace(commit.AuthorName))

+		}

+		if key != "" {

+			seen[key] = struct{}{}

+		}

+	}

+	return len(seen)

+}

+

+func defaultPullTitle(head string, commits []repogit.Commit) string {

+	if len(commits) == 1 && strings.TrimSpace(commits[0].Subject) != "" {

+		return commits[0].Subject

+	}

+	if strings.TrimSpace(head) == "" {

+		return ""

+	}

+	return head

+}

+

+func probeCompareMerge(ctx context.Context, gitDir, base, head string) compareMergeState {

+	baseOID, berr := repogit.ResolveRefOID(ctx, gitDir, base)

+	headOID, herr := repogit.ResolveRefOID(ctx, gitDir, head)

+	if berr != nil || herr != nil {

+		return compareMergeState{

+			State:       "missing",

+			Label:       "Unable to check mergeability.",

+			Description: "One or both refs could not be resolved.",

+		}

+	}

+	result, err := repogit.ProbeMerge(ctx, gitDir, baseOID, headOID)

+	if err != nil {

+		if errors.Is(err, repogit.ErrRefNotFound) {

+			return compareMergeState{

+				State:       "missing",

+				Label:       "Unable to check mergeability.",

+				Description: "One or both refs could not be resolved.",

+			}

+		}

+		return compareMergeState{

+			State:       "unknown",

+			Label:       "Mergeability could not be checked.",

+			Description: "You can still create the pull request and shithub will retry the check.",

+		}

+	}

+	if result.HasConflict {

+		return compareMergeState{

+			State:       "conflict",

+			Label:       "Cannot automatically merge.",

+			Description: "These branches have conflicts that must be resolved.",

+		}

+	}

+	return compareMergeState{

+		State:       "clean",

+		Label:       "Able to merge.",

+		Description: "These branches can be automatically merged.",

+	}

+}

+

+func pullNewCommentEditorConfig(viewer middleware.CurrentUser) commentEditorConfig {

+	if viewer.IsAnonymous() || strings.EqualFold(viewer.Username, "copilot") {

+		return commentEditorConfig{}

+	}

+	return commentEditorConfig{

+		Mentions: []commentEditorMention{{

+			Username:  viewer.Username,

+			AvatarURL: commentEditorAvatarURL(viewer.Username),

+		}},

+	}

+}

+// SPDX-License-Identifier: AGPL-3.0-or-later

+

+package repo

+

+import (

+	"testing"

+

+	repogit "github.com/tenseleyFlow/shithub/internal/repos/git"

+)

+

+func TestCompareURLsEscapeBranchSegments(t *testing.T) {

+	got := compareURL("tenseleyFlow", "shithub", "trunk", "feature/a b")

+	want := "/tenseleyFlow/shithub/compare/trunk...feature/a%20b"

+	if got != want {

+		t.Fatalf("compareURL() = %q, want %q", got, want)

+	}

+

+	got = pullNewURL("tenseleyFlow", "shithub", "trunk", "feature/a b")

+	want = "/tenseleyFlow/shithub/pulls/new?base=trunk&head=feature%2Fa+b"

+	if got != want {

+		t.Fatalf("pullNewURL() = %q, want %q", got, want)

+	}

+}

+

+func TestBuildCompareMenusPreservesOtherSide(t *testing.T) {

+	refs := repogit.RefListing{

+		Branches: []repogit.RefEntry{

+			{Name: "trunk"},

+			{Name: "scratch"},

+		},

+		Tags: []repogit.RefEntry{{Name: "v1.0.0"}},

+	}

+

+	baseMenu, headMenu := buildCompareMenus("octo", "demo", "trunk", "trunk", "scratch", refs, compareMenuTargetCompare)

+	if baseMenu.Branches[1].Href != "/octo/demo/compare/scratch...scratch" {

+		t.Fatalf("base branch href = %q", baseMenu.Branches[1].Href)

+	}

+	if headMenu.Branches[0].Href != "/octo/demo/compare/trunk...trunk" {

+		t.Fatalf("head branch href = %q", headMenu.Branches[0].Href)

+	}

+	if !baseMenu.Branches[0].IsDefault {

+		t.Fatalf("default branch not marked")

+	}

+

+	_, pullHeadMenu := buildCompareMenus("octo", "demo", "trunk", "trunk", "scratch", refs, compareMenuTargetPullNew)

+	if pullHeadMenu.Branches[1].Href != "/octo/demo/pulls/new?base=trunk&head=scratch" {

+		t.Fatalf("pull new head href = %q", pullHeadMenu.Branches[1].Href)

+	}

+}

+

+func TestCountPatchFiles(t *testing.T) {

+	patch := []byte(`diff --git a/one.txt b/one.txt

+index 1111111..2222222 100644

+--- a/one.txt

++++ b/one.txt

+@@ -1 +1 @@

+-old

++new

+diff --git a/two.txt b/two.txt

+new file mode 100644

+`)

+	if got := countPatchFiles(patch); got != 2 {

+		t.Fatalf("countPatchFiles() = %d, want 2", got)

+	}

+}

+	if strings.TrimSpace(head) == "" {

+		http.Redirect(w, r, "/"+owner.Username+"/"+row.Name+"/compare", http.StatusSeeOther)

+		return

+	}

+	h.renderPullNewForm(w, r, owner.Username, row, pullNewFormOptions{

+		Base: base,

+		Head: head,

+type pullNewFormOptions struct {

+	Base      string

+	Head      string

+	FormTitle string

+	FormBody  string

+	Error     string

+	Status    int

+}

+

+func (h *Handlers) renderPullNewForm(w http.ResponseWriter, r *http.Request, owner string, row reposdb.Repo, opts pullNewFormOptions) {

+	gitDir, err := h.d.RepoFS.RepoPath(owner, row.Name)

+	if err != nil {

+		h.d.Render.HTTPError(w, r, http.StatusNotFound, "")

+		return

+	}

+	base := strings.TrimSpace(opts.Base)

+	if base == "" {

+		base = row.DefaultBranch

+	}

+	head := strings.TrimSpace(opts.Head)

+	if head == "" {

+		head = row.DefaultBranch

+	}

+	state := h.buildCompareState(r, owner, row, gitDir, base, head, true, compareMenuTargetPullNew)

+	formTitle := opts.FormTitle

+	if strings.TrimSpace(formTitle) == "" && opts.Error == "" {

+		formTitle = defaultPullTitle(state.Head, state.Commits)

+	}

+	viewer := middleware.CurrentUserFromContext(r.Context())

+	status := opts.Status

+	if status == 0 {

+		status = http.StatusOK

+	}

+	w.Header().Set("Content-Type", "text/html; charset=utf-8")

+	if status != http.StatusOK {

+		w.WriteHeader(status)

+	}

+	_ = h.d.Render.RenderPage(w, r, "repo/pull_new", mergePageData(

+		h.repoPageChrome(r, owner, row, "pulls"),

+		map[string]any{

+			"Title":               "Open a pull request · " + row.Name,

+			"UseCompareJS":        true,

+			"UseCommentEditor":    true,

+			"CommentEditorConfig": commentEditorConfigJSON(pullNewCommentEditorConfig(viewer)),

+			"Viewer":              viewer,

+			"ViewerAvatarURL":     commentEditorAvatarURL(viewer.Username),

+			"Error":               opts.Error,

+			"FormTitle":           formTitle,

+			"FormBody":            opts.FormBody,

+			"Base":                state.Base,

+			"Head":                state.Head,

+			"HasSelection":        state.HasSelection,

+			"SameRef":             state.SameRef,

+			"NotFound":            state.NotFound,

+			"CommitsErr":          state.CommitsErr,

+			"NoCommits":           state.NoCommits,

+			"Ahead":               state.Ahead,

+			"Behind":              state.Behind,

+			"Commits":             state.Commits,

+			"DiffHTML":            state.DiffHTML,

+			"Stats":               state.Stats,

+			"MergeState":          state.MergeState,

+			"CanOpenPull":         state.CanOpenPull,

+			"CanCreatePull":       state.CanOpenPull && !state.NotFound && !state.CommitsErr,

+			"PullNewHref":         state.PullNewHref,

+			"BaseMenu":            state.BaseMenu,

+			"HeadMenu":            state.HeadMenu,

+		},

+	))

+}

+

+	h.renderPullNewForm(w, r, owner, row, pullNewFormOptions{

+		Base:      r.PostFormValue("base"),

+		Head:      r.PostFormValue("head"),

+		FormTitle: r.PostFormValue("title"),

+		FormBody:  r.PostFormValue("body"),

+		Error:     msg,

+		Status:    http.StatusBadRequest,

+.shithub-compare-flow {

+  max-width: 62.5rem;

+  margin: 1.5rem auto 3rem;

+  padding: 0 1rem;

+}

+.shithub-compare-subhead {

+  padding-bottom: 0.75rem;

+  margin-bottom: 0.75rem;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-compare-subhead h1 {

+  margin: 0 0 0.25rem;

+  font-size: 1.5rem;

+}

+.shithub-compare-subhead p {

+  margin: 0;

+  color: var(--fg-muted);

+}

+.shithub-range-editor {

+  display: flex;

+  align-items: center;

+  gap: 0.5rem;

+  flex-wrap: wrap;

+  padding: 0.75rem 0;

+}

+.shithub-range-separator {

+  color: var(--fg-muted);

+  font-weight: 600;

+}

+.shithub-range-create {

+  margin-left: auto;

+}

+.shithub-compare-ref-menu {

+  position: relative;

+}

+.shithub-compare-ref-summary {

+  display: inline-flex;

+  align-items: center;

+  gap: 0.35rem;

+  list-style: none;

+}

+.shithub-compare-ref-summary::-webkit-details-marker {

+  display: none;

+}

+.shithub-compare-ref-label {

+  color: var(--fg-muted);

+}

+.shithub-compare-ref-current {

+  color: var(--fg-default);

+  font-weight: 600;

+}

+.shithub-compare-ref-panel {

+  position: absolute;

+  z-index: 70;

+  top: calc(100% + 0.25rem);

+  left: 0;

+  width: min(20rem, calc(100vw - 2rem));

+  overflow: hidden;

+  background: var(--canvas-overlay, var(--canvas-default));

+  border: 1px solid var(--border-default);

+  border-radius: 8px;

+  box-shadow: var(--shadow-large, 0 16px 32px rgba(1, 4, 9, 0.35));

+}

+.shithub-compare-ref-panel-head {

+  display: flex;

+  align-items: center;

+  justify-content: space-between;

+  gap: 0.75rem;

+  padding: 0.75rem;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-compare-ref-filter {

+  display: flex;

+  align-items: center;

+  gap: 0.4rem;

+  margin: 0.5rem;

+  padding: 0 0.5rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  color: var(--fg-muted);

+}

+.shithub-compare-ref-filter input {

+  width: 100%;

+  min-width: 0;

+  padding: 0.45rem 0;

+  color: var(--fg-default);

+  background: transparent;

+  border: 0;

+  outline: 0;

+  font: inherit;

+}

+.shithub-compare-ref-tabs {

+  display: flex;

+  border-top: 1px solid var(--border-default);

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-compare-ref-tabs button {

+  flex: 1 1 0;

+  padding: 0.55rem 0.75rem;

+  color: var(--fg-muted);

+  background: transparent;

+  border: 0;

+  border-bottom: 2px solid transparent;

+  font: inherit;

+  font-weight: 600;

+  cursor: pointer;

+}

+.shithub-compare-ref-tabs button.is-active {

+  color: var(--fg-default);

+  border-bottom-color: var(--accent-emphasis);

+}

+.shithub-compare-ref-list {

+  max-height: 19rem;

+  overflow: auto;

+}

+.shithub-compare-ref-option {

+  display: grid;

+  grid-template-columns: 1.25rem minmax(0, 1fr) auto;

+  align-items: center;

+  gap: 0.4rem;

+  padding: 0.55rem 0.75rem;

+  color: var(--fg-default);

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-compare-ref-option:hover,

+.shithub-compare-ref-option.is-current {

+  color: #ffffff;

+  text-decoration: none;

+  background: var(--accent-emphasis);

+}

+.shithub-compare-ref-check {

+  display: inline-flex;

+  color: currentColor;

+}

+.shithub-compare-ref-option-name {

+  overflow: hidden;

+  text-overflow: ellipsis;

+  white-space: nowrap;

+}

+.shithub-compare-ref-default {

+  padding: 0.05rem 0.35rem;

+  color: var(--fg-default);

+  border: 1px solid var(--border-default);

+  border-radius: 999px;

+  font-size: 0.75rem;

+  font-weight: 600;

+}

+.shithub-compare-ref-option:hover .shithub-compare-ref-default,

+.shithub-compare-ref-option.is-current .shithub-compare-ref-default {

+  color: #ffffff;

+  border-color: rgba(255, 255, 255, 0.65);

+}

+.shithub-compare-ref-empty {

+  padding: 1rem;

+  color: var(--fg-muted);

+  text-align: center;

+}

+.shithub-compare-flash {

+  display: flex;

+  align-items: flex-start;

+  gap: 0.75rem;

+  padding: 0.75rem 1rem;

+  margin: 0.5rem 0 1rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-subtle);

+}

+.shithub-compare-flash p {

+  margin: 0.2rem 0 0;

+  color: var(--fg-muted);

+}

+.shithub-compare-flash-warning {

+  border-color: rgba(187, 128, 9, 0.45);

+  background: rgba(187, 128, 9, 0.12);

+}

+.shithub-compare-flash-danger,

+.shithub-compare-flash-conflict {

+  border-color: rgba(248, 81, 73, 0.45);

+  background: rgba(248, 81, 73, 0.10);

+}

+.shithub-compare-flash-clean,

+.shithub-range-merge-clean {

+  color: var(--success-fg);

+}

+.shithub-compare-blankslate {

+  display: grid;

+  justify-items: center;

+  gap: 0.35rem;

+  padding: 2.5rem 1rem;

+  color: var(--fg-muted);

+  text-align: center;

+}

+.shithub-compare-blankslate h2 {

+  margin: 0;

+  color: var(--fg-default);

+  font-size: 1.25rem;

+}

+.shithub-compare-examples {

+  width: min(28rem, 100%);

+  margin-top: 0.75rem;

+  overflow: hidden;

+  text-align: left;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+}

+.shithub-compare-examples-head,

+.shithub-compare-examples a {

+  display: flex;

+  align-items: center;

+  justify-content: space-between;

+  gap: 0.75rem;

+  padding: 0.55rem 0.75rem;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-compare-examples a:last-child {

+  border-bottom: 0;

+}

+.shithub-compare-examples-head {

+  color: var(--fg-muted);

+  background: var(--canvas-subtle);

+  font-weight: 600;

+}

+.shithub-compare-stats {

+  display: grid;

+  grid-template-columns: repeat(3, 1fr);

+  margin: 1rem 0;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  overflow: hidden;

+}

+.shithub-compare-stats span {

+  display: flex;

+  align-items: center;

+  justify-content: center;

+  gap: 0.4rem;

+  padding: 0.75rem;

+  color: var(--fg-muted);

+  border-right: 1px solid var(--border-default);

+}

+.shithub-compare-stats span:last-child {

+  border-right: 0;

+}

+.shithub-compare-commits {

+  margin-top: 1.5rem;

+}

+.shithub-compare-commits h2 {

+  margin: 0 0 0.5rem;

+  font-size: 1rem;

+}

+.shithub-range-merge-state {

+  display: inline-flex;

+  align-items: center;

+  gap: 0.25rem;

+  font-weight: 600;

+}

+.shithub-range-merge-conflict,

+.shithub-range-merge-missing {

+  color: var(--danger-fg, #f85149);

+}

+.shithub-pull-open-flow {

+  max-width: 72rem;

+}

+.shithub-pull-new-layout {

+  display: grid;

+  grid-template-columns: minmax(0, 1fr) 17rem;

+  gap: 1.5rem;

+  align-items: start;

+  margin-top: 0.75rem;

+}

+.shithub-pull-new-form {

+  min-width: 0;

+}

+.shithub-pull-new-title-row {

+  display: grid;

+  grid-template-columns: 2.5rem minmax(0, 1fr);

+  gap: 0.75rem;

+  align-items: start;

+}

+.shithub-pull-new-title,

+.shithub-pull-new-description-label {

+  display: grid;

+  gap: 0.35rem;

+  font-weight: 600;

+}

+.shithub-pull-new-title input {

+  width: 100%;

+  padding: 0.5rem 0.75rem;

+  color: var(--fg-default);

+  background: var(--canvas-default);

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  font: inherit;

+}

+.shithub-pull-new-description {

+  margin: 0.75rem 0 0 3.25rem;

+}

+.shithub-pull-new-description .shithub-comment-editor-box {

+  margin-top: 0.35rem;

+}

+.shithub-pull-new-actions {

+  display: flex;

+  justify-content: flex-end;

+  align-items: stretch;

+  gap: 0;

+  margin-top: 0.75rem;

+}

+.shithub-pull-new-actions > .shithub-button-primary {

+  border-top-right-radius: 0;

+  border-bottom-right-radius: 0;

+}

+.shithub-pr-submit-menu {

+  position: relative;

+}

+.shithub-pr-submit-menu > summary {

+  height: 100%;

+  border-top-left-radius: 0;

+  border-bottom-left-radius: 0;

+  list-style: none;

+}

+.shithub-pr-submit-menu > summary::-webkit-details-marker {

+  display: none;

+}

+.shithub-pr-submit-menu-popover {

+  position: absolute;

+  z-index: 65;

+  right: 0;

+  top: calc(100% + 0.25rem);

+  width: min(21rem, calc(100vw - 2rem));

+  overflow: hidden;

+  background: var(--canvas-overlay, var(--canvas-default));

+  border: 1px solid var(--border-default);

+  border-radius: 8px;

+  box-shadow: var(--shadow-large, 0 16px 32px rgba(1, 4, 9, 0.35));

+}

+.shithub-pr-submit-menu-popover button {

+  display: grid;

+  gap: 0.25rem;

+  width: 100%;

+  padding: 0.75rem 1rem;

+  color: var(--fg-default);

+  text-align: left;

+  background: transparent;

+  border: 0;

+  border-bottom: 1px solid var(--border-default);

+  font: inherit;

+  cursor: pointer;

+}

+.shithub-pr-submit-menu-popover button:last-child {

+  border-bottom: 0;

+}

+.shithub-pr-submit-menu-popover button:hover,

+.shithub-pr-submit-menu-popover button.is-active {

+  color: #ffffff;

+  background: var(--accent-emphasis);

+}

+.shithub-pr-submit-menu-popover span {

+  color: inherit;

+  opacity: 0.85;

+  font-size: 0.85rem;

+}

+.shithub-pull-new-sidebar {

+  display: grid;

+  gap: 0;

+  color: var(--fg-muted);

+  font-size: 0.9rem;

+}

+.shithub-pull-new-sidebar section {

+  padding: 0.75rem 0;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-pull-new-sidebar h2 {

+  display: flex;

+  align-items: center;

+  justify-content: space-between;

+  gap: 0.5rem;

+  margin: 0 0 0.4rem;

+  color: var(--fg-muted);

+  font-size: 0.85rem;

+}

+.shithub-pull-new-sidebar p {

+  margin: 0;

+}

+@media (max-width: 760px) {

+  .shithub-range-create {

+    margin-left: 0;

+    width: 100%;

+    justify-content: center;

+  }

+  .shithub-compare-stats {

+    grid-template-columns: 1fr;

+  }

+  .shithub-compare-stats span {

+    border-right: 0;

+    border-bottom: 1px solid var(--border-default);

+  }

+  .shithub-compare-stats span:last-child {

+    border-bottom: 0;

+  }

+  .shithub-pull-new-layout {

+    grid-template-columns: 1fr;

+  }

+  .shithub-pull-new-description {

+    margin-left: 0;

+  }

+  .shithub-pull-new-sidebar {

+    order: 2;

+  }

+}

+// SPDX-License-Identifier: AGPL-3.0-or-later

+

+(function () {

+  function setActivePanel(menu, name) {

+    menu.querySelectorAll("[data-ref-tab]").forEach(function (tab) {

+      var active = tab.getAttribute("data-ref-tab") === name;

+      tab.classList.toggle("is-active", active);

+      tab.setAttribute("aria-selected", active ? "true" : "false");

+    });

+    menu.querySelectorAll("[data-ref-panel]").forEach(function (panel) {

+      panel.hidden = panel.getAttribute("data-ref-panel") !== name;

+    });

+    var input = menu.querySelector("[data-ref-filter]");

+    if (input) {

+      input.value = "";

+      input.setAttribute("placeholder", name === "tags" ? "Find a tag" : "Find a branch");

+      input.setAttribute("aria-label", name === "tags" ? "Find a tag" : "Find a branch");

+      filterPanel(menu);

+      input.focus();

+    }

+  }

+

+  function filterPanel(menu) {

+    var input = menu.querySelector("[data-ref-filter]");

+    var query = input ? input.value.trim().toLowerCase() : "";

+    var panel = Array.prototype.find.call(menu.querySelectorAll("[data-ref-panel]"), function (candidate) {

+      return !candidate.hidden;

+    });

+    if (!panel) return;

+    var visible = 0;

+    panel.querySelectorAll("[data-ref-option]").forEach(function (option) {

+      var name = (option.getAttribute("data-ref-name") || option.textContent || "").toLowerCase();

+      var match = !query || name.indexOf(query) !== -1;

+      option.hidden = !match;

+      if (match) visible += 1;

+    });

+    var empty = panel.querySelector("[data-ref-empty]");

+    if (empty) empty.hidden = visible !== 0;

+  }

+

+  document.querySelectorAll("[data-ref-menu]").forEach(function (menu) {

+    menu.querySelectorAll("[data-ref-tab]").forEach(function (tab) {

+      tab.addEventListener("click", function () {

+        setActivePanel(menu, tab.getAttribute("data-ref-tab") || "branches");

+      });

+    });

+    var input = menu.querySelector("[data-ref-filter]");

+    if (input) {

+      input.addEventListener("input", function () { filterPanel(menu); });

+    }

+    menu.querySelectorAll("[data-ref-close]").forEach(function (close) {

+      close.addEventListener("click", function () { menu.open = false; });

+    });

+    menu.addEventListener("toggle", function () {

+      if (menu.open && input) {

+        setTimeout(function () { input.focus(); }, 0);

+      }

+    });

+  });

+})();

+{{ define "compare-ref-menu" -}}

+{{ $menu := .Menu -}}

+<details class="shithub-compare-ref-menu" data-ref-menu>

+  <summary class="shithub-button shithub-button-small shithub-compare-ref-summary">

+    <span class="shithub-compare-ref-label">{{ $menu.Label }}</span>

+    <span class="shithub-compare-ref-current">{{ $menu.Current }}</span>

+    {{ octicon "triangle-down" }}

+  </summary>

+  <div class="shithub-compare-ref-panel">

+    <div class="shithub-compare-ref-panel-head">

+      <strong>{{ $menu.Title }}</strong>

+      <button type="button" class="shithub-icon-button shithub-compare-ref-close" aria-label="Close" data-ref-close>{{ octicon "x" }}</button>

+    </div>

+    <div class="shithub-compare-ref-filter">

+      {{ octicon "search" }}

+      <input type="search" placeholder="Find a branch" aria-label="Find a branch" data-ref-filter>

+    </div>

+    <div class="shithub-compare-ref-tabs" role="tablist" aria-label="{{ $menu.Title }}">

+      <button type="button" class="is-active" role="tab" aria-selected="true" data-ref-tab="branches">Branches</button>

+      <button type="button" role="tab" aria-selected="false" data-ref-tab="tags">Tags</button>

+    </div>

+    <div class="shithub-compare-ref-list" data-ref-panel="branches">

+      {{ range $menu.Branches }}

+      <a href="{{ .Href }}" class="shithub-compare-ref-option{{ if .Current }} is-current{{ end }}" data-ref-option data-ref-name="{{ .Name }}">

+        <span class="shithub-compare-ref-check">{{ if .Current }}{{ octicon "check" }}{{ end }}</span>

+        <span class="shithub-compare-ref-option-name">{{ .Name }}</span>

+        {{ if .IsDefault }}<span class="shithub-compare-ref-default">default</span>{{ end }}

+      </a>

+      {{ end }}

+      <div class="shithub-compare-ref-empty" data-ref-empty hidden>No matching branches.</div>

+    </div>

+    <div class="shithub-compare-ref-list" data-ref-panel="tags" hidden>

+      {{ range $menu.Tags }}

+      <a href="{{ .Href }}" class="shithub-compare-ref-option{{ if .Current }} is-current{{ end }}" data-ref-option data-ref-name="{{ .Name }}">

+        <span class="shithub-compare-ref-check">{{ if .Current }}{{ octicon "check" }}{{ end }}</span>

+        <span class="shithub-compare-ref-option-name">{{ .Name }}</span>

+        {{ if .IsDefault }}<span class="shithub-compare-ref-default">default</span>{{ end }}

+      </a>

+      {{ end }}

+      <div class="shithub-compare-ref-empty" data-ref-empty hidden>No matching tags.</div>

+    </div>

+  </div>

+</details>

+{{- end }}

+  {{ if flag . "UseCompareJS" }}<script src="/static/js/compare.js" defer></script>{{ end }}

+<section class="shithub-repo-page">

+  {{ template "repo-header" . }}

+  <div class="shithub-compare-flow">

+    <header class="shithub-compare-subhead">

+      <h1>{{ if .HasSelection }}Comparing changes{{ else }}Compare changes{{ end }}</h1>

+      <p>

+        {{ if .HasSelection }}

+        Choose two branches to see what's changed or to start a new pull request.

+        Compare changes across branches, commits, tags, and more below.

+    </header>

+

+    <div class="shithub-range-editor" aria-label="Compare branches">

+      {{ template "compare-ref-menu" (dict "Menu" .BaseMenu) }}

+      <span class="shithub-range-separator" aria-hidden="true">...</span>

+      {{ template "compare-ref-menu" (dict "Menu" .HeadMenu) }}

+      {{ if .CanOpenPull }}

+      <a href="{{ .PullNewHref }}" class="shithub-button shithub-button-primary shithub-range-create">Create pull request</a>

+      {{ else }}

+      <button type="button" class="shithub-button shithub-button-primary shithub-range-create" disabled>Create pull request</button>

+      {{ end }}

+    </div>

+

+    {{ if .NotFound }}

+    <div class="shithub-compare-flash shithub-compare-flash-danger" role="alert">

+      {{ octicon "x-circle" }}

+      <div>

+        <strong>There was a problem comparing these refs.</strong>

+        <p>One or both refs were not found in this repository.</p>

+      </div>

+    </div>

+    {{ else if not .HasSelection }}

+    <div class="shithub-compare-flash shithub-compare-flash-warning">

+      {{ octicon "git-pull-request" }}

+      <div>Choose different branches or tags above to discuss and review changes.</div>

+    </div>

+    <section class="shithub-compare-blankslate">

+      {{ octicon "git-pull-request" }}

+      <h2>Compare and review just about anything</h2>

+      <p>Branches, tags, commits, and time ranges in the same repository can be compared from here.</p>

+      {{ if .Examples }}

+      <div class="shithub-compare-examples">

+        <div class="shithub-compare-examples-head">Example comparisons</div>

+        {{ range .Examples }}

+        <a href="{{ .Href }}">

+          <span>{{ octicon "git-branch" }} {{ .Name }}</span>

+          <span>compare</span>

+        </a>

+        {{ end }}

+      </div>

+      {{ end }}

+    </section>

+    {{ else if .SameRef }}

+    <div class="shithub-compare-flash shithub-compare-flash-warning">

+      {{ octicon "git-pull-request" }}

+      <div>Choose different branches or tags above to discuss and review changes.</div>

+    </div>

+    <section class="shithub-compare-blankslate">

+      {{ octicon "git-pull-request" }}

+      <h2>Compare and review just about anything</h2>

+      <p><code>{{ .Base }}</code> and <code>{{ .Head }}</code> are the same ref.</p>

+    </section>

+    {{ else if .NoCommits }}

+    <div class="shithub-compare-flash shithub-compare-flash-warning">

+      {{ octicon "check-circle" }}

+      <div>

+        <strong>There isn't anything to compare.</strong>

+        <p><code>{{ .Head }}</code> is up to date with <code>{{ .Base }}</code>.</p>

+      </div>

+    </div>

+    {{ else }}

+    <div class="shithub-compare-flash shithub-compare-flash-{{ .MergeState.State }}">

+      {{ if eq .MergeState.State "clean" }}{{ octicon "check" }}{{ else if eq .MergeState.State "conflict" }}{{ octicon "x-circle" }}{{ else }}{{ octicon "git-pull-request" }}{{ end }}

+      <div>

+        <strong>{{ .MergeState.Label }}</strong>

+        <span>{{ .MergeState.Description }}</span>

+      </div>

+    </div>

+

+    <div class="shithub-compare-stats" aria-label="Comparison summary">

+      <span>{{ octicon "git-commit" }} {{ .Stats.CommitCount }} {{ pluralize .Stats.CommitCount "commit" "commits" }}</span>

+      <span>{{ octicon "diff" }} {{ .Stats.FileCount }} {{ pluralize .Stats.FileCount "file changed" "files changed" }}</span>

+      <span>{{ octicon "person" }} {{ .Stats.ContributorCount }} {{ pluralize .Stats.ContributorCount "contributor" "contributors" }}</span>

+    </div>

+      <h2>Commits on {{ .Head }}</h2>

+            <small>{{ .AuthorName }} committed <time datetime="{{ .AuthorWhen.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .AuthorWhen }}</time></small>

+  </div>

+<section class="shithub-repo-page">

+  {{ template "repo-header" . }}

+

+  <div class="shithub-compare-flow shithub-pull-open-flow">

+    <header class="shithub-compare-subhead">

+      <h1>Open a pull request</h1>

+      <p>Create a new pull request by comparing changes across two branches.</p>

+    <div class="shithub-range-editor" aria-label="Choose pull request branches">

+      {{ template "compare-ref-menu" (dict "Menu" .BaseMenu) }}

+      <span class="shithub-range-separator" aria-hidden="true">...</span>

+      {{ template "compare-ref-menu" (dict "Menu" .HeadMenu) }}

+      {{ if .MergeState.Label }}

+      <span class="shithub-range-merge-state shithub-range-merge-{{ .MergeState.State }}">

+        {{ if eq .MergeState.State "clean" }}{{ octicon "check" }}{{ else if eq .MergeState.State "conflict" }}{{ octicon "x-circle" }}{{ else }}{{ octicon "git-pull-request" }}{{ end }}

+        {{ .MergeState.Label }}

+      </span>

+      {{ end }}

+    </div>

+

+    {{ if .NotFound }}

+    <div class="shithub-compare-flash shithub-compare-flash-danger" role="alert">

+      {{ octicon "x-circle" }}

+      <div>

+        <strong>There was a problem comparing these refs.</strong>

+        <p>One or both refs were not found in this repository.</p>

+      </div>

+    </div>

+    {{ else if or .SameRef .NoCommits }}

+    <div class="shithub-compare-flash shithub-compare-flash-warning">

+      {{ octicon "git-pull-request" }}

+      <div>

+        <strong>Choose different branches to open a pull request.</strong>

+        <p><code>{{ .Head }}</code> has no commits ahead of <code>{{ .Base }}</code>.</p>

+      </div>

+    </div>

+    {{ end }}

+    <div class="shithub-pull-new-layout">

+      <form method="post" action="/{{ .Owner }}/{{ .Repo.Name }}/pulls" class="shithub-pull-new-form">

+        <input type="hidden" name="base" value="{{ .Base }}">

+        <input type="hidden" name="head" value="{{ .Head }}">

+

+        <div class="shithub-pull-new-title-row">

+          <a class="shithub-comment-composer-avatar" href="/{{ .Viewer.Username }}" aria-label="@{{ .Viewer.Username }}">

+            <img src="{{ .ViewerAvatarURL }}" alt="" width="40" height="40">

+          </a>

+          <label class="shithub-pull-new-title">

+            <span>Add a title <strong>*</strong></span>

+        </div>

+

+        <div class="shithub-pull-new-description" data-comment-editor data-preview-url="/{{ .Owner }}/{{ .Repo.Name }}/markdown-preview" data-preview-ref="{{ .Base }}">

+          <script type="application/json" data-comment-editor-config>{{ jsField . "CommentEditorConfig" }}</script>

+          <label class="shithub-pull-new-description-label" for="pull-new-body">Add a description</label>

+          <div class="shithub-comment-editor-box">

+            <div class="shithub-comment-editor-head">

+              <div class="shithub-comment-editor-tabs" role="tablist" aria-label="Pull request description tabs">

+                <button type="button" class="is-active" role="tab" aria-selected="true" data-comment-tab="write">Write</button>

+                <button type="button" role="tab" aria-selected="false" data-comment-tab="preview">Preview</button>

+              </div>

+              <div class="shithub-comment-toolbar" aria-label="Formatting tools">

+                <button type="button" class="shithub-comment-tool" data-comment-action="mention" title="Mention a user">{{ octicon "people" }}</button>

+                <span class="shithub-comment-toolbar-separator" aria-hidden="true"></span>

+                <button type="button" class="shithub-comment-tool shithub-comment-tool-text" data-comment-action="heading" title="Add heading">H</button>

+                <button type="button" class="shithub-comment-tool shithub-comment-tool-text" data-comment-action="bold" title="Add bold text">B</button>

+                <button type="button" class="shithub-comment-tool shithub-comment-tool-text is-italic" data-comment-action="italic" title="Add italic text">I</button>

+                <button type="button" class="shithub-comment-tool" data-comment-action="quote" title="Quote text">{{ octicon "comment" }}</button>

+                <button type="button" class="shithub-comment-tool" data-comment-action="code" title="Add code">{{ octicon "code" }}</button>

+                <button type="button" class="shithub-comment-tool" data-comment-action="link" title="Add link">{{ octicon "link" }}</button>

+                <span class="shithub-comment-toolbar-separator" aria-hidden="true"></span>

+                <button type="button" class="shithub-comment-tool" data-comment-action="list" title="Add unordered list">{{ octicon "list-unordered" }}</button>

+                <button type="button" class="shithub-comment-tool shithub-comment-tool-text" data-comment-action="ordered-list" title="Add ordered list">1.</button>

+                <button type="button" class="shithub-comment-tool" data-comment-action="task-list" title="Add task list">{{ octicon "checklist" }}</button>

+                <span class="shithub-comment-toolbar-separator" aria-hidden="true"></span>

+                <label class="shithub-comment-tool" title="Attach files">

+                  {{ octicon "upload" }}

+                  <input type="file" multiple data-comment-file-input>

+                <button type="button" class="shithub-comment-tool shithub-comment-tool-text" data-comment-action="reference" title="Reference an issue or pull request">#</button>

+                <button type="button" class="shithub-comment-tool" data-comment-saved-replies-open title="Saved replies">{{ octicon "comment-discussion" }}</button>

+                <button type="button" class="shithub-comment-tool" data-comment-action="fullscreen" title="Fullscreen editor">{{ octicon "screen-full" }}</button>

+              </div>

+            </div>

+            <div class="shithub-comment-editor-write" data-comment-write-pane>

+              <textarea id="pull-new-body" name="body" rows="10" maxlength="65535" placeholder="Add your description here..." data-comment-textarea>{{ .FormBody }}</textarea>

+              <div class="shithub-comment-suggestions" data-comment-suggestions hidden></div>

+            </div>

+            <div class="shithub-comment-editor-preview markdown-body" data-comment-preview-pane hidden>

+              <p class="shithub-editor-preview-empty">Nothing to preview.</p>

+            </div>

+            <div class="shithub-comment-editor-footer">

+              <span>{{ octicon "code-square" }} Markdown is supported</span>

+              <span data-comment-attachment-copy>{{ octicon "file" }} Paste, drop, or click to add files</span>

+              <span class="shithub-comment-file-list" data-comment-file-list hidden></span>

+            </div>

+          </div>

+          <dialog class="shithub-comment-saved-dialog" data-comment-saved-dialog>

+            <div class="shithub-comment-saved-head">

+              <strong>Select a reply</strong>

+              <button type="button" class="shithub-icon-button" aria-label="Close" data-comment-saved-close>{{ octicon "x" }}</button>

+            </div>

+            <input type="search" placeholder="Search saved replies" data-comment-saved-filter>

+            <button type="button" class="shithub-comment-saved-item" data-comment-saved-insert="Duplicate of #">

+              <strong>Duplicate pull request</strong>

+              <span>Duplicate of #</span>

+              <kbd>ctrl 1</kbd>

+            </button>

+            <button type="button" class="shithub-comment-saved-create">{{ octicon "plus" }} Create a new saved reply</button>

+          </dialog>

+        </div>

+

+        <p class="shithub-comment-policy-note">

+          {{ octicon "alert" }} Remember, contributions to this repository should follow its

+          <a href="/{{ .Owner }}/{{ .Repo.Name }}/blob/{{ .Repo.DefaultBranch }}/CONTRIBUTING.md">contributing guidelines</a>,

+          <a href="/{{ .Owner }}/{{ .Repo.Name }}/blob/{{ .Repo.DefaultBranch }}/SECURITY.md">security policy</a>, and

+          <a href="/{{ .Owner }}/{{ .Repo.Name }}/blob/{{ .Repo.DefaultBranch }}/CODE_OF_CONDUCT.md">code of conduct</a>.

+        </p>

+

+        <div class="shithub-pull-new-actions">

+          {{ if .CanCreatePull }}

+          <details class="shithub-pr-submit-menu">

+            <summary class="shithub-button shithub-button-primary shithub-button-icon" aria-label="Create options">{{ octicon "triangle-down" }}</summary>

+            <div class="shithub-pr-submit-menu-popover">

+              <button type="submit" class="is-active">

+                <strong>{{ octicon "check" }} Create pull request</strong>

+                <span>Open a pull request that is ready for review</span>

+              </button>

+              <button type="submit" name="draft" value="on">

+                <strong>Create draft pull request</strong>

+                <span>Cannot be merged until marked ready for review</span>

+              </button>

+            </div>

+          </details>

+          {{ else }}

+          <button type="submit" class="shithub-button shithub-button-primary" disabled>Create pull request</button>

+          {{ end }}

+

+      <aside class="shithub-pull-new-sidebar" aria-label="Pull request metadata">

+        <section>

+          <h2>Reviewers <button type="button" class="shithub-icon-button" aria-label="Edit reviewers">{{ octicon "gear" }}</button></h2>