{% extends "base.html" %}{% from "_icons.html" import icon %}{% from "_integration_mark.html" import integration_mark %}{% block title %}GitHub · Work{% endblock %}{% block body %}
<link rel="stylesheet" href="/assets/work.css">{% include "_integration_style.html" %}<a class="integration-back" href="/ui/resources/new">{{ icon('chevron') }} All integrations</a><div class="integration-heading"><div class="work-heading">{{ integration_mark('github') }}<div><h1>GitHub connections</h1><p>Discover repositories and import issues into your project boards.</p></div></div></div><nav class="work-nav"><a class="btn" href="/ui/resources">Resources</a><a class="btn" href="/ui/work/repositories">Repositories</a></nav>
<p>Connect a fine-grained personal access token for selected repositories with <strong>Metadata: read</strong> and <strong>Issues: read</strong>. Use a named connection for each resource owner. Keywright imports issue context; local edits and comments stay in Keywright.</p>
<p><a href="https://github.com/settings/personal-access-tokens/new" target="_blank" rel="noopener noreferrer">Create a fine-grained token on GitHub</a> · Select only the repositories you want to make available. Contents access is not needed for catalog and issue import.</p>
{% for connection in connections %}<section class="card" id="{{ connection.id }}"><h2>{{ connection.name }}</h2><p>{{ connection.status }}{{ ' · Disabled' if not connection.enabled }}</p>{% if connection.error %}<p class="danger">{{ connection.error }}</p>{% endif %}<div class="work-nav">{% if connection.enabled %}<a class="btn p" href="/ui/integrations/github/connections/{{ connection.id }}/repositories">Browse repositories</a><form method="post" action="/ui/integrations/github/connections/{{ connection.id }}/test"><button class="btn">Test connection</button></form>{% endif %}</div>
<details><summary>Edit connection</summary><form class="repo-form" method="post" action="/ui/integrations/github/connections/{{ connection.id }}"><input type="hidden" name="expected_version" value="{{ connection.version }}"><label>Name<input type="text" name="name" required maxlength="120" value="{{ connection.name }}"></label><label>Replace token (leave blank to keep it)<input type="password" name="token" autocomplete="new-password" maxlength="512"></label><label><input type="checkbox" name="enabled" {{ 'checked' if connection.enabled }}> Enabled</label><p class="mut">Disabling pauses repositories using this connection. It does not switch them to another credential or delete tasks.</p><button class="btn">Save connection</button></form></details></section>{% else %}<p class="card">No GitHub connections yet.</p>{% endfor %}
<section class="card"><h2>Add connection</h2><form class="repo-form" method="post" action="/ui/integrations/github/connections"><label>Name<input type="text" name="name" placeholder="Personal repositories" required maxlength="120"></label><label>Fine-grained personal access token<input type="password" name="token" required autocomplete="new-password" maxlength="512"></label><label><input type="checkbox" name="enabled" checked> Enabled</label><button class="btn p">Save connection</button></form><p class="mut">Tokens are stored encrypted and are never returned to the browser or agent tools.</p></section>
{% endblock %}