{{define "page-jj"}}
<header class="filehead">
  <h1>jj</h1>
  <p class="meta">
    read-only queries against the repo — <code>--ignore-working-copy</code>, inline templates, nothing written to disk
  </p>
</header>

<section class="jjpage">
  <form class="jjform" method="get" action="{{.Href "jj"}}"
        hx-get="{{.Href "jj-log"}}" hx-target="#jjout" hx-swap="innerHTML" hx-indicator="#jjbusy">
    <input type="hidden" name="kind" value="log">
    <input type="search" name="revset" value="{{.JJ.Revset}}" placeholder="revset — e.g. @ | ancestors(trunk(), 10) | description(glob:'*fix*')" autocomplete="off" spellcheck="false">
    <input type="number" name="limit" value="{{.JJ.Limit}}" min="1" max="1000" aria-label="limit" title="limit">
    <button type="submit">jj log</button>
    <button type="button" hx-get="{{.Href "jj-op"}}" hx-target="#jjout" hx-include="closest form" hx-indicator="#jjbusy" title="operation log">op log</button>
    <span id="jjbusy" class="busy">·</span>
  </form>
  <p class="meta hint">
    change ids open the change · descriptions browse the tree at that change ·
    op ids re-run the query <code>--at-operation</code>, which is how you see the repo as it was
  </p>
  <div id="jjout">{{template "jjrows" .JJ}}</div>
</section>
{{end}}