The logo's arms are drawn and slide while a page loads; the Serves column lines up; the job re-run button has room (closes #306, closes #309, closes #310) 03bfb945f5c1

## Unreleased

## 0.9.1 (2026-10-25)

- **`POST /api/v1/user/runner-token` (repo:write):** a one-time registration token for a runner that serves the caller's own repositories and no one else's, as the Android app offers the phone as a runner (oxygenhub-android#8); it lasts a day, like the settings pages' tokens, and is audited.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-24 -12 48 24" width="48" height="24" aria-hidden="true">

  <defs>

      <stop offset="0%" stop-color="#00F0FF"/>

      <stop offset="100%" stop-color="#0072FF"/>

    </linearGradient>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="100%" height="100%">

  <defs>

      <stop offset="0%" stop-color="#00F0FF" />

      <stop offset="100%" stop-color="#0072FF" />

    </linearGradient>

    <td><a href="/admin/runners/{{ r.id }}"><strong>{{ r.name }}</strong></a>{% if r.source == "config" %} <span class="tag" title="Configured with a hub.toml token">hub.toml</span>{% endif %}</td>

    <td><span class="runner-status st-{{ r.connectivity() }}">{{ r.connectivity() }}</span></td>

    <td class="small"><a href="/admin/runners?runner={{ r.name|urlencode }}#queue" title="{% if row.jobs.is_empty() %}Its jobs in the queue{% else %}{{ row.jobs_line() }}{% endif %}">{{ row.doing() }}</a></td>

      <form class="tiny" method="post" action="/admin/runners/{{ r.id }}/scope" title="Empty for the whole site, an owner, or owner/repository"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><input type="text" name="scope" size="14" placeholder="owner or owner/repo"> <button>set</button></form></td>

    <td>{% if r.key.is_empty() %}<span class="mute" title="Bound on its first signed receipt">not yet</span>{% else %}<code title="{{ r.key }} · {{ r.key_name }}">{{ r.key|short }}</code>{% endif %}</td>

    <td class="small">{% if r.arch.is_empty() %}<span class="mute">unknown</span>{% else %}{{ r.arch }} · {{ r.os }} · flow {{ r.version }}{% endif %}{% let f = r.facts_line() %}{% if !f.is_empty() %}<br><span class="mute" title="Measured by the runner at its last claim{% if !r.kernel.is_empty() %}; kernel {{ r.kernel }}{% endif %}">{{ f }}</span>{% endif %}{% if !row.swarm.is_empty() %}<br><span class="mute" title="Where other runners fetch image chunks from it">swarm {{ row.swarm }}</span>{% endif %}</td>

<body{% block bodyattrs %}{% endblock %}>

<a class="skip" href="#main">Skip to content</a>

<header>

  <form class="find" action="/search" method="get" role="search"><input type="search" name="q" placeholder="Search…" aria-label="Search" autocomplete="off"></form>

  <nav aria-label="Account">

    <button type="button" class="theme-toggle" data-theme-toggle aria-label="Theme" title="Theme"><span aria-hidden="true">◐</span></button>

<footer>

  <div class="foot">

    <div>

      <p class="small">{{ shell.site }} · a forge for Oxygen repositories. Nothing here is inferred: what a page says, the object store says.</p>

    </div>

    <div class="cols">

table.small td, table.small th { padding: 5px 8px; font-size: 13px; }

form.tiny { display: inline; margin: 0; }

form.tiny button { padding: 1px 6px; font-size: 10px; }

/* proposals */

.comment { background: var(--panel); border: 1px solid var(--line); padding: 10px 14px; margin: 0 0 10px; }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Working (#142): a pressed button's spinner, and the Oxygen mark's rings

button[aria-busy=true] { opacity: 1; }

.oxy-spin { display: inline-block; width: 1em; text-align: center; }

.oxy-wait-mark { display: none; position: fixed; z-index: 1000; pointer-events: none; padding: 4px 6px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, .18); line-height: 0; }

.oxy-wait .oxy-wait-mark { display: block; }

.oxy-wait header .brand svg circle[r="10"], .oxy-wait-mark svg circle[r="10"] { stroke-dasharray: 44 18.8; animation: oxy-ring .9s linear infinite; }

.oxy-wait header .brand svg circle[cx="11"][r="10"], .oxy-wait-mark svg circle[cx="11"][r="10"] { animation-direction: reverse; }

@keyframes oxy-ring { to { stroke-dashoffset: -62.8; } }

@media (prefers-reduced-motion: reduce) {

  .oxy-wait header .brand svg circle[r="10"], .oxy-wait-mark svg circle[r="10"] { animation: none; stroke-dasharray: none; }

}

/* Admin › Runners › Images (C0, docs/cylinder.md): where each image is. */