@chisquare-tech/origine-ngx-apps-code 0.0.0-stage → 0.1.0

package/fesm2022/chisquare-tech-origine-ngx-apps-code.mjs

@@ -0,0 +1,2969 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, signal, computed, effect, untracked, Directive, ElementRef, input, output, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ApiService } from '@thescaffold/ngx-core';
+import { map, forkJoin, of } from 'rxjs';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute, RouterLink, Router } from '@angular/router';
+import { map as map$1, catchError } from 'rxjs/operators';
+import { marked } from 'marked';
+
+/**
+ * What the Code screens need from the app that mounts them (cloud/web provides it, as it provides
+ * DesignHost): where the person is, who is in the organization, and links inside the project.
+ */
+class CodeHost {
+}
+
+const C = 'v1/code';
+const enc = encodeURIComponent;
+const data = (r) => r?.data;
+function apiMessage(err, fallback = 'Something went wrong. Try again.') {
+    return err?.error?.message || err?.body?.message || err?.message || fallback;
+}
+class CodeApi {
+    constructor() {
+        this.api = inject(ApiService);
+    }
+    repoPath(project, name) {
+        return `${C}/project/${enc(project)}/repo/${enc(name)}`;
+    }
+    repos(project) {
+        return this.api.get(`${C}/project/${enc(project)}/repo`).pipe(map((r) => data(r) ?? []));
+    }
+    create(project, body) {
+        return this.api.post(`${C}/project/${enc(project)}/repo`, body).pipe(map((r) => data(r)));
+    }
+    import(project, body) {
+        return this.api.post(`${C}/project/${enc(project)}/repo/import`, body).pipe(map((r) => data(r)));
+    }
+    repo(project, name) {
+        return this.api.get(this.repoPath(project, name)).pipe(map((r) => data(r)));
+    }
+    update(project, name, body) {
+        return this.api.patch(this.repoPath(project, name), body).pipe(map((r) => data(r)));
+    }
+    remove(project, name) {
+        return this.api.delete(`${this.repoPath(project, name)}?confirm=${enc(name)}`);
+    }
+    setArchived(project, name, on) {
+        return this.api.post(`${this.repoPath(project, name)}/${on ? 'archive' : 'unarchive'}`, {}).pipe(map((r) => data(r)));
+    }
+    protections(project, name) {
+        return this.api.get(`${this.repoPath(project, name)}/protection`).pipe(map((r) => data(r) ?? []));
+    }
+    addProtection(project, name, p) {
+        return this.api.post(`${this.repoPath(project, name)}/protection`, p).pipe(map((r) => data(r)));
+    }
+    updateProtection(project, name, id, p) {
+        return this.api.patch(`${this.repoPath(project, name)}/protection/${enc(id)}`, p).pipe(map((r) => data(r)));
+    }
+    removeProtection(project, name, id) {
+        return this.api.delete(`${this.repoPath(project, name)}/protection/${enc(id)}`);
+    }
+    tree(project, name, ref, path) {
+        return this.api.get(`${this.repoPath(project, name)}/tree`, { ref, path }).pipe(map((r) => data(r)));
+    }
+    blob(project, name, ref, path) {
+        return this.api.get(`${this.repoPath(project, name)}/blob`, { ref, path }).pipe(map((r) => data(r)));
+    }
+    blame(project, name, ref, path) {
+        return this.api.get(`${this.repoPath(project, name)}/blame`, { ref, path }).pipe(map((r) => data(r) ?? []));
+    }
+    files(project, name, ref) {
+        return this.api.get(`${this.repoPath(project, name)}/files`, { ref }).pipe(map((r) => data(r) ?? { files: [], truncated: false }));
+    }
+    languages(project, name, ref) {
+        return this.api.get(`${this.repoPath(project, name)}/languages`, { ref }).pipe(map((r) => data(r) ?? []));
+    }
+    archiveUrl(project, name, ref, format) {
+        return this.api.get(`${this.repoPath(project, name)}/archive`, { ref, format }).pipe(map((r) => data(r)?.url ?? ''));
+    }
+    commits(project, name, q) {
+        const p = {};
+        if (q.ref)
+            p['ref'] = q.ref;
+        if (q.path)
+            p['path'] = q.path;
+        if (q.limit)
+            p['limit'] = String(q.limit);
+        if (q.skip)
+            p['skip'] = String(q.skip);
+        return this.api.get(`${this.repoPath(project, name)}/commits`, p).pipe(map((r) => data(r) ?? []));
+    }
+    commit(project, name, sha) {
+        return this.api.get(`${this.repoPath(project, name)}/commit/${enc(sha)}`).pipe(map((r) => data(r)));
+    }
+    /** One file's hunks from base to head ("" base: the head's first parent). */
+    diff(project, name, head, path, base = '') {
+        const p = { head, path };
+        if (base)
+            p['base'] = base;
+        return this.api.get(`${this.repoPath(project, name)}/diff`, p).pipe(map((r) => data(r)));
+    }
+    compare(project, name, base, head) {
+        return this.api.get(`${this.repoPath(project, name)}/compare`, { base, head }).pipe(map((r) => data(r)));
+    }
+    refs(project, name, kind = 'branch', q = '') {
+        const p = { kind };
+        if (q)
+            p['q'] = q;
+        return this.api.get(`${this.repoPath(project, name)}/refs`, p).pipe(map((r) => data(r) ?? []));
+    }
+    createBranch(project, name, branch, from) {
+        return this.api.post(`${this.repoPath(project, name)}/branches`, { name: branch, from });
+    }
+    deleteBranch(project, name, branch) {
+        return this.api.delete(`${this.repoPath(project, name)}/branches?branch=${enc(branch)}`);
+    }
+    deleteMerged(project, name) {
+        return this.api.post(`${this.repoPath(project, name)}/branches/delete-merged`, {}).pipe(map((r) => data(r)));
+    }
+    pulls(project, name, q = {}) {
+        const p = {};
+        for (const [k, v] of Object.entries(q))
+            if (v !== undefined && v !== '' && v !== false)
+                p[k] = String(v);
+        return this.api.get(`${this.repoPath(project, name)}/pulls`, p).pipe(map((r) => data(r) ?? []));
+    }
+    template(project, name, target) {
+        return this.api.get(`${this.repoPath(project, name)}/pull-template`, { target }).pipe(map((r) => {
+            const d = data(r);
+            return typeof d === 'string' ? d : d?.body ?? '';
+        }));
+    }
+    openPull(project, name, body) {
+        return this.api.post(`${this.repoPath(project, name)}/pulls`, body).pipe(map((r) => data(r)));
+    }
+    pull(project, name, n) {
+        return this.api.get(`${this.repoPath(project, name)}/pulls/${n}`).pipe(map((r) => data(r)));
+    }
+    updatePull(project, name, n, body) {
+        return this.api.patch(`${this.repoPath(project, name)}/pulls/${n}`, body).pipe(map((r) => data(r)));
+    }
+    closePull(project, name, n, reopen = false) {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/${reopen ? 'reopen' : 'close'}`, {}).pipe(map((r) => data(r)));
+    }
+    merge(project, name, n, body) {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/merge`, body).pipe(map((r) => data(r)));
+    }
+    conversation(project, name, n) {
+        return this.api.get(`${this.repoPath(project, name)}/pulls/${n}/conversation`).pipe(map((r) => data(r) ?? { comments: [], reviews: [], threads: [] }));
+    }
+    comment(project, name, n, c) {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/comments`, c).pipe(map((r) => data(r)));
+    }
+    review(project, name, n, state, body = '') {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/reviews`, { state, body }).pipe(map((r) => data(r)));
+    }
+    resolve(project, name, n, thread, on) {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/threads/${enc(thread)}/${on ? 'resolve' : 'unresolve'}`, {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CodeApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CodeApi, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CodeApi, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+// Small helpers the Code screens share.
+const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+function shortDate(d) {
+    if (!d)
+        return '';
+    const t = new Date(d);
+    return Number.isNaN(t.getTime()) ? '' : `${MONTHS[t.getMonth()]} ${t.getDate()}`;
+}
+/** "Nov 7, 2026" for a day heading. */
+function dayLabel(d) {
+    if (!d)
+        return '';
+    const t = new Date(d);
+    return Number.isNaN(t.getTime()) ? '' : `${MONTHS[t.getMonth()]} ${t.getDate()}, ${t.getFullYear()}`;
+}
+function ago(iso, now = Date.now()) {
+    if (!iso)
+        return '';
+    const t = Date.parse(iso);
+    if (Number.isNaN(t))
+        return '';
+    const s = Math.max(0, Math.round((now - t) / 1000));
+    if (s < 60)
+        return 'just now';
+    if (s < 3600)
+        return `${Math.floor(s / 60)} min ago`;
+    if (s < 86400)
+        return `${Math.floor(s / 3600)} h ago`;
+    if (s < 172800)
+        return 'Yesterday';
+    return shortDate(iso);
+}
+function initials(name) {
+    const w = (name || '').split(/[\s@._-]+/).filter(Boolean);
+    return ((w[0]?.[0] ?? '?') + (w[1]?.[0] ?? '')).toUpperCase();
+}
+function size(bytes) {
+    if (!bytes)
+        return '0 B';
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+/** Names and initials by user id, from the host's people. */
+class People {
+    constructor(people) {
+        this.byId = new Map(people.map((p) => [p.id, p]));
+    }
+    name(id) {
+        if (!id)
+            return 'Someone';
+        return this.byId.get(id)?.name || this.byId.get(id)?.email || 'Someone';
+    }
+    initials(id) {
+        return initials(this.name(id));
+    }
+}
+const LANG_COLOURS = ['var(--o-acc)', 'var(--o-ok)', 'var(--o-run)', 'var(--o-vio)', 'var(--o-bad-solid)', 'var(--o-line-mid)'];
+function langColour(i) {
+    return LANG_COLOURS[Math.min(i, LANG_COLOURS.length - 1)];
+}
+/** The state of checks as a dot class: success green, failure red, pending amber, none grey. */
+function checkDot(state) {
+    return state === 'success' ? 'o-dot o-grn' : state === 'failure' || state === 'error' ? 'o-dot o-red' : state === 'pending' ? 'o-dot o-amb' : 'o-dot o-gry';
+}
+function copy(text) {
+    return navigator.clipboard?.writeText(text) ?? Promise.resolve();
+}
+/**
+ * The repository the person was last in, per project, so the project-level tabs (Files, Commits,
+ * Branches, Settings) open it. Browser storage is a convenience: without it the first repository is used.
+ */
+class CurrentRepo {
+    get(project) {
+        try {
+            return localStorage.getItem(`origine.code.repo.${project}`) ?? '';
+        }
+        catch {
+            return '';
+        }
+    }
+    set(project, repo) {
+        try {
+            localStorage.setItem(`origine.code.repo.${project}`, repo);
+        }
+        catch {
+            /* storage blocked: the first repository is used */
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CurrentRepo, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CurrentRepo, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CurrentRepo, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Highlighted code from the server: spans with Chroma's short token classes behind "tk-" (tk-k a
+ * keyword, tk-s a string…), coloured with the theme's syntax tokens. Server HTML is not under the
+ * component's encapsulation, hence ::ng-deep.
+ */
+const TOKEN_CSS = `
+  :host ::ng-deep [class^="tk-k"]{color:var(--o-tk-k)}
+  :host ::ng-deep [class^="tk-s"], :host ::ng-deep [class^="tk-l"]{color:var(--o-tk-s)}
+  :host ::ng-deep [class^="tk-c"]{color:var(--o-tk-c);font-style:italic}
+  :host ::ng-deep [class^="tk-m"]{color:var(--o-tk-n)}
+  :host ::ng-deep .tk-nf, :host ::ng-deep .tk-nx, :host ::ng-deep .tk-fm{color:var(--o-tk-f)}
+  :host ::ng-deep .tk-nb, :host ::ng-deep .tk-nt, :host ::ng-deep .tk-bp{color:var(--o-tk-p)}
+  :host ::ng-deep .tk-gi{color:var(--o-add)} :host ::ng-deep .tk-gd{color:var(--o-bad-tx)}
+`;
+
+/**
+ * What every page under /code/:repo shares: the project, the repository named in the URL (loaded
+ * once per name), the person's people and permissions, and an error line. Pages extend it and load
+ * their own data in onRepo().
+ */
+class RepoPage {
+    constructor() {
+        this.host = inject(CodeHost);
+        this.api = inject(CodeApi);
+        this.route = inject(ActivatedRoute);
+        this.current = inject(CurrentRepo);
+        this.name = signal('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.repo = signal(null, ...(ngDevMode ? [{ debugName: "repo" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.note = signal('', ...(ngDevMode ? [{ debugName: "note" }] : /* istanbul ignore next */ []));
+        this.people = computed(() => new People(this.host.people()), ...(ngDevMode ? [{ debugName: "people" }] : /* istanbul ignore next */ []));
+        this.canWrite = computed(() => !this.repo()?.archivedAt && (this.repo()?.capabilities ?? []).includes('code.write'), ...(ngDevMode ? [{ debugName: "canWrite" }] : /* istanbul ignore next */ []));
+        this.canAdmin = computed(() => (this.repo()?.capabilities ?? []).includes('resources.manage'), ...(ngDevMode ? [{ debugName: "canAdmin" }] : /* istanbul ignore next */ []));
+        this.canProtect = computed(() => (this.repo()?.capabilities ?? []).includes('protection.manage'), ...(ngDevMode ? [{ debugName: "canProtect" }] : /* istanbul ignore next */ []));
+        this.route.paramMap.subscribe((m) => this.name.set(m.get('repo') ?? ''));
+        effect(() => {
+            const name = this.name();
+            const p = this.host.project();
+            if (name && p)
+                untracked(() => this.loadRepo(p.id, name));
+        });
+    }
+    projectId() {
+        return this.host.project()?.id ?? '';
+    }
+    link(path = '') {
+        return this.host.link(`code/${this.name()}${path ? '/' + path : ''}`);
+    }
+    reloadRepo() {
+        const p = this.host.project();
+        if (p && this.name())
+            this.loadRepo(p.id, this.name());
+    }
+    loadRepo(project, name) {
+        this.error.set('');
+        this.api.repo(project, name).subscribe({
+            next: (r) => {
+                this.repo.set(r);
+                this.current.set(project, r.name);
+                this.onRepo(r);
+            },
+            error: (e) => this.error.set(e?.status === 404 ? `There is no repository ${name} you can see in this project.` : apiMessage(e, `Could not open ${name}.`)),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoPage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: RepoPage, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoPage, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+// The branch and tag picker (prototype brOpen): a filterable menu of branches, then tags.
+class RefPicker {
+    constructor() {
+        this.api = inject(CodeApi);
+        this.host = inject(CodeHost);
+        this.el = inject(ElementRef);
+        this.repo = input.required(...(ngDevMode ? [{ debugName: "repo" }] : /* istanbul ignore next */ []));
+        this.current = input.required(...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+        this.picked = output();
+        this.open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        this.q = signal('', ...(ngDevMode ? [{ debugName: "q" }] : /* istanbul ignore next */ []));
+        this.refs = signal([], ...(ngDevMode ? [{ debugName: "refs" }] : /* istanbul ignore next */ []));
+        this.kindOf = computed(() => (this.refs().some((r) => r.kind === 'tag' && r.name === this.current()) ? 'tag' : 'branch'), ...(ngDevMode ? [{ debugName: "kindOf" }] : /* istanbul ignore next */ []));
+    }
+    shown(kind) {
+        const q = this.q().toLowerCase();
+        return this.refs().filter((r) => r.kind === kind && (!q || r.name.toLowerCase().includes(q))).slice(0, 50);
+    }
+    toggle() {
+        this.open.set(!this.open());
+        const p = this.host.project();
+        if (this.open() && p) {
+            this.api.refs(p.id, this.repo(), 'branch').subscribe({ next: (b) => this.refs.set([...b, ...this.refs().filter((r) => r.kind === 'tag')]), error: () => undefined });
+            this.api.refs(p.id, this.repo(), 'tag').subscribe({ next: (t) => this.refs.set([...this.refs().filter((r) => r.kind === 'branch'), ...t]), error: () => undefined });
+        }
+    }
+    pick(name) {
+        this.open.set(false);
+        this.picked.emit(name);
+    }
+    outside(e) {
+        if (this.open() && !this.el.nativeElement.contains(e.target))
+            this.open.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RefPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: RefPicker, isStandalone: true, selector: "o-ref-picker", inputs: { repo: { classPropertyName: "repo", publicName: "repo", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { picked: "picked" }, host: { listeners: { "document:click": "outside($event)" } }, ngImport: i0, template: `
+    <button type="button" class="o-btn o-sm" (click)="toggle()" [attr.aria-expanded]="open()" aria-haspopup="menu" data-testid="ref-picker">
+      <span class="o-faint">{{ kindOf() }}</span><b class="o-mono">{{ current() }}</b><span aria-hidden="true">⌄</span>
+    </button>
+    @if (open()) {
+      <div class="o-menu" role="menu" style="left:0;top:34px;width:280px;max-height:360px;overflow:auto">
+        <input class="o-in o-sm" placeholder="Find a branch or tag" aria-label="Find a branch or tag" style="margin:4px 0 6px" [ngModel]="q()" (ngModelChange)="q.set($event)" />
+        <div class="o-lbl" style="padding:4px 10px">Branches</div>
+        @for (b of shown('branch'); track b.name) {
+          <button type="button" role="menuitem" (click)="pick(b.name)"><span class="o-mono o-sm o-ell">{{ b.name }}</span>@if (b.name === current()) {<span class="o-k o-grn-t" aria-label="current">✓</span>}</button>
+        } @empty {<span class="o-faint o-sm" style="padding:4px 10px">No branches match.</span>}
+        @if (shown('tag').length) {
+          <div class="o-lbl" style="padding:4px 10px">Tags</div>
+          @for (t of shown('tag'); track t.name) {<button type="button" role="menuitem" (click)="pick(t.name)"><span class="o-mono o-sm o-ell">{{ t.name }}</span></button>}
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{position:relative;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RefPicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-ref-picker', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <button type="button" class="o-btn o-sm" (click)="toggle()" [attr.aria-expanded]="open()" aria-haspopup="menu" data-testid="ref-picker">
+      <span class="o-faint">{{ kindOf() }}</span><b class="o-mono">{{ current() }}</b><span aria-hidden="true">⌄</span>
+    </button>
+    @if (open()) {
+      <div class="o-menu" role="menu" style="left:0;top:34px;width:280px;max-height:360px;overflow:auto">
+        <input class="o-in o-sm" placeholder="Find a branch or tag" aria-label="Find a branch or tag" style="margin:4px 0 6px" [ngModel]="q()" (ngModelChange)="q.set($event)" />
+        <div class="o-lbl" style="padding:4px 10px">Branches</div>
+        @for (b of shown('branch'); track b.name) {
+          <button type="button" role="menuitem" (click)="pick(b.name)"><span class="o-mono o-sm o-ell">{{ b.name }}</span>@if (b.name === current()) {<span class="o-k o-grn-t" aria-label="current">✓</span>}</button>
+        } @empty {<span class="o-faint o-sm" style="padding:4px 10px">No branches match.</span>}
+        @if (shown('tag').length) {
+          <div class="o-lbl" style="padding:4px 10px">Tags</div>
+          @for (t of shown('tag'); track t.name) {<button type="button" role="menuitem" (click)="pick(t.name)"><span class="o-mono o-sm o-ell">{{ t.name }}</span></button>}
+        }
+      </div>
+    }
+  `, styles: [":host{position:relative;display:inline-block}\n"] }]
+        }], propDecorators: { repo: [{ type: i0.Input, args: [{ isSignal: true, alias: "repo", required: true }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: true }] }], picked: [{ type: i0.Output, args: ["picked"] }], outside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// One file of a diff (prototype prDiffs): its header with +/−, the hunks highlighted, and, on a pull
+// request, the review threads on its lines and a comment form on any line number.
+class DiffView {
+    constructor() {
+        this.api = inject(CodeApi);
+        this.host = inject(CodeHost);
+        this.repo = input.required(...(ngDevMode ? [{ debugName: "repo" }] : /* istanbul ignore next */ []));
+        this.file = input.required(...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
+        this.head = input.required(...(ngDevMode ? [{ debugName: "head" }] : /* istanbul ignore next */ []));
+        this.base = input('', ...(ngDevMode ? [{ debugName: "base" }] : /* istanbul ignore next */ []));
+        this.threads = input([], ...(ngDevMode ? [{ debugName: "threads" }] : /* istanbul ignore next */ []));
+        this.canComment = input(false, ...(ngDevMode ? [{ debugName: "canComment" }] : /* istanbul ignore next */ []));
+        this.comment = output();
+        this.reply = output();
+        this.resolve = output();
+        this.open = signal(true, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        this.diff = signal(null, ...(ngDevMode ? [{ debugName: "diff" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.drafting = signal('', ...(ngDevMode ? [{ debugName: "drafting" }] : /* istanbul ignore next */ []));
+        this.draftBody = signal('', ...(ngDevMode ? [{ debugName: "draftBody" }] : /* istanbul ignore next */ []));
+        this.replies = signal({}, ...(ngDevMode ? [{ debugName: "replies" }] : /* istanbul ignore next */ []));
+        this.people = computed(() => new People(this.host.people()), ...(ngDevMode ? [{ debugName: "people" }] : /* istanbul ignore next */ []));
+        this.threadsHere = computed(() => this.threads().filter((t) => t.path === this.file().path), ...(ngDevMode ? [{ debugName: "threadsHere" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        effect(() => {
+            const head = this.head();
+            const base = this.base();
+            const f = this.file();
+            const p = this.host.project();
+            if (p && head && !f.binary)
+                untracked(() => this.api.diff(p.id, this.repo(), head, f.path, base).subscribe({
+                    next: (d) => this.diff.set(d),
+                    error: (e) => this.error.set(apiMessage(e, 'Could not load this diff.')),
+                }));
+        });
+    }
+    key(l) {
+        return `${l.kind === 'delete' ? 'old' : 'new'}:${this.lineOf(l)}`;
+    }
+    lineOf(l) {
+        return (l.kind === 'delete' ? l.old : l.new) ?? 0;
+    }
+    threadsAt(l) {
+        const side = l.kind === 'delete' ? 'old' : 'new';
+        const n = this.lineOf(l);
+        return this.threadsHere().filter((t) => !t.outdated && t.side === side && t.line === n);
+    }
+    startComment(l) {
+        if (!this.canComment())
+            return;
+        this.drafting.set(this.key(l));
+        this.draftBody.set('');
+    }
+    send(l) {
+        const body = this.draftBody().trim();
+        if (!body)
+            return;
+        this.comment.emit({ path: this.file().path, side: l.kind === 'delete' ? 'old' : 'new', line: this.lineOf(l), body });
+        this.drafting.set('');
+        this.draftBody.set('');
+    }
+    setReply(id, v) {
+        this.replies.set({ ...this.replies(), [id]: v });
+    }
+    sendReply(id) {
+        const body = (this.replies()[id] ?? '').trim();
+        if (!body)
+            return;
+        this.reply.emit({ threadId: id, body });
+        this.setReply(id, '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DiffView, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DiffView, isStandalone: true, selector: "o-diff", inputs: { repo: { classPropertyName: "repo", publicName: "repo", isSignal: true, isRequired: true, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, head: { classPropertyName: "head", publicName: "head", isSignal: true, isRequired: true, transformFunction: null }, base: { classPropertyName: "base", publicName: "base", isSignal: true, isRequired: false, transformFunction: null }, threads: { classPropertyName: "threads", publicName: "threads", isSignal: true, isRequired: false, transformFunction: null }, canComment: { classPropertyName: "canComment", publicName: "canComment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { comment: "comment", reply: "reply", resolve: "resolve" }, ngImport: i0, template: `
+    <div class="o-card" [attr.data-testid]="'diff-' + file().path">
+      <div class="o-ch" style="background:var(--o-well)">
+        <button type="button" class="o-btn o-ghost o-xs" (click)="open.set(!open())" [attr.aria-expanded]="open()" [attr.aria-label]="(open() ? 'Collapse ' : 'Expand ') + file().path">{{ open() ? '▾' : '▸' }}</button>
+        <span class="o-mono o-sm o-ell">{{ file().oldPath && file().oldPath !== file().path ? file().oldPath + ' → ' : '' }}{{ file().path }}</span>
+        <span class="o-grn-t o-sm">+{{ file().additions }}</span><span class="o-red-t o-sm">−{{ file().deletions }}</span>
+        @if (threadsHere().length) {<span class="o-faint o-sm">💬 {{ threadsHere().length }}</span>}
+        <span class="o-r"><ng-content /></span>
+      </div>
+      @if (open()) {
+        @if (file().binary) {
+          <div class="o-empty o-sm">A binary file.</div>
+        } @else if (error()) {
+          <div class="o-note o-red" role="alert">{{ error() }}</div>
+        } @else if (diff(); as d) {
+          @if (d.truncated) {<div class="o-note">This diff is too large to show in full.</div>}
+          <div class="o-code" style="overflow-x:auto" role="table" [attr.aria-label]="'Changes to ' + file().path">
+            @for (h of d.hunks; track $index) {
+              <div class="hunk o-mono" role="row">{{ h.header }}</div>
+              @for (l of h.lines; track $index) {
+                <div class="o-ln" role="row" [class.o-add]="l.kind === 'add'" [class.o-del]="l.kind === 'delete'">
+                  <span class="o-n" role="rowheader" [class.cmt]="canComment()" (click)="startComment(l)" [attr.title]="canComment() ? 'Comment on this line' : null">{{ l.kind === 'delete' ? l.old : l.new }}</span>
+                  <span class="o-s" aria-hidden="true">{{ l.kind === 'add' ? '+' : l.kind === 'delete' ? '−' : ' ' }}</span>
+                  <span class="o-sr-only">{{ l.kind === 'add' ? 'added' : l.kind === 'delete' ? 'removed' : '' }}</span>
+                  <span class="o-t" role="cell" [innerHTML]="l.html || l.text"></span>
+                </div>
+                @for (t of threadsAt(l); track t.id) {
+                  <div class="o-thread" [attr.data-testid]="'thread-' + t.id">
+                    <div class="o-cb o-col" style="gap:6px;padding:10px 12px">
+                      @for (c of t.comments; track c.id) {
+                        <span class="o-sm"><b>{{ people().name(c.authorId) }}</b><span class="o-faint"> · {{ ago(c.createdAt) }}{{ c.pending ? ' · pending' : '' }}</span></span>
+                        <span style="white-space:pre-wrap">{{ c.body }}</span>
+                      }
+                    </div>
+                    @if (canComment()) {
+                      <div class="o-cf">
+                        <input class="o-in o-sm" placeholder="Reply…" aria-label="Reply" [ngModel]="replies()[t.id] ?? ''" (ngModelChange)="setReply(t.id, $event)" (keydown.enter)="sendReply(t.id)" />
+                        <button type="button" class="o-btn o-sm" (click)="sendReply(t.id)">Reply</button>
+                        <button type="button" class="o-btn o-sm" (click)="resolve.emit({ threadId: t.id, resolved: !t.resolved })">{{ t.resolved ? 'Unresolve' : 'Resolve' }}</button>
+                      </div>
+                    }
+                  </div>
+                }
+                @if (drafting() === key(l)) {
+                  <div class="o-thread"><div class="o-cb o-col" style="gap:8px;padding:10px 12px">
+                    <textarea class="o-in" rows="2" [placeholder]="'Leave a comment on line ' + lineOf(l)" [attr.aria-label]="'Comment on line ' + lineOf(l)" [ngModel]="draftBody()" (ngModelChange)="draftBody.set($event)" data-testid="line-comment"></textarea>
+                    <div class="o-flex"><span class="o-faint o-xs">Markdown works.</span><button type="button" class="o-btn o-sm o-r" (click)="drafting.set('')">Cancel</button><button type="button" class="o-btn o-sm o-dark" [disabled]="!draftBody().trim()" (click)="send(l)" data-testid="line-comment-add">Comment</button></div>
+                  </div></div>
+                }
+              }
+            } @empty {
+              <div class="o-empty o-sm">No changes to show.</div>
+            }
+          </div>
+        } @else {
+          <div class="o-empty o-sm">Loading…</div>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [":host ::ng-deep [class^=tk-k]{color:var(--o-tk-k)}:host ::ng-deep [class^=tk-s],:host ::ng-deep [class^=tk-l]{color:var(--o-tk-s)}:host ::ng-deep [class^=tk-c]{color:var(--o-tk-c);font-style:italic}:host ::ng-deep [class^=tk-m]{color:var(--o-tk-n)}:host ::ng-deep .tk-nf,:host ::ng-deep .tk-nx,:host ::ng-deep .tk-fm{color:var(--o-tk-f)}:host ::ng-deep .tk-nb,:host ::ng-deep .tk-nt,:host ::ng-deep .tk-bp{color:var(--o-tk-p)}:host ::ng-deep .tk-gi{color:var(--o-add)}:host ::ng-deep .tk-gd{color:var(--o-bad-tx)}\n", ".o-ln .o-n{cursor:default;width:44px}.o-ln .o-n.cmt{cursor:pointer}.o-ln .o-n.cmt:hover{color:var(--o-acc-tx)}.hunk{color:var(--o-dim);background:var(--o-well);padding:2px 12px;font-size:11px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DiffView, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-diff', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-card" [attr.data-testid]="'diff-' + file().path">
+      <div class="o-ch" style="background:var(--o-well)">
+        <button type="button" class="o-btn o-ghost o-xs" (click)="open.set(!open())" [attr.aria-expanded]="open()" [attr.aria-label]="(open() ? 'Collapse ' : 'Expand ') + file().path">{{ open() ? '▾' : '▸' }}</button>
+        <span class="o-mono o-sm o-ell">{{ file().oldPath && file().oldPath !== file().path ? file().oldPath + ' → ' : '' }}{{ file().path }}</span>
+        <span class="o-grn-t o-sm">+{{ file().additions }}</span><span class="o-red-t o-sm">−{{ file().deletions }}</span>
+        @if (threadsHere().length) {<span class="o-faint o-sm">💬 {{ threadsHere().length }}</span>}
+        <span class="o-r"><ng-content /></span>
+      </div>
+      @if (open()) {
+        @if (file().binary) {
+          <div class="o-empty o-sm">A binary file.</div>
+        } @else if (error()) {
+          <div class="o-note o-red" role="alert">{{ error() }}</div>
+        } @else if (diff(); as d) {
+          @if (d.truncated) {<div class="o-note">This diff is too large to show in full.</div>}
+          <div class="o-code" style="overflow-x:auto" role="table" [attr.aria-label]="'Changes to ' + file().path">
+            @for (h of d.hunks; track $index) {
+              <div class="hunk o-mono" role="row">{{ h.header }}</div>
+              @for (l of h.lines; track $index) {
+                <div class="o-ln" role="row" [class.o-add]="l.kind === 'add'" [class.o-del]="l.kind === 'delete'">
+                  <span class="o-n" role="rowheader" [class.cmt]="canComment()" (click)="startComment(l)" [attr.title]="canComment() ? 'Comment on this line' : null">{{ l.kind === 'delete' ? l.old : l.new }}</span>
+                  <span class="o-s" aria-hidden="true">{{ l.kind === 'add' ? '+' : l.kind === 'delete' ? '−' : ' ' }}</span>
+                  <span class="o-sr-only">{{ l.kind === 'add' ? 'added' : l.kind === 'delete' ? 'removed' : '' }}</span>
+                  <span class="o-t" role="cell" [innerHTML]="l.html || l.text"></span>
+                </div>
+                @for (t of threadsAt(l); track t.id) {
+                  <div class="o-thread" [attr.data-testid]="'thread-' + t.id">
+                    <div class="o-cb o-col" style="gap:6px;padding:10px 12px">
+                      @for (c of t.comments; track c.id) {
+                        <span class="o-sm"><b>{{ people().name(c.authorId) }}</b><span class="o-faint"> · {{ ago(c.createdAt) }}{{ c.pending ? ' · pending' : '' }}</span></span>
+                        <span style="white-space:pre-wrap">{{ c.body }}</span>
+                      }
+                    </div>
+                    @if (canComment()) {
+                      <div class="o-cf">
+                        <input class="o-in o-sm" placeholder="Reply…" aria-label="Reply" [ngModel]="replies()[t.id] ?? ''" (ngModelChange)="setReply(t.id, $event)" (keydown.enter)="sendReply(t.id)" />
+                        <button type="button" class="o-btn o-sm" (click)="sendReply(t.id)">Reply</button>
+                        <button type="button" class="o-btn o-sm" (click)="resolve.emit({ threadId: t.id, resolved: !t.resolved })">{{ t.resolved ? 'Unresolve' : 'Resolve' }}</button>
+                      </div>
+                    }
+                  </div>
+                }
+                @if (drafting() === key(l)) {
+                  <div class="o-thread"><div class="o-cb o-col" style="gap:8px;padding:10px 12px">
+                    <textarea class="o-in" rows="2" [placeholder]="'Leave a comment on line ' + lineOf(l)" [attr.aria-label]="'Comment on line ' + lineOf(l)" [ngModel]="draftBody()" (ngModelChange)="draftBody.set($event)" data-testid="line-comment"></textarea>
+                    <div class="o-flex"><span class="o-faint o-xs">Markdown works.</span><button type="button" class="o-btn o-sm o-r" (click)="drafting.set('')">Cancel</button><button type="button" class="o-btn o-sm o-dark" [disabled]="!draftBody().trim()" (click)="send(l)" data-testid="line-comment-add">Comment</button></div>
+                  </div></div>
+                }
+              }
+            } @empty {
+              <div class="o-empty o-sm">No changes to show.</div>
+            }
+          </div>
+        } @else {
+          <div class="o-empty o-sm">Loading…</div>
+        }
+      }
+    </div>
+  `, styles: [":host ::ng-deep [class^=tk-k]{color:var(--o-tk-k)}:host ::ng-deep [class^=tk-s],:host ::ng-deep [class^=tk-l]{color:var(--o-tk-s)}:host ::ng-deep [class^=tk-c]{color:var(--o-tk-c);font-style:italic}:host ::ng-deep [class^=tk-m]{color:var(--o-tk-n)}:host ::ng-deep .tk-nf,:host ::ng-deep .tk-nx,:host ::ng-deep .tk-fm{color:var(--o-tk-f)}:host ::ng-deep .tk-nb,:host ::ng-deep .tk-nt,:host ::ng-deep .tk-bp{color:var(--o-tk-p)}:host ::ng-deep .tk-gi{color:var(--o-add)}:host ::ng-deep .tk-gd{color:var(--o-bad-tx)}\n", ".o-ln .o-n{cursor:default;width:44px}.o-ln .o-n.cmt{cursor:pointer}.o-ln .o-n.cmt:hover{color:var(--o-acc-tx)}.hunk{color:var(--o-dim);background:var(--o-well);padding:2px 12px;font-size:11px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { repo: [{ type: i0.Input, args: [{ isSignal: true, alias: "repo", required: true }] }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }], head: [{ type: i0.Input, args: [{ isSignal: true, alias: "head", required: true }] }], base: [{ type: i0.Input, args: [{ isSignal: true, alias: "base", required: false }] }], threads: [{ type: i0.Input, args: [{ isSignal: true, alias: "threads", required: false }] }], canComment: [{ type: i0.Input, args: [{ isSignal: true, alias: "canComment", required: false }] }], comment: [{ type: i0.Output, args: ["comment"] }], reply: [{ type: i0.Output, args: ["reply"] }], resolve: [{ type: i0.Output, args: ["resolve"] }] } });
+
+// /{org}/{project}/code (prototype "code_repos"): the project's repositories.
+class ReposPage {
+    constructor() {
+        this.host = inject(CodeHost);
+        this.api = inject(CodeApi);
+        this.repos = signal([], ...(ngDevMode ? [{ debugName: "repos" }] : /* istanbul ignore next */ []));
+        this.loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.canWrite = computed(() => {
+            const p = this.host.project();
+            return !!p && !p.archivedAt && p.capabilities.includes('code.write');
+        }, ...(ngDevMode ? [{ debugName: "canWrite" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const p = this.host.project();
+            if (p)
+                untracked(() => this.api.repos(p.id).subscribe({
+                    next: (r) => { this.repos.set(r); this.loaded.set(true); },
+                    error: (e) => { this.loaded.set(true); this.error.set(apiMessage(e, 'Could not load the repositories.')); },
+                }));
+        });
+    }
+    sizeOf(b) {
+        return b < 1024 * 1024 ? `${Math.max(1, Math.round(b / 1024))} KB` : `${(b / 1024 / 1024).toFixed(1)} MB`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ReposPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ReposPage, isStandalone: true, selector: "o-code-repos", ngImport: i0, template: `
+    <div class="o-page">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ host.project()?.key }} · {{ repos().length }} {{ repos().length === 1 ? 'repository' : 'repositories' }}</span><h1 class="o-t">Repositories</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <a class="o-btn" [routerLink]="host.link('code/new')" [queryParams]="{ import: 1 }">Import repository</a>
+            <a class="o-btn o-dark" [routerLink]="host.link('code/new')" data-testid="new-repo">+ New repository</a>
+          </div>
+        }
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      <div class="o-card" style="overflow-x:auto">
+        <div class="o-tbl" role="table" aria-label="Repositories" style="min-width:640px">
+          <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Name</div><div class="o-th" role="columnheader">Default branch</div><div class="o-th" role="columnheader">Last push</div><div class="o-th" role="columnheader">Size</div><div class="o-th" role="columnheader">Visibility</div></div></div>
+          <div class="o-tbody" role="rowgroup">
+            @for (r of repos(); track r.name) {
+              <a class="o-tr o-click" role="row" [routerLink]="host.link('code/' + r.name)" [attr.data-testid]="'repo-' + r.name">
+                <div class="o-td" role="cell"><div class="o-col" style="gap:2px"><b class="o-mono o-b5">{{ r.name }}</b>@if (r.description) {<span class="o-faint o-sm">{{ r.description }}</span>}</div></div>
+                <div class="o-td o-mono o-sm" role="cell">{{ r.defaultBranch }}</div>
+                <div class="o-td o-mut" role="cell">{{ r.importState === 'running' || r.importState === 'queued' ? 'Importing…' : r.empty ? 'Empty' : ago(r.pushedAt) }}</div>
+                <div class="o-td o-mut o-sm" role="cell">{{ sizeOf(r.sizeBytes) }}</div>
+                <div class="o-td" role="cell"><span class="o-chip">{{ r.visibility === 'private' ? 'Private' : 'Org-internal' }}</span>@if (r.archivedAt) {<span class="o-chip o-amb" style="margin-left:4px">Archived</span>}</div>
+              </a>
+            } @empty {
+              <div class="o-empty">{{ loaded() ? 'No repositories yet. Create one, or import from GitHub, GitLab, Bitbucket or any Git server.' : 'Loading…' }}</div>
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ReposPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-repos',
+                    imports: [RouterLink],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ host.project()?.key }} · {{ repos().length }} {{ repos().length === 1 ? 'repository' : 'repositories' }}</span><h1 class="o-t">Repositories</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <a class="o-btn" [routerLink]="host.link('code/new')" [queryParams]="{ import: 1 }">Import repository</a>
+            <a class="o-btn o-dark" [routerLink]="host.link('code/new')" data-testid="new-repo">+ New repository</a>
+          </div>
+        }
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      <div class="o-card" style="overflow-x:auto">
+        <div class="o-tbl" role="table" aria-label="Repositories" style="min-width:640px">
+          <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Name</div><div class="o-th" role="columnheader">Default branch</div><div class="o-th" role="columnheader">Last push</div><div class="o-th" role="columnheader">Size</div><div class="o-th" role="columnheader">Visibility</div></div></div>
+          <div class="o-tbody" role="rowgroup">
+            @for (r of repos(); track r.name) {
+              <a class="o-tr o-click" role="row" [routerLink]="host.link('code/' + r.name)" [attr.data-testid]="'repo-' + r.name">
+                <div class="o-td" role="cell"><div class="o-col" style="gap:2px"><b class="o-mono o-b5">{{ r.name }}</b>@if (r.description) {<span class="o-faint o-sm">{{ r.description }}</span>}</div></div>
+                <div class="o-td o-mono o-sm" role="cell">{{ r.defaultBranch }}</div>
+                <div class="o-td o-mut" role="cell">{{ r.importState === 'running' || r.importState === 'queued' ? 'Importing…' : r.empty ? 'Empty' : ago(r.pushedAt) }}</div>
+                <div class="o-td o-mut o-sm" role="cell">{{ sizeOf(r.sizeBytes) }}</div>
+                <div class="o-td" role="cell"><span class="o-chip">{{ r.visibility === 'private' ? 'Private' : 'Org-internal' }}</span>@if (r.archivedAt) {<span class="o-chip o-amb" style="margin-left:4px">Archived</span>}</div>
+              </a>
+            } @empty {
+              <div class="o-empty">{{ loaded() ? 'No repositories yet. Create one, or import from GitHub, GitLab, Bitbucket or any Git server.' : 'Loading…' }}</div>
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+// /{org}/{project}/code/new (prototype "code_new"): create an empty repository with optional
+// README, .gitignore and licence, or import one from a URL; then the quick-setup commands.
+class NewRepoPage {
+    constructor() {
+        this.host = inject(CodeHost);
+        this.api = inject(CodeApi);
+        this.route = inject(ActivatedRoute);
+        this.mode = signal('create', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.made = signal(null, ...(ngDevMode ? [{ debugName: "made" }] : /* istanbul ignore next */ []));
+        this.proto = signal('https', ...(ngDevMode ? [{ debugName: "proto" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.copied = signal(false, ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
+        this.url = computed(() => (this.proto() === 'ssh' ? this.made()?.cloneSsh : this.made()?.cloneHttps) || '', ...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
+        this.repoName = '';
+        this.desc = '';
+        this.vis = 'private';
+        this.branch = 'main';
+        this.readme = true;
+        this.gitignore = '';
+        this.licence = '';
+        this.url_ = '';
+        this.user = '';
+        this.token = '';
+        this.route.queryParamMap.subscribe((q) => this.mode.set(q.get('import') ? 'import' : 'create'));
+    }
+    nameFromUrl() {
+        if (this.repoName.trim())
+            return;
+        const m = this.url_.trim().match(/([^/:]+?)(\.git)?\/?$/);
+        if (m)
+            this.repoName = m[1];
+    }
+    copyUrl() {
+        void copy(this.url()).then(() => { this.copied.set(true); setTimeout(() => this.copied.set(false), 1500); });
+    }
+    create() {
+        const p = this.host.project();
+        if (!p)
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.create(p.id, { name: this.repoName.trim(), description: this.desc.trim(), visibility: this.vis, defaultBranch: this.branch.trim() || 'main', readme: this.readme, gitignore: this.gitignore, licence: this.licence }).subscribe({
+            next: (r) => { this.busy.set(false); this.made.set(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not create the repository.')); },
+        });
+    }
+    importRepo() {
+        const p = this.host.project();
+        if (!p)
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.import(p.id, { name: this.repoName.trim(), url: this.url_.trim(), username: this.user.trim() || undefined, token: this.token || undefined, visibility: this.vis }).subscribe({
+            next: (r) => { this.busy.set(false); this.token = ''; this.made.set(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not start the import.')); },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NewRepoPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: NewRepoPage, isStandalone: true, selector: "o-code-new", ngImport: i0, template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph"><div class="o-col"><span class="o-eyebrow">{{ host.project()?.key }}</span><h1 class="o-t">Add a repository</h1></div></div>
+      <div class="o-tabs" role="tablist">
+        <button type="button" role="tab" class="o-tab" [class.o-on]="mode() === 'create'" [attr.aria-selected]="mode() === 'create'" (click)="mode.set('create')">Create</button>
+        <button type="button" role="tab" class="o-tab" [class.o-on]="mode() === 'import'" [attr.aria-selected]="mode() === 'import'" (click)="mode.set('import')">Import from URL</button>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+      @if (made(); as r) {
+        <div class="o-card">
+          <div class="o-ch"><b class="o-mono">{{ r.name }}</b><span class="o-chip">{{ r.empty ? 'empty' : r.importState ? 'importing' : 'ready' }}</span><span class="o-r">Quick setup</span></div>
+          <div class="o-cb o-col" style="gap:14px">
+            <div class="o-flex">
+              <div class="o-seg" role="group" aria-label="Protocol"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+              <div class="o-copy" style="flex:1"><span data-testid="clone-url">{{ url() }}</span><button type="button" class="o-btn o-xs" (click)="copyUrl()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+            </div>
+            @if (r.empty) {
+              <b class="o-sm">Create a new repository on the command line</b>
+              <div class="o-term"><div>echo "# {{ r.name }}" &gt;&gt; README.md</div><div>git init &amp;&amp; git add README.md</div><div>git commit -m "first commit"</div><div>git branch -M {{ r.defaultBranch }}</div><div>git remote add origin {{ url() }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+              <b class="o-sm">…or push an existing repository</b>
+              <div class="o-term"><div>git remote add origin {{ url() }}</div><div>git branch -M {{ r.defaultBranch }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+            }
+            <a class="o-btn o-dark" style="align-self:flex-start" [routerLink]="host.link('code/' + r.name)">Open {{ r.name }}</a>
+          </div>
+        </div>
+      } @else if (mode() === 'create') {
+        <form class="o-card o-cb o-form" (ngSubmit)="create()">
+          <div class="o-fld"><label for="nr-name">Repository name</label><input id="nr-name" class="o-in o-mono" name="name" [(ngModel)]="repoName" placeholder="payments-api" autocomplete="off" data-testid="repo-name" /><span class="o-hint">Letters, digits, dots, dashes and underscores.</span></div>
+          <div class="o-fld"><label for="nr-desc">Description <span class="o-faint">(optional)</span></label><input id="nr-desc" class="o-in" name="desc" [(ngModel)]="desc" placeholder="What lives here?" /></div>
+          <div class="o-fld"><span class="o-lbl" style="padding:0">Visibility</span>
+            <div class="o-g2">
+              <button type="button" class="o-opt" [class.o-on]="vis === 'private'" (click)="vis = 'private'"><span class="o-rad" [class.o-on]="vis === 'private'"></span><span class="o-col" style="gap:2px"><b>Private</b><span class="o-faint o-sm">Project members only</span></span></button>
+              <button type="button" class="o-opt" [class.o-on]="vis === 'internal'" (click)="vis = 'internal'"><span class="o-rad" [class.o-on]="vis === 'internal'"></span><span class="o-col" style="gap:2px"><b>Org-internal</b><span class="o-faint o-sm">Everyone in the organization can read</span></span></button>
+            </div>
+          </div>
+          <div class="o-g4">
+            <div class="o-fld"><label for="nr-br">Default branch</label><input id="nr-br" class="o-in o-mono" name="branch" [(ngModel)]="branch" /></div>
+            <div class="o-fld"><span class="o-lbl" style="padding:0" id="nr-readme">README</span><button type="button" class="o-tog" role="switch" aria-labelledby="nr-readme" [class.o-on]="readme" [attr.aria-checked]="readme" (click)="readme = !readme" data-testid="repo-readme"></button></div>
+            <div class="o-fld"><label for="nr-gi">.gitignore</label><select id="nr-gi" class="o-in" name="gi" [(ngModel)]="gitignore"><option value="">None</option><option value="node">Node</option><option value="go">Go</option><option value="python">Python</option></select></div>
+            <div class="o-fld"><label for="nr-lic">Licence</label><select id="nr-lic" class="o-in" name="lic" [(ngModel)]="licence"><option value="">None</option><option value="MIT">MIT</option><option value="Apache-2.0">Apache 2.0</option></select></div>
+          </div>
+          <div class="o-flex"><span class="o-faint o-sm">Push limits: 2 GB per push, 100 MB per file.</span><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !repoName.trim()" data-testid="repo-create">Create repository</button></div>
+        </form>
+      } @else {
+        <form class="o-card o-cb o-form" (ngSubmit)="importRepo()">
+          <div class="o-fld"><label for="ir-url">Git URL</label><input id="ir-url" class="o-in o-mono" name="url" [(ngModel)]="url_" placeholder="https://github.com/acme/payments-api.git" (blur)="nameFromUrl()" /><span class="o-hint">GitHub, GitLab, Bitbucket or any Git server over HTTPS. All branches and tags are copied.</span></div>
+          <div class="o-fld"><label for="ir-name">Repository name</label><input id="ir-name" class="o-in o-mono" name="iname" [(ngModel)]="repoName" /></div>
+          <div class="o-g2">
+            <div class="o-fld"><label for="ir-user">Username <span class="o-faint">(private repos)</span></label><input id="ir-user" class="o-in" name="user" [(ngModel)]="user" autocomplete="off" /></div>
+            <div class="o-fld"><label for="ir-tok">Access token</label><input id="ir-tok" class="o-in" type="password" name="token" [(ngModel)]="token" autocomplete="off" /></div>
+          </div>
+          <div class="o-flex"><button type="button" class="o-tog o-dis" disabled aria-label="Keep as a pull mirror"></button><span class="o-sm">Keep as a pull mirror</span><b class="o-ph-tag o-later">Later</b></div>
+          <div class="o-flex"><span class="o-faint o-sm">Imports run in the background; you'll get an inbox message when done.</span><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !url_.trim() || !repoName.trim()">Import</button></div>
+        </form>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NewRepoPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-new',
+                    imports: [FormsModule, RouterLink],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph"><div class="o-col"><span class="o-eyebrow">{{ host.project()?.key }}</span><h1 class="o-t">Add a repository</h1></div></div>
+      <div class="o-tabs" role="tablist">
+        <button type="button" role="tab" class="o-tab" [class.o-on]="mode() === 'create'" [attr.aria-selected]="mode() === 'create'" (click)="mode.set('create')">Create</button>
+        <button type="button" role="tab" class="o-tab" [class.o-on]="mode() === 'import'" [attr.aria-selected]="mode() === 'import'" (click)="mode.set('import')">Import from URL</button>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+      @if (made(); as r) {
+        <div class="o-card">
+          <div class="o-ch"><b class="o-mono">{{ r.name }}</b><span class="o-chip">{{ r.empty ? 'empty' : r.importState ? 'importing' : 'ready' }}</span><span class="o-r">Quick setup</span></div>
+          <div class="o-cb o-col" style="gap:14px">
+            <div class="o-flex">
+              <div class="o-seg" role="group" aria-label="Protocol"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+              <div class="o-copy" style="flex:1"><span data-testid="clone-url">{{ url() }}</span><button type="button" class="o-btn o-xs" (click)="copyUrl()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+            </div>
+            @if (r.empty) {
+              <b class="o-sm">Create a new repository on the command line</b>
+              <div class="o-term"><div>echo "# {{ r.name }}" &gt;&gt; README.md</div><div>git init &amp;&amp; git add README.md</div><div>git commit -m "first commit"</div><div>git branch -M {{ r.defaultBranch }}</div><div>git remote add origin {{ url() }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+              <b class="o-sm">…or push an existing repository</b>
+              <div class="o-term"><div>git remote add origin {{ url() }}</div><div>git branch -M {{ r.defaultBranch }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+            }
+            <a class="o-btn o-dark" style="align-self:flex-start" [routerLink]="host.link('code/' + r.name)">Open {{ r.name }}</a>
+          </div>
+        </div>
+      } @else if (mode() === 'create') {
+        <form class="o-card o-cb o-form" (ngSubmit)="create()">
+          <div class="o-fld"><label for="nr-name">Repository name</label><input id="nr-name" class="o-in o-mono" name="name" [(ngModel)]="repoName" placeholder="payments-api" autocomplete="off" data-testid="repo-name" /><span class="o-hint">Letters, digits, dots, dashes and underscores.</span></div>
+          <div class="o-fld"><label for="nr-desc">Description <span class="o-faint">(optional)</span></label><input id="nr-desc" class="o-in" name="desc" [(ngModel)]="desc" placeholder="What lives here?" /></div>
+          <div class="o-fld"><span class="o-lbl" style="padding:0">Visibility</span>
+            <div class="o-g2">
+              <button type="button" class="o-opt" [class.o-on]="vis === 'private'" (click)="vis = 'private'"><span class="o-rad" [class.o-on]="vis === 'private'"></span><span class="o-col" style="gap:2px"><b>Private</b><span class="o-faint o-sm">Project members only</span></span></button>
+              <button type="button" class="o-opt" [class.o-on]="vis === 'internal'" (click)="vis = 'internal'"><span class="o-rad" [class.o-on]="vis === 'internal'"></span><span class="o-col" style="gap:2px"><b>Org-internal</b><span class="o-faint o-sm">Everyone in the organization can read</span></span></button>
+            </div>
+          </div>
+          <div class="o-g4">
+            <div class="o-fld"><label for="nr-br">Default branch</label><input id="nr-br" class="o-in o-mono" name="branch" [(ngModel)]="branch" /></div>
+            <div class="o-fld"><span class="o-lbl" style="padding:0" id="nr-readme">README</span><button type="button" class="o-tog" role="switch" aria-labelledby="nr-readme" [class.o-on]="readme" [attr.aria-checked]="readme" (click)="readme = !readme" data-testid="repo-readme"></button></div>
+            <div class="o-fld"><label for="nr-gi">.gitignore</label><select id="nr-gi" class="o-in" name="gi" [(ngModel)]="gitignore"><option value="">None</option><option value="node">Node</option><option value="go">Go</option><option value="python">Python</option></select></div>
+            <div class="o-fld"><label for="nr-lic">Licence</label><select id="nr-lic" class="o-in" name="lic" [(ngModel)]="licence"><option value="">None</option><option value="MIT">MIT</option><option value="Apache-2.0">Apache 2.0</option></select></div>
+          </div>
+          <div class="o-flex"><span class="o-faint o-sm">Push limits: 2 GB per push, 100 MB per file.</span><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !repoName.trim()" data-testid="repo-create">Create repository</button></div>
+        </form>
+      } @else {
+        <form class="o-card o-cb o-form" (ngSubmit)="importRepo()">
+          <div class="o-fld"><label for="ir-url">Git URL</label><input id="ir-url" class="o-in o-mono" name="url" [(ngModel)]="url_" placeholder="https://github.com/acme/payments-api.git" (blur)="nameFromUrl()" /><span class="o-hint">GitHub, GitLab, Bitbucket or any Git server over HTTPS. All branches and tags are copied.</span></div>
+          <div class="o-fld"><label for="ir-name">Repository name</label><input id="ir-name" class="o-in o-mono" name="iname" [(ngModel)]="repoName" /></div>
+          <div class="o-g2">
+            <div class="o-fld"><label for="ir-user">Username <span class="o-faint">(private repos)</span></label><input id="ir-user" class="o-in" name="user" [(ngModel)]="user" autocomplete="off" /></div>
+            <div class="o-fld"><label for="ir-tok">Access token</label><input id="ir-tok" class="o-in" type="password" name="token" [(ngModel)]="token" autocomplete="off" /></div>
+          </div>
+          <div class="o-flex"><button type="button" class="o-tog o-dis" disabled aria-label="Keep as a pull mirror"></button><span class="o-sm">Keep as a pull mirror</span><b class="o-ph-tag o-later">Later</b></div>
+          <div class="o-flex"><span class="o-faint o-sm">Imports run in the background; you'll get an inbox message when done.</span><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !url_.trim() || !repoName.trim()">Import</button></div>
+        </form>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+// /{org}/{project}/code/{files,commits,branches,settings}: the project-level tabs open the repository
+// the person was last in (else the first one) at that tab.
+class CurrentRepoPage {
+    constructor() {
+        this.host = inject(CodeHost);
+        this.api = inject(CodeApi);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.current = inject(CurrentRepo);
+        this.none = signal(false, ...(ngDevMode ? [{ debugName: "none" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const p = this.host.project();
+            if (!p)
+                return;
+            untracked(() => {
+                const tab = String(this.route.snapshot.data['codeTab'] ?? '');
+                this.api.repos(p.id).subscribe({
+                    next: (rs) => {
+                        if (!rs.length)
+                            return this.none.set(true);
+                        const last = this.current.get(p.id);
+                        const repo = rs.find((r) => r.name === last)?.name ?? rs[0].name;
+                        void this.router.navigate(this.host.link(`code/${repo}${tab ? '/' + tab : ''}`), { replaceUrl: true });
+                    },
+                    error: (e) => this.error.set(apiMessage(e, 'Could not load the repositories.')),
+                });
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CurrentRepoPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: CurrentRepoPage, isStandalone: true, selector: "o-code-current", ngImport: i0, template: `
+    <div class="o-page o-narrow">
+      @if (none()) {
+        <div class="o-card o-empty"><p>No repositories yet.</p><a class="o-btn" style="margin-top:14px" [routerLink]="host.link('code/new')">+ New repository</a></div>
+      } @else if (error()) {
+        <div class="o-note o-red" role="alert">{{ error() }}</div>
+      } @else {
+        <div class="o-card"><div class="o-empty">Opening the repository…</div></div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CurrentRepoPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-current',
+                    imports: [RouterLink],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page o-narrow">
+      @if (none()) {
+        <div class="o-card o-empty"><p>No repositories yet.</p><a class="o-btn" style="margin-top:14px" [routerLink]="host.link('code/new')">+ New repository</a></div>
+      } @else if (error()) {
+        <div class="o-note o-red" role="alert">{{ error() }}</div>
+      } @else {
+        <div class="o-card"><div class="o-empty">Opening the repository…</div></div>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// /{org}/{project}/code/{repo}?ref=&path= (prototype "code_repo"): the repository's files at a
+// branch, tag or commit, the last commit of each entry, the README, the clone menu and languages.
+class RepoHomePage extends RepoPage {
+    constructor() {
+        super();
+        this.router = inject(Router);
+        this.el = inject(ElementRef);
+        this.tree = signal(null, ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        this.langs = signal([], ...(ngDevMode ? [{ debugName: "langs" }] : /* istanbul ignore next */ []));
+        this.ref = signal('', ...(ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []));
+        this.path = signal('', ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+        this.proto = signal('https', ...(ngDevMode ? [{ debugName: "proto" }] : /* istanbul ignore next */ []));
+        this.cloneOpen = signal(false, ...(ngDevMode ? [{ debugName: "cloneOpen" }] : /* istanbul ignore next */ []));
+        this.copied = signal(false, ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
+        this.finding = signal(false, ...(ngDevMode ? [{ debugName: "finding" }] : /* istanbul ignore next */ []));
+        this.fq = signal('', ...(ngDevMode ? [{ debugName: "fq" }] : /* istanbul ignore next */ []));
+        this.files = signal([], ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.colour = langColour;
+        this.cloneUrl = computed(() => (this.proto() === 'ssh' ? this.repo()?.cloneSsh : this.repo()?.cloneHttps) || '', ...(ngDevMode ? [{ debugName: "cloneUrl" }] : /* istanbul ignore next */ []));
+        this.crumbs = computed(() => {
+            const parts = this.path().split('/').filter(Boolean);
+            return parts.map((name, i) => ({ name, path: parts.slice(0, i + 1).join('/') }));
+        }, ...(ngDevMode ? [{ debugName: "crumbs" }] : /* istanbul ignore next */ []));
+        this.parent = computed(() => this.path().split('/').slice(0, -1).join('/'), ...(ngDevMode ? [{ debugName: "parent" }] : /* istanbul ignore next */ []));
+        this.found = computed(() => {
+            const q = this.fq().toLowerCase();
+            return this.files().filter((f) => !q || f.toLowerCase().includes(q)).slice(0, 50);
+        }, ...(ngDevMode ? [{ debugName: "found" }] : /* istanbul ignore next */ []));
+        this.langLabel = computed(() => this.langs().map((l) => `${l.name} ${l.percent.toFixed(0)}%`).join(', '), ...(ngDevMode ? [{ debugName: "langLabel" }] : /* istanbul ignore next */ []));
+        this.route.queryParamMap.subscribe((q) => {
+            this.ref.set(q.get('ref') ?? '');
+            this.path.set(q.get('path') ?? '');
+            const r = this.repo();
+            if (r && r.name === this.name())
+                this.load(r);
+        });
+    }
+    onRepo(r) {
+        this.load(r);
+        if (!r.empty)
+            this.api.languages(this.projectId(), r.name, this.ref() || r.defaultBranch).subscribe({ next: (l) => this.langs.set(l), error: () => undefined });
+    }
+    qp(path) {
+        return { ref: this.ref() || null, path: path || null };
+    }
+    go(ref, path) {
+        void this.router.navigate(this.link(), { queryParams: { ref, path: path || null } });
+    }
+    copyClone() {
+        void copy(this.cloneUrl()).then(() => { this.copied.set(true); setTimeout(() => this.copied.set(false), 1500); });
+    }
+    archive(format) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.archiveUrl(this.projectId(), r.name, this.ref() || r.defaultBranch, format).subscribe({
+            next: (u) => { if (u)
+                location.assign(u); },
+            error: (e) => this.error.set(apiMessage(e, 'Could not prepare the download.')),
+        });
+    }
+    openFirst() {
+        const f = this.found()[0];
+        if (f) {
+            this.finding.set(false);
+            void this.router.navigate(this.link('blob'), { queryParams: this.qp(f) });
+        }
+    }
+    /** T opens Go to file (prototype). */
+    key(e) {
+        const t = e.target;
+        if (e.key !== 't' || e.metaKey || e.ctrlKey || e.altKey || t?.closest('input,textarea,select,[contenteditable]'))
+            return;
+        if (this.repo() && !this.repo().empty && !this.finding()) {
+            e.preventDefault();
+            this.openFinder();
+        }
+    }
+    load(r) {
+        if (r.empty || (r.importState && r.importState !== 'done'))
+            return;
+        const ref = this.ref() || r.defaultBranch;
+        this.tree.set(null);
+        this.api.tree(this.projectId(), r.name, ref, this.path()).subscribe({
+            next: (t) => this.tree.set(t),
+            error: (e) => this.error.set(apiMessage(e, 'Could not read the files.')),
+        });
+        this.files.set([]);
+    }
+    openFinder() {
+        const r = this.repo();
+        if (!r || r.empty)
+            return;
+        this.finding.set(true);
+        this.fq.set('');
+        if (!this.files().length)
+            this.api.files(this.projectId(), r.name, this.ref() || r.defaultBranch).subscribe({ next: (f) => this.files.set(f.files), error: () => undefined });
+        setTimeout(() => this.el.nativeElement.querySelector('input[aria-label="Find a file"]')?.focus());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoHomePage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: RepoHomePage, isStandalone: true, selector: "o-code-repo", host: { listeners: { "document:keydown": "key($event)" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col">
+            <span class="o-eyebrow">{{ r.projectKey }}</span>
+            <div class="o-flex"><h1 class="o-t o-mono" style="font-size:19px">{{ r.name }}</h1><span class="o-chip">{{ r.visibility === 'private' ? 'Private' : 'Org-internal' }}</span>@if (r.archivedAt) {<span class="o-chip o-amb">Archived</span>}</div>
+            @if (r.description) {<span class="o-mut">{{ r.description }}</span>}
+          </div>
+          @if (!r.empty) {<div class="o-acts"><button type="button" class="o-btn o-sm" (click)="archive('zip')">Download ZIP</button></div>}
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+        @if (r.importState && r.importState !== 'done') {
+          <div class="o-card o-cb o-col" style="gap:6px">
+            <b>{{ r.importState === 'failed' ? 'The import failed' : 'Importing from ' + r.importSource }}</b>
+            <span class="o-mut o-sm">{{ r.importState === 'failed' ? r.importError : 'This runs in the background; the inbox tells you when it is done.' }}</span>
+          </div>
+        } @else if (r.empty) {
+          <div class="o-card">
+            <div class="o-ch"><b>This repository is empty</b><span class="o-r">Quick setup</span></div>
+            <div class="o-cb o-col" style="gap:14px">
+              <div class="o-flex">
+                <div class="o-seg" role="group" aria-label="Protocol"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+                <div class="o-copy" style="flex:1"><span data-testid="clone-url">{{ cloneUrl() }}</span><button type="button" class="o-btn o-xs" (click)="copyClone()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+              </div>
+              <b class="o-sm">Push an existing repository</b>
+              <div class="o-term"><div>git remote add origin {{ cloneUrl() }}</div><div>git branch -M {{ r.defaultBranch }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+            </div>
+          </div>
+        } @else {
+          <div class="o-flex o-wrap">
+            <o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="go($event, '')" />
+            <nav class="o-flex o-sm o-mono" aria-label="Path">
+              <a [routerLink]="link()" [queryParams]="qp('')">{{ r.name }}</a>
+              @for (c of crumbs(); track c.path) {<span class="o-faint">/</span><a [routerLink]="link()" [queryParams]="qp(c.path)">{{ c.name }}</a>}
+            </nav>
+            <span class="o-r"></span>
+            <button type="button" class="o-btn o-sm" (click)="openFinder()">Go to file <span class="o-kbd">T</span></button>
+            <span class="anchor">
+              <button type="button" class="o-btn o-sm o-pri" (click)="cloneOpen.set(!cloneOpen())" [attr.aria-expanded]="cloneOpen()" aria-haspopup="dialog" data-testid="clone-menu">Code ⌄</button>
+              @if (cloneOpen()) {
+                <div class="o-menu" role="dialog" aria-label="Clone" style="right:0;top:34px;width:380px;padding:12px;display:flex;flex-direction:column;gap:10px">
+                  <b>Clone</b>
+                  <div class="o-seg" role="group" aria-label="Protocol" style="align-self:flex-start"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+                  <div class="o-copy"><span data-testid="clone-url">{{ cloneUrl() }}</span><button type="button" class="o-btn o-xs" (click)="copyClone()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+                  <span class="o-hint">{{ proto() === 'https' ? 'Use a personal access token as the password.' : 'Add your SSH key under Account › SSH and signing keys.' }}</span>
+                  <hr style="border:none;border-top:1px solid var(--o-line-soft);margin:0;width:100%">
+                  <div class="o-flex"><button type="button" class="o-btn o-sm" (click)="archive('zip')">Download ZIP</button><button type="button" class="o-btn o-sm" (click)="archive('tar.gz')">Download tar.gz</button></div>
+                </div>
+              }
+            </span>
+          </div>
+          <div class="o-split">
+            <div class="o-col" style="gap:14px;min-width:0">
+              <div class="o-card">
+                @if (tree()?.lastCommit; as lc) {
+                  <div class="o-ch" style="background:var(--o-well)">
+                    <span class="o-av" aria-hidden="true">{{ initials(lc.author.name) }}</span><b class="o-b5">{{ lc.author.name }}</b>
+                    <a class="o-ell o-mut" style="min-width:0" [routerLink]="link('commit/' + lc.oid)">{{ lc.subject }}</a>
+                    <span class="o-r o-flex o-sm"><a class="o-mono" [routerLink]="link('commit/' + lc.oid)">{{ lc.short }}</a><span class="o-faint">{{ ago(lc.committer.when) }}</span><a [routerLink]="link('commits')" [queryParams]="{ ref: ref() }">History</a></span>
+                  </div>
+                }
+                @if (path()) {<a class="o-row o-click" [routerLink]="link()" [queryParams]="qp(parent())"><span class="o-faint o-mono ic">..</span></a>}
+                @for (e of tree()?.entries ?? []; track e.path) {
+                  <a class="o-row o-click" [routerLink]="e.type === 'tree' ? link() : link('blob')" [queryParams]="qp(e.path)" [attr.data-testid]="'entry-' + e.name">
+                    <span class="ic" aria-hidden="true">{{ e.type === 'tree' ? '▸' : '·' }}</span>
+                    <span class="o-mono o-sm" style="width:200px;flex:none" [class.o-b5]="e.type === 'tree'">{{ e.name }}</span>
+                    <span class="o-ell o-faint o-sm" style="flex:1">{{ e.lastCommit?.subject }}</span>
+                    <span class="o-faint o-sm">{{ ago(e.lastCommit?.committer?.when) }}</span>
+                  </a>
+                } @empty {
+                  @if (!tree()) {<div class="o-empty">Loading…</div>}
+                }
+              </div>
+              @if (tree()?.readme; as rd) {
+                <div class="o-card">
+                  <div class="o-ch"><b class="o-mono o-sm">{{ rd.path }}</b></div>
+                  <div class="o-cb o-md readme" style="font-size:14px;padding:18px 22px" [innerHTML]="rd.html"></div>
+                </div>
+              }
+            </div>
+            <div class="o-col" style="gap:14px">
+              <div class="o-card o-cb o-col"><b>About</b><span class="o-mut o-lh">{{ r.description || 'No description.' }}</span><span class="o-faint o-sm">Default branch <span class="o-mono">{{ r.defaultBranch }}</span></span></div>
+              <div class="o-card o-cb o-col"><div class="o-flex"><b>Releases</b><b class="o-ph-tag o-ga o-r">GA</b></div><span class="o-faint o-sm">Tags and release notes arrive at general availability.</span></div>
+              <div class="o-card o-cb o-col"><b>Deployments</b><span class="o-faint o-sm">Environments show here once Deploy is set up.</span></div>
+              @if (langs().length) {
+                <div class="o-card o-cb o-col">
+                  <b>Languages</b>
+                  <div style="display:flex;height:8px;border-radius:4px;overflow:hidden" role="img" [attr.aria-label]="langLabel()">@for (l of langs(); track l.name; let i = $index) {<i [style.width.%]="l.percent" [style.background]="colour(i)"></i>}</div>
+                  <div class="o-legend">@for (l of langs(); track l.name; let i = $index) {<span><span class="o-dot" [style.background]="colour(i)"></span>{{ l.name }} {{ l.percent.toFixed(0) }}%</span>}</div>
+                </div>
+              }
+            </div>
+          </div>
+        }
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p><a class="o-btn" style="margin-top:14px" [routerLink]="host.link('code')">All repositories</a></div>
+      } @else {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+
+    @if (finding()) {
+      <div class="o-overlay" (click)="finding.set(false)">
+        <div class="o-dlg o-wide" role="dialog" aria-modal="true" aria-label="Go to file" (click)="$event.stopPropagation()" (keydown.escape)="finding.set(false)">
+          <div class="o-dlg-b">
+            <input class="o-in o-mono" placeholder="Find a file" aria-label="Find a file" [ngModel]="fq()" (ngModelChange)="fq.set($event)" (keydown.enter)="openFirst()" />
+            <div class="o-col" style="gap:0;max-height:50vh;overflow:auto">
+              @for (f of found(); track f) {<a class="o-row o-click o-mono o-sm" [routerLink]="link('blob')" [queryParams]="qp(f)" (click)="finding.set(false)">{{ f }}</a>}
+              @if (!found().length) {<span class="o-faint o-sm" style="padding:8px">{{ files().length ? 'No files match.' : 'Loading files…' }}</span>}
+            </div>
+          </div>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [".anchor{position:relative}.ic{width:18px;flex:none;color:var(--o-dim);text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: RefPicker, selector: "o-ref-picker", inputs: ["repo", "current"], outputs: ["picked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoHomePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-repo', imports: [FormsModule, RouterLink, RefPicker], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col">
+            <span class="o-eyebrow">{{ r.projectKey }}</span>
+            <div class="o-flex"><h1 class="o-t o-mono" style="font-size:19px">{{ r.name }}</h1><span class="o-chip">{{ r.visibility === 'private' ? 'Private' : 'Org-internal' }}</span>@if (r.archivedAt) {<span class="o-chip o-amb">Archived</span>}</div>
+            @if (r.description) {<span class="o-mut">{{ r.description }}</span>}
+          </div>
+          @if (!r.empty) {<div class="o-acts"><button type="button" class="o-btn o-sm" (click)="archive('zip')">Download ZIP</button></div>}
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+        @if (r.importState && r.importState !== 'done') {
+          <div class="o-card o-cb o-col" style="gap:6px">
+            <b>{{ r.importState === 'failed' ? 'The import failed' : 'Importing from ' + r.importSource }}</b>
+            <span class="o-mut o-sm">{{ r.importState === 'failed' ? r.importError : 'This runs in the background; the inbox tells you when it is done.' }}</span>
+          </div>
+        } @else if (r.empty) {
+          <div class="o-card">
+            <div class="o-ch"><b>This repository is empty</b><span class="o-r">Quick setup</span></div>
+            <div class="o-cb o-col" style="gap:14px">
+              <div class="o-flex">
+                <div class="o-seg" role="group" aria-label="Protocol"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+                <div class="o-copy" style="flex:1"><span data-testid="clone-url">{{ cloneUrl() }}</span><button type="button" class="o-btn o-xs" (click)="copyClone()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+              </div>
+              <b class="o-sm">Push an existing repository</b>
+              <div class="o-term"><div>git remote add origin {{ cloneUrl() }}</div><div>git branch -M {{ r.defaultBranch }}</div><div>git push -u origin {{ r.defaultBranch }}</div></div>
+            </div>
+          </div>
+        } @else {
+          <div class="o-flex o-wrap">
+            <o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="go($event, '')" />
+            <nav class="o-flex o-sm o-mono" aria-label="Path">
+              <a [routerLink]="link()" [queryParams]="qp('')">{{ r.name }}</a>
+              @for (c of crumbs(); track c.path) {<span class="o-faint">/</span><a [routerLink]="link()" [queryParams]="qp(c.path)">{{ c.name }}</a>}
+            </nav>
+            <span class="o-r"></span>
+            <button type="button" class="o-btn o-sm" (click)="openFinder()">Go to file <span class="o-kbd">T</span></button>
+            <span class="anchor">
+              <button type="button" class="o-btn o-sm o-pri" (click)="cloneOpen.set(!cloneOpen())" [attr.aria-expanded]="cloneOpen()" aria-haspopup="dialog" data-testid="clone-menu">Code ⌄</button>
+              @if (cloneOpen()) {
+                <div class="o-menu" role="dialog" aria-label="Clone" style="right:0;top:34px;width:380px;padding:12px;display:flex;flex-direction:column;gap:10px">
+                  <b>Clone</b>
+                  <div class="o-seg" role="group" aria-label="Protocol" style="align-self:flex-start"><button type="button" [class.o-on]="proto() === 'https'" (click)="proto.set('https')">HTTPS</button><button type="button" [class.o-on]="proto() === 'ssh'" (click)="proto.set('ssh')">SSH</button></div>
+                  <div class="o-copy"><span data-testid="clone-url">{{ cloneUrl() }}</span><button type="button" class="o-btn o-xs" (click)="copyClone()">{{ copied() ? 'Copied' : 'Copy' }}</button></div>
+                  <span class="o-hint">{{ proto() === 'https' ? 'Use a personal access token as the password.' : 'Add your SSH key under Account › SSH and signing keys.' }}</span>
+                  <hr style="border:none;border-top:1px solid var(--o-line-soft);margin:0;width:100%">
+                  <div class="o-flex"><button type="button" class="o-btn o-sm" (click)="archive('zip')">Download ZIP</button><button type="button" class="o-btn o-sm" (click)="archive('tar.gz')">Download tar.gz</button></div>
+                </div>
+              }
+            </span>
+          </div>
+          <div class="o-split">
+            <div class="o-col" style="gap:14px;min-width:0">
+              <div class="o-card">
+                @if (tree()?.lastCommit; as lc) {
+                  <div class="o-ch" style="background:var(--o-well)">
+                    <span class="o-av" aria-hidden="true">{{ initials(lc.author.name) }}</span><b class="o-b5">{{ lc.author.name }}</b>
+                    <a class="o-ell o-mut" style="min-width:0" [routerLink]="link('commit/' + lc.oid)">{{ lc.subject }}</a>
+                    <span class="o-r o-flex o-sm"><a class="o-mono" [routerLink]="link('commit/' + lc.oid)">{{ lc.short }}</a><span class="o-faint">{{ ago(lc.committer.when) }}</span><a [routerLink]="link('commits')" [queryParams]="{ ref: ref() }">History</a></span>
+                  </div>
+                }
+                @if (path()) {<a class="o-row o-click" [routerLink]="link()" [queryParams]="qp(parent())"><span class="o-faint o-mono ic">..</span></a>}
+                @for (e of tree()?.entries ?? []; track e.path) {
+                  <a class="o-row o-click" [routerLink]="e.type === 'tree' ? link() : link('blob')" [queryParams]="qp(e.path)" [attr.data-testid]="'entry-' + e.name">
+                    <span class="ic" aria-hidden="true">{{ e.type === 'tree' ? '▸' : '·' }}</span>
+                    <span class="o-mono o-sm" style="width:200px;flex:none" [class.o-b5]="e.type === 'tree'">{{ e.name }}</span>
+                    <span class="o-ell o-faint o-sm" style="flex:1">{{ e.lastCommit?.subject }}</span>
+                    <span class="o-faint o-sm">{{ ago(e.lastCommit?.committer?.when) }}</span>
+                  </a>
+                } @empty {
+                  @if (!tree()) {<div class="o-empty">Loading…</div>}
+                }
+              </div>
+              @if (tree()?.readme; as rd) {
+                <div class="o-card">
+                  <div class="o-ch"><b class="o-mono o-sm">{{ rd.path }}</b></div>
+                  <div class="o-cb o-md readme" style="font-size:14px;padding:18px 22px" [innerHTML]="rd.html"></div>
+                </div>
+              }
+            </div>
+            <div class="o-col" style="gap:14px">
+              <div class="o-card o-cb o-col"><b>About</b><span class="o-mut o-lh">{{ r.description || 'No description.' }}</span><span class="o-faint o-sm">Default branch <span class="o-mono">{{ r.defaultBranch }}</span></span></div>
+              <div class="o-card o-cb o-col"><div class="o-flex"><b>Releases</b><b class="o-ph-tag o-ga o-r">GA</b></div><span class="o-faint o-sm">Tags and release notes arrive at general availability.</span></div>
+              <div class="o-card o-cb o-col"><b>Deployments</b><span class="o-faint o-sm">Environments show here once Deploy is set up.</span></div>
+              @if (langs().length) {
+                <div class="o-card o-cb o-col">
+                  <b>Languages</b>
+                  <div style="display:flex;height:8px;border-radius:4px;overflow:hidden" role="img" [attr.aria-label]="langLabel()">@for (l of langs(); track l.name; let i = $index) {<i [style.width.%]="l.percent" [style.background]="colour(i)"></i>}</div>
+                  <div class="o-legend">@for (l of langs(); track l.name; let i = $index) {<span><span class="o-dot" [style.background]="colour(i)"></span>{{ l.name }} {{ l.percent.toFixed(0) }}%</span>}</div>
+                </div>
+              }
+            </div>
+          </div>
+        }
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p><a class="o-btn" style="margin-top:14px" [routerLink]="host.link('code')">All repositories</a></div>
+      } @else {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+
+    @if (finding()) {
+      <div class="o-overlay" (click)="finding.set(false)">
+        <div class="o-dlg o-wide" role="dialog" aria-modal="true" aria-label="Go to file" (click)="$event.stopPropagation()" (keydown.escape)="finding.set(false)">
+          <div class="o-dlg-b">
+            <input class="o-in o-mono" placeholder="Find a file" aria-label="Find a file" [ngModel]="fq()" (ngModelChange)="fq.set($event)" (keydown.enter)="openFirst()" />
+            <div class="o-col" style="gap:0;max-height:50vh;overflow:auto">
+              @for (f of found(); track f) {<a class="o-row o-click o-mono o-sm" [routerLink]="link('blob')" [queryParams]="qp(f)" (click)="finding.set(false)">{{ f }}</a>}
+              @if (!found().length) {<span class="o-faint o-sm" style="padding:8px">{{ files().length ? 'No files match.' : 'Loading files…' }}</span>}
+            </div>
+          </div>
+        </div>
+      </div>
+    }
+  `, styles: [".anchor{position:relative}.ic{width:18px;flex:none;color:var(--o-dim);text-align:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { key: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+// /{org}/{project}/code/{repo}/blob?ref=&path= (prototype "code_file"): one file, highlighted, with
+// Markdown preview, blame, raw, copy and download; a line number links to that line (#L12).
+class FilePage extends RepoPage {
+    constructor() {
+        super();
+        this.router = inject(Router);
+        this.blob = signal(null, ...(ngDevMode ? [{ debugName: "blob" }] : /* istanbul ignore next */ []));
+        this.blame = signal([], ...(ngDevMode ? [{ debugName: "blame" }] : /* istanbul ignore next */ []));
+        this.blaming = signal(false, ...(ngDevMode ? [{ debugName: "blaming" }] : /* istanbul ignore next */ []));
+        this.ref = signal('', ...(ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []));
+        this.path = signal('', ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+        this.line = signal(0, ...(ngDevMode ? [{ debugName: "line" }] : /* istanbul ignore next */ []));
+        this.view = signal('preview', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+        this.copied = signal(false, ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.crumbs = computed(() => {
+            const parts = this.path().split('/').filter(Boolean);
+            return parts.map((name, i) => ({ name, path: parts.slice(0, i + 1).join('/') }));
+        }, ...(ngDevMode ? [{ debugName: "crumbs" }] : /* istanbul ignore next */ []));
+        this.meta = computed(() => {
+            const b = this.blob();
+            if (!b)
+                return '';
+            return [b.binary ? '' : `${b.lineCount} lines`, size(b.size), b.language ?? ''].filter(Boolean).join(' · ');
+        }, ...(ngDevMode ? [{ debugName: "meta" }] : /* istanbul ignore next */ []));
+        this.route.queryParamMap.subscribe((q) => {
+            this.ref.set(q.get('ref') ?? '');
+            this.path.set(q.get('path') ?? '');
+            const r = this.repo();
+            if (r && r.name === this.name())
+                this.load(r);
+        });
+        this.route.fragment.subscribe((f) => this.line.set(f?.startsWith('L') ? Number(f.slice(1)) || 0 : 0));
+    }
+    onRepo(r) {
+        this.load(r);
+    }
+    pickRef(ref) {
+        void this.router.navigate(this.link('blob'), { queryParams: { ref, path: this.path() } });
+    }
+    pickLine(n) {
+        this.line.set(n);
+    }
+    copyText() {
+        const b = this.blob();
+        if (!b)
+            return;
+        const div = document.createElement('div');
+        const text = b.lines.map((l) => { div.innerHTML = l; return div.textContent ?? ''; }).join('\n');
+        void copy(text).then(() => { this.copied.set(true); setTimeout(() => this.copied.set(false), 1500); });
+    }
+    toggleBlame() {
+        this.blaming.set(!this.blaming());
+        const r = this.repo();
+        if (this.blaming() && r && !this.blame().length) {
+            this.api.blame(this.projectId(), r.name, this.ref() || r.defaultBranch, this.path()).subscribe({ next: (b) => this.blame.set(b), error: (e) => this.error.set(apiMessage(e, 'Could not load the blame.')) });
+        }
+    }
+    blameAt(n) {
+        return this.blame().find((h) => n >= h.startLine && n < h.startLine + h.lines);
+    }
+    /** The hunk's commit and author on its first line only. */
+    blameLabel(n) {
+        const h = this.blameAt(n);
+        return h && h.startLine === n ? `${h.commit.slice(0, 7)} ${h.author} · ${ago(h.when)}` : '';
+    }
+    load(r) {
+        if (!this.path())
+            return;
+        this.blob.set(null);
+        this.blame.set([]);
+        this.blaming.set(false);
+        this.api.blob(this.projectId(), r.name, this.ref() || r.defaultBranch, this.path()).subscribe({
+            next: (b) => { this.blob.set(b); this.view.set(b.markdown ? 'preview' : 'code'); if (this.line())
+                setTimeout(() => document.getElementById('L' + this.line())?.scrollIntoView({ block: 'center' })); },
+            error: (e) => this.error.set(apiMessage(e, `Could not open ${this.path()}.`)),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FilePage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FilePage, isStandalone: true, selector: "o-code-file", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page o-wide">
+      @if (repo(); as r) {
+        <div class="o-flex o-wrap">
+          <o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="pickRef($event)" />
+          <nav class="o-flex o-sm o-mono" aria-label="Path">
+            <a [routerLink]="link()" [queryParams]="{ ref: ref() || null }">{{ r.name }}</a>
+            @for (c of crumbs(); track c.path; let last = $last) {
+              <span class="o-faint">/</span>
+              @if (last) {<b aria-current="page">{{ c.name }}</b>} @else {<a [routerLink]="link()" [queryParams]="{ ref: ref() || null, path: c.path }">{{ c.name }}</a>}
+            }
+          </nav>
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @if (blob(); as b) {
+          <div class="o-card">
+            @if (b.lastCommit; as lc) {
+              <div class="o-ch" style="background:var(--o-well)">
+                <span class="o-av" aria-hidden="true">{{ initials(lc.author.name) }}</span><b class="o-b5">{{ lc.author.name }}</b>
+                <span class="o-ell o-mut" style="min-width:0">{{ lc.subject }}</span>
+                <span class="o-r o-sm"><a class="o-mono" [routerLink]="link('commit/' + lc.oid)">{{ lc.short }}</a> · {{ ago(lc.committer.when) }} · <a [routerLink]="link('commits')" [queryParams]="{ ref: ref() || null, path: b.path }">History</a></span>
+              </div>
+            }
+            <div class="o-ch">
+              <span class="o-faint o-sm">{{ meta() }}</span>
+              <span class="o-r o-flex" style="gap:6px">
+                @if (b.markdown) {
+                  <div class="o-seg" role="group" aria-label="View"><button type="button" [class.o-on]="view() === 'preview'" (click)="view.set('preview')">Preview</button><button type="button" [class.o-on]="view() === 'code'" (click)="view.set('code')">Code</button></div>
+                }
+                @if (!b.binary && !b.truncated) {<button type="button" class="o-btn o-xs" [class.o-on]="blaming()" [attr.aria-pressed]="blaming()" (click)="toggleBlame()">Blame</button>}
+                @if (b.rawUrl) {<a class="o-btn o-xs" [href]="b.rawUrl" target="_blank" rel="noopener">Raw</a>}
+                @if (!b.binary) {<button type="button" class="o-btn o-xs" (click)="copyText()">{{ copied() ? 'Copied' : 'Copy' }}</button>}
+                @if (b.downloadUrl) {<a class="o-btn o-xs" [href]="b.downloadUrl">Download</a>}
+              </span>
+            </div>
+            @if (b.image && b.rawUrl) {
+              <div class="o-cb" style="text-align:center"><img [src]="b.rawUrl" [alt]="b.name" style="max-width:100%" /></div>
+            } @else if (b.binary || b.truncated) {
+              <div class="o-empty">{{ b.binary ? 'A binary file.' : 'Too large to show here.' }} @if (b.rawUrl) {<a [href]="b.rawUrl" target="_blank" rel="noopener">View raw</a>}</div>
+            } @else if (b.markdown && view() === 'preview') {
+              <div class="o-cb o-md" style="font-size:14px;padding:18px 22px" [innerHTML]="b.markdown"></div>
+            } @else {
+              <div class="o-code" style="padding:8px 0;overflow-x:auto" role="table" [attr.aria-label]="b.path">
+                @for (l of b.lines; track $index; let i = $index) {
+                  <div class="o-ln" [class.o-hl]="line() === i + 1" role="row" [attr.id]="'L' + (i + 1)">
+                    @if (blaming()) {<span class="o-bl" role="cell" [attr.title]="blameAt(i + 1)?.summary">{{ blameLabel(i + 1) }}</span>}
+                    <a class="o-n" role="rowheader" [routerLink]="[]" [queryParamsHandling]="'preserve'" [fragment]="'L' + (i + 1)" (click)="pickLine(i + 1)" [attr.aria-label]="'Line ' + (i + 1)">{{ i + 1 }}</a>
+                    <span class="o-t" role="cell" [innerHTML]="l"></span>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+          <span class="o-faint o-sm">Click a line number to link to that line.</span>
+        } @else if (!error()) {
+          <div class="o-card"><div class="o-empty">Loading…</div></div>
+        }
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, isInline: true, styles: [":host ::ng-deep [class^=tk-k]{color:var(--o-tk-k)}:host ::ng-deep [class^=tk-s],:host ::ng-deep [class^=tk-l]{color:var(--o-tk-s)}:host ::ng-deep [class^=tk-c]{color:var(--o-tk-c);font-style:italic}:host ::ng-deep [class^=tk-m]{color:var(--o-tk-n)}:host ::ng-deep .tk-nf,:host ::ng-deep .tk-nx,:host ::ng-deep .tk-fm{color:var(--o-tk-f)}:host ::ng-deep .tk-nb,:host ::ng-deep .tk-nt,:host ::ng-deep .tk-bp{color:var(--o-tk-p)}:host ::ng-deep .tk-gi{color:var(--o-add)}:host ::ng-deep .tk-gd{color:var(--o-bad-tx)}\n", ".o-ln .o-n{text-decoration:none}.o-btn.o-on{background:var(--o-tx);border-color:var(--o-tx);color:var(--o-acc-fg)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: RefPicker, selector: "o-ref-picker", inputs: ["repo", "current"], outputs: ["picked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FilePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-file', imports: [RouterLink, RefPicker], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page o-wide">
+      @if (repo(); as r) {
+        <div class="o-flex o-wrap">
+          <o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="pickRef($event)" />
+          <nav class="o-flex o-sm o-mono" aria-label="Path">
+            <a [routerLink]="link()" [queryParams]="{ ref: ref() || null }">{{ r.name }}</a>
+            @for (c of crumbs(); track c.path; let last = $last) {
+              <span class="o-faint">/</span>
+              @if (last) {<b aria-current="page">{{ c.name }}</b>} @else {<a [routerLink]="link()" [queryParams]="{ ref: ref() || null, path: c.path }">{{ c.name }}</a>}
+            }
+          </nav>
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @if (blob(); as b) {
+          <div class="o-card">
+            @if (b.lastCommit; as lc) {
+              <div class="o-ch" style="background:var(--o-well)">
+                <span class="o-av" aria-hidden="true">{{ initials(lc.author.name) }}</span><b class="o-b5">{{ lc.author.name }}</b>
+                <span class="o-ell o-mut" style="min-width:0">{{ lc.subject }}</span>
+                <span class="o-r o-sm"><a class="o-mono" [routerLink]="link('commit/' + lc.oid)">{{ lc.short }}</a> · {{ ago(lc.committer.when) }} · <a [routerLink]="link('commits')" [queryParams]="{ ref: ref() || null, path: b.path }">History</a></span>
+              </div>
+            }
+            <div class="o-ch">
+              <span class="o-faint o-sm">{{ meta() }}</span>
+              <span class="o-r o-flex" style="gap:6px">
+                @if (b.markdown) {
+                  <div class="o-seg" role="group" aria-label="View"><button type="button" [class.o-on]="view() === 'preview'" (click)="view.set('preview')">Preview</button><button type="button" [class.o-on]="view() === 'code'" (click)="view.set('code')">Code</button></div>
+                }
+                @if (!b.binary && !b.truncated) {<button type="button" class="o-btn o-xs" [class.o-on]="blaming()" [attr.aria-pressed]="blaming()" (click)="toggleBlame()">Blame</button>}
+                @if (b.rawUrl) {<a class="o-btn o-xs" [href]="b.rawUrl" target="_blank" rel="noopener">Raw</a>}
+                @if (!b.binary) {<button type="button" class="o-btn o-xs" (click)="copyText()">{{ copied() ? 'Copied' : 'Copy' }}</button>}
+                @if (b.downloadUrl) {<a class="o-btn o-xs" [href]="b.downloadUrl">Download</a>}
+              </span>
+            </div>
+            @if (b.image && b.rawUrl) {
+              <div class="o-cb" style="text-align:center"><img [src]="b.rawUrl" [alt]="b.name" style="max-width:100%" /></div>
+            } @else if (b.binary || b.truncated) {
+              <div class="o-empty">{{ b.binary ? 'A binary file.' : 'Too large to show here.' }} @if (b.rawUrl) {<a [href]="b.rawUrl" target="_blank" rel="noopener">View raw</a>}</div>
+            } @else if (b.markdown && view() === 'preview') {
+              <div class="o-cb o-md" style="font-size:14px;padding:18px 22px" [innerHTML]="b.markdown"></div>
+            } @else {
+              <div class="o-code" style="padding:8px 0;overflow-x:auto" role="table" [attr.aria-label]="b.path">
+                @for (l of b.lines; track $index; let i = $index) {
+                  <div class="o-ln" [class.o-hl]="line() === i + 1" role="row" [attr.id]="'L' + (i + 1)">
+                    @if (blaming()) {<span class="o-bl" role="cell" [attr.title]="blameAt(i + 1)?.summary">{{ blameLabel(i + 1) }}</span>}
+                    <a class="o-n" role="rowheader" [routerLink]="[]" [queryParamsHandling]="'preserve'" [fragment]="'L' + (i + 1)" (click)="pickLine(i + 1)" [attr.aria-label]="'Line ' + (i + 1)">{{ i + 1 }}</a>
+                    <span class="o-t" role="cell" [innerHTML]="l"></span>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+          <span class="o-faint o-sm">Click a line number to link to that line.</span>
+        } @else if (!error()) {
+          <div class="o-card"><div class="o-empty">Loading…</div></div>
+        }
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, styles: [":host ::ng-deep [class^=tk-k]{color:var(--o-tk-k)}:host ::ng-deep [class^=tk-s],:host ::ng-deep [class^=tk-l]{color:var(--o-tk-s)}:host ::ng-deep [class^=tk-c]{color:var(--o-tk-c);font-style:italic}:host ::ng-deep [class^=tk-m]{color:var(--o-tk-n)}:host ::ng-deep .tk-nf,:host ::ng-deep .tk-nx,:host ::ng-deep .tk-fm{color:var(--o-tk-f)}:host ::ng-deep .tk-nb,:host ::ng-deep .tk-nt,:host ::ng-deep .tk-bp{color:var(--o-tk-p)}:host ::ng-deep .tk-gi{color:var(--o-add)}:host ::ng-deep .tk-gd{color:var(--o-bad-tx)}\n", ".o-ln .o-n{text-decoration:none}.o-btn.o-on{background:var(--o-tx);border-color:var(--o-tx);color:var(--o-acc-fg)}\n"] }]
+        }], ctorParameters: () => [] });
+
+const PAGE = 30;
+// /{org}/{project}/code/{repo}/commits?ref=&path= (prototype "code_commits"): history grouped by
+// day, with the issue keys each message names.
+class CommitsPage extends RepoPage {
+    constructor() {
+        super();
+        this.router = inject(Router);
+        this.commits = signal([], ...(ngDevMode ? [{ debugName: "commits" }] : /* istanbul ignore next */ []));
+        this.ref = signal('', ...(ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []));
+        this.path = signal('', ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.more = signal(false, ...(ngDevMode ? [{ debugName: "more" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.groups = computed(() => {
+            const out = [];
+            for (const c of this.commits()) {
+                const d = dayLabel(c.committer.when);
+                const last = out[out.length - 1];
+                if (last?.day === d)
+                    last.items.push(c);
+                else
+                    out.push({ day: d, items: [c] });
+            }
+            return out;
+        }, ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+        this.route.queryParamMap.subscribe((q) => {
+            this.ref.set(q.get('ref') ?? '');
+            this.path.set(q.get('path') ?? '');
+            const r = this.repo();
+            if (r && r.name === this.name())
+                this.load(r, 0);
+        });
+    }
+    onRepo(r) {
+        this.load(r, 0);
+    }
+    pickRef(ref) {
+        void this.router.navigate(this.link('commits'), { queryParams: { ref, path: this.path() || null } });
+    }
+    next() {
+        const r = this.repo();
+        if (r)
+            this.load(r, this.commits().length);
+    }
+    load(r, skip) {
+        if (r.empty)
+            return;
+        this.loading.set(true);
+        this.api.commits(this.projectId(), r.name, { ref: this.ref() || r.defaultBranch, path: this.path() || undefined, limit: PAGE, skip }).subscribe({
+            next: (cs) => { this.loading.set(false); this.commits.set(skip ? [...this.commits(), ...cs] : cs); this.more.set(cs.length === PAGE); },
+            error: (e) => { this.loading.set(false); this.error.set(apiMessage(e, 'Could not load the history.')); },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CommitsPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: CommitsPage, isStandalone: true, selector: "o-code-commits", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col"><span class="o-eyebrow">{{ r.name }}{{ path() ? ' · ' + path() : '' }}</span><h1 class="o-t">Commits</h1></div>
+          <div class="o-acts"><o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="pickRef($event)" /></div>
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @for (g of groups(); track g.day) {
+          <span class="o-lbl" style="margin-top:4px">Commits on {{ g.day }}</span>
+          <div class="o-card">
+            @for (c of g.items; track c.oid) {
+              <div class="o-row" [attr.data-testid]="'commit-' + c.short">
+                <div class="o-col" style="gap:4px;flex:1;min-width:0">
+                  <a class="o-b5 o-ell" style="color:var(--o-tx)" [routerLink]="link('commit/' + c.oid)">{{ c.subject }}</a>
+                  <span class="o-flex o-faint o-sm o-wrap"><span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span>{{ c.author.name }} committed {{ ago(c.committer.when) }}
+                    @for (k of c.keys; track k) {<a class="o-chip o-blu" [routerLink]="host.link('issues/' + k)">{{ k }}</a>}
+                  </span>
+                </div>
+                <a class="o-btn o-sm o-mono" [routerLink]="link('commit/' + c.oid)">{{ c.short }}</a>
+                <a class="o-btn o-sm" [routerLink]="link()" [queryParams]="{ ref: c.oid }" title="Browse files at this commit" [attr.aria-label]="'Browse files at ' + c.short">‹›</a>
+              </div>
+            }
+          </div>
+        } @empty {
+          <div class="o-card"><div class="o-empty">{{ loading() ? 'Loading…' : r.empty ? 'No commits yet: push to ' + r.defaultBranch + '.' : 'No commits.' }}</div></div>
+        }
+        @if (more()) {<button type="button" class="o-btn o-sm" style="align-self:center" (click)="next()" [disabled]="loading()">Older commits</button>}
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: RefPicker, selector: "o-ref-picker", inputs: ["repo", "current"], outputs: ["picked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CommitsPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-commits',
+                    imports: [RouterLink, RefPicker],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col"><span class="o-eyebrow">{{ r.name }}{{ path() ? ' · ' + path() : '' }}</span><h1 class="o-t">Commits</h1></div>
+          <div class="o-acts"><o-ref-picker [repo]="r.name" [current]="ref() || r.defaultBranch" (picked)="pickRef($event)" /></div>
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @for (g of groups(); track g.day) {
+          <span class="o-lbl" style="margin-top:4px">Commits on {{ g.day }}</span>
+          <div class="o-card">
+            @for (c of g.items; track c.oid) {
+              <div class="o-row" [attr.data-testid]="'commit-' + c.short">
+                <div class="o-col" style="gap:4px;flex:1;min-width:0">
+                  <a class="o-b5 o-ell" style="color:var(--o-tx)" [routerLink]="link('commit/' + c.oid)">{{ c.subject }}</a>
+                  <span class="o-flex o-faint o-sm o-wrap"><span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span>{{ c.author.name }} committed {{ ago(c.committer.when) }}
+                    @for (k of c.keys; track k) {<a class="o-chip o-blu" [routerLink]="host.link('issues/' + k)">{{ k }}</a>}
+                  </span>
+                </div>
+                <a class="o-btn o-sm o-mono" [routerLink]="link('commit/' + c.oid)">{{ c.short }}</a>
+                <a class="o-btn o-sm" [routerLink]="link()" [queryParams]="{ ref: c.oid }" title="Browse files at this commit" [attr.aria-label]="'Browse files at ' + c.short">‹›</a>
+              </div>
+            }
+          </div>
+        } @empty {
+          <div class="o-card"><div class="o-empty">{{ loading() ? 'Loading…' : r.empty ? 'No commits yet: push to ' + r.defaultBranch + '.' : 'No commits.' }}</div></div>
+        }
+        @if (more()) {<button type="button" class="o-btn o-sm" style="align-self:center" (click)="next()" [disabled]="loading()">Older commits</button>}
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+// /{org}/{project}/code/{repo}/commit/{sha} (prototype "code_commit"): the message, author, keys,
+// parents and every changed file's diff.
+class CommitPage extends RepoPage {
+    constructor() {
+        super();
+        this.commit = signal(null, ...(ngDevMode ? [{ debugName: "commit" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.sha = '';
+        this.route.paramMap.subscribe((m) => {
+            this.sha = m.get('sha') ?? '';
+            const r = this.repo();
+            if (r && r.name === this.name())
+                this.onRepo(r);
+        });
+    }
+    onRepo(r) {
+        if (!this.sha)
+            return;
+        this.commit.set(null);
+        this.api.commit(this.projectId(), r.name, this.sha).subscribe({ next: (c) => this.commit.set(c), error: (e) => this.error.set(apiMessage(e, `Could not open commit ${this.sha.slice(0, 7)}.`)) });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CommitPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: CommitPage, isStandalone: true, selector: "o-code-commit", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page">
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (commit(); as c) {
+        <div class="o-card">
+          <div class="o-cb o-col" style="gap:10px">
+            <h1 class="o-t">{{ c.subject }}</h1>
+            @if (c.body) {<span class="o-mut o-lh" style="white-space:pre-wrap">{{ c.body }}</span>}
+            <div class="o-flex o-wrap o-sm">
+              <span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span><b class="o-b5">{{ c.author.name }}</b><span class="o-faint">committed {{ ago(c.committer.when) }}</span>
+              @for (k of c.keys; track k) {<a class="o-chip o-blu" [routerLink]="host.link('issues/' + k)">{{ k }}</a>}
+              <span class="o-r o-mono o-faint">commit {{ c.oid.slice(0, 10) }}@for (p of c.parents; track p) { · parent <a [routerLink]="link('commit/' + p)">{{ p.slice(0, 7) }}</a>}</span>
+            </div>
+          </div>
+          <div class="o-cf"><a [routerLink]="link()" [queryParams]="{ ref: c.oid }">Browse files</a><span class="o-r">{{ c.files.length }} {{ c.files.length === 1 ? 'file' : 'files' }} changed · <span class="o-grn-t">+{{ c.additions }}</span> <span class="o-red-t">−{{ c.deletions }}</span></span></div>
+        </div>
+        @for (f of c.files; track f.path) {
+          <o-diff [repo]="name()" [file]="f" [head]="c.oid" />
+        }
+      } @else if (!error()) {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DiffView, selector: "o-diff", inputs: ["repo", "file", "head", "base", "threads", "canComment"], outputs: ["comment", "reply", "resolve"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CommitPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-commit',
+                    imports: [RouterLink, DiffView],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page">
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (commit(); as c) {
+        <div class="o-card">
+          <div class="o-cb o-col" style="gap:10px">
+            <h1 class="o-t">{{ c.subject }}</h1>
+            @if (c.body) {<span class="o-mut o-lh" style="white-space:pre-wrap">{{ c.body }}</span>}
+            <div class="o-flex o-wrap o-sm">
+              <span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span><b class="o-b5">{{ c.author.name }}</b><span class="o-faint">committed {{ ago(c.committer.when) }}</span>
+              @for (k of c.keys; track k) {<a class="o-chip o-blu" [routerLink]="host.link('issues/' + k)">{{ k }}</a>}
+              <span class="o-r o-mono o-faint">commit {{ c.oid.slice(0, 10) }}@for (p of c.parents; track p) { · parent <a [routerLink]="link('commit/' + p)">{{ p.slice(0, 7) }}</a>}</span>
+            </div>
+          </div>
+          <div class="o-cf"><a [routerLink]="link()" [queryParams]="{ ref: c.oid }">Browse files</a><span class="o-r">{{ c.files.length }} {{ c.files.length === 1 ? 'file' : 'files' }} changed · <span class="o-grn-t">+{{ c.additions }}</span> <span class="o-red-t">−{{ c.deletions }}</span></span></div>
+        </div>
+        @for (f of c.files; track f.path) {
+          <o-diff [repo]="name()" [file]="f" [head]="c.oid" />
+        }
+      } @else if (!error()) {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+// /{org}/{project}/code/{repo}/branches (prototype "code_branches"): each branch with its last
+// commit, how far behind and ahead of the default branch it is, protection, its pull request, and
+// create, delete and delete-merged.
+class BranchesPage extends RepoPage {
+    constructor() {
+        super(...arguments);
+        this.refs = signal([], ...(ngDevMode ? [{ debugName: "refs" }] : /* istanbul ignore next */ []));
+        this.pulls = signal([], ...(ngDevMode ? [{ debugName: "pulls" }] : /* istanbul ignore next */ []));
+        this.adding = signal(false, ...(ngDevMode ? [{ debugName: "adding" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.newName = '';
+        this.from = '';
+        this.maxAB = computed(() => Math.max(1, ...this.refs().map((r) => Math.max(r.ahead, r.behind))), ...(ngDevMode ? [{ debugName: "maxAB" }] : /* istanbul ignore next */ []));
+    }
+    onRepo(r) {
+        this.from = r.defaultBranch;
+        this.load(r);
+    }
+    bar(n) {
+        return n ? Math.max(4, (100 * n) / this.maxAB()) : 0;
+    }
+    pullFor(branch) {
+        return this.pulls().find((p) => p.source === branch && p.state === 'open') ?? this.pulls().find((p) => p.source === branch);
+    }
+    create() {
+        const r = this.repo();
+        const n = this.newName.trim();
+        if (!r || !n)
+            return;
+        this.busy.set(true);
+        this.api.createBranch(this.projectId(), r.name, n, this.from || r.defaultBranch).subscribe({
+            next: () => { this.busy.set(false); this.adding.set(false); this.newName = ''; this.note.set(`Branch ${n} created.`); this.load(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not create the branch.')); },
+        });
+    }
+    remove(b) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.deleteBranch(this.projectId(), r.name, b.name).subscribe({
+            next: () => { this.note.set(`Branch ${b.name} deleted.`); this.load(r); },
+            error: (e) => this.error.set(apiMessage(e, `Could not delete ${b.name}.`)),
+        });
+    }
+    deleteMerged() {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        this.api.deleteMerged(this.projectId(), r.name).subscribe({
+            next: (res) => { this.busy.set(false); const n = (res?.deleted ?? res ?? []).length ?? 0; this.note.set(n ? `${n} merged ${n === 1 ? 'branch' : 'branches'} deleted.` : 'No merged branches to delete.'); this.load(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not delete merged branches.')); },
+        });
+    }
+    load(r) {
+        if (r.empty)
+            return;
+        this.api.refs(this.projectId(), r.name, 'branch').subscribe({ next: (b) => this.refs.set(b), error: (e) => this.error.set(apiMessage(e, 'Could not load the branches.')) });
+        this.api.pulls(this.projectId(), r.name, { state: 'all' }).subscribe({ next: (p) => this.pulls.set(p), error: () => undefined });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BranchesPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: BranchesPage, isStandalone: true, selector: "o-code-branches", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col"><span class="o-eyebrow">{{ r.name }}</span><h1 class="o-t">Branches</h1></div>
+          @if (canWrite()) {
+            <div class="o-acts">
+              <button type="button" class="o-btn o-sm" (click)="deleteMerged()" [disabled]="busy()">Delete merged</button>
+              <button type="button" class="o-btn o-sm o-dark" (click)="adding.set(!adding())" data-testid="new-branch">+ New branch</button>
+            </div>
+          }
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+        @if (adding()) {
+          <form class="o-card o-cb o-flex o-wrap" (ngSubmit)="create()">
+            <div class="o-fld" style="flex:1"><label for="nb-name">Branch name</label><input id="nb-name" class="o-in o-mono" name="name" [(ngModel)]="newName" data-testid="branch-name" /></div>
+            <div class="o-fld"><label for="nb-from">From</label><select id="nb-from" class="o-in" name="from" [(ngModel)]="from">@for (b of refs(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}</select></div>
+            <button type="submit" class="o-btn o-dark" style="align-self:flex-end" [disabled]="!newName.trim() || busy()" data-testid="branch-create">Create branch</button>
+          </form>
+        }
+        <div class="o-card" style="overflow-x:auto">
+          <div class="o-tbl" role="table" aria-label="Branches" style="min-width:720px">
+            <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Branch</div><div class="o-th" role="columnheader">Updated</div><div class="o-th" role="columnheader" style="width:220px">Behind | Ahead of {{ r.defaultBranch }}</div><div class="o-th" role="columnheader">Pull request</div><div class="o-th" role="columnheader"></div></div></div>
+            <div class="o-tbody" role="rowgroup">
+              @for (b of refs(); track b.name) {
+                <div class="o-tr" role="row" [attr.data-testid]="'branch-' + b.name">
+                  <div class="o-td" role="cell"><span class="o-flex"><a class="o-mono o-b5 o-sm" [routerLink]="link()" [queryParams]="{ ref: b.name }">{{ b.name }}</a>@if (b.default) {<span class="o-chip">default</span>}@if (b.protected) {<span class="o-chip o-amb" [attr.title]="'Rule ' + b.rule">protected</span>}@if (b.merged && !b.default) {<span class="o-chip o-vio">merged</span>}</span></div>
+                  <div class="o-td o-mut o-sm" role="cell">@if (b.commit) {<span class="o-flex"><span class="o-av" aria-hidden="true">{{ initials(b.commit.author.name) }}</span>{{ ago(b.commit.committer.when) }}</span>}</div>
+                  <div class="o-td" role="cell">
+                    @if (!b.default) {
+                      <div class="ab" [attr.aria-label]="b.behind + ' behind, ' + b.ahead + ' ahead'">
+                        <span class="o-mono o-xs o-faint" style="width:26px;text-align:right;padding-right:4px">{{ b.behind }}</span>
+                        <div class="l"><i [style.width.%]="bar(b.behind)" style="border-radius:3px 0 0 3px;background:var(--o-line-mid)"></i></div>
+                        <div class="rr"><i [style.width.%]="bar(b.ahead)" style="border-radius:0 3px 3px 0;background:var(--o-acc)"></i></div>
+                        <span class="o-mono o-xs o-faint" style="width:26px;padding-left:4px">{{ b.ahead }}</span>
+                      </div>
+                    }
+                  </div>
+                  <div class="o-td" role="cell">
+                    @if (pullFor(b.name); as pr) {<a [class]="pr.state === 'merged' ? 'o-chip o-vio' : pr.state === 'closed' ? 'o-chip' : 'o-chip o-blu'" [routerLink]="link('pull/' + pr.number)">#{{ pr.number }} {{ pr.state }}</a>}
+                    @else if (!b.default && b.ahead > 0 && canWrite()) {<a class="o-btn o-xs" [routerLink]="link('pulls')" [queryParams]="{ new: 1, source: b.name }">New PR</a>}
+                  </div>
+                  <div class="o-td o-num" role="cell">@if (b.canDelete && canWrite()) {<button type="button" class="o-btn o-xs o-ghost" (click)="remove(b)" [attr.aria-label]="'Delete ' + b.name">Delete</button>}</div>
+                </div>
+              } @empty {
+                <div class="o-empty">{{ r.empty ? 'No branches yet: push to create ' + r.defaultBranch + '.' : 'Loading…' }}</div>
+              }
+            </div>
+          </div>
+        </div>
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, isInline: true, styles: [".ab{display:flex;align-items:center;gap:0;width:200px}.ab i{display:block;height:6px}.ab .l{flex:1;display:flex;justify-content:flex-end;border-right:1px solid var(--o-line-mid)}.ab .rr{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BranchesPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-branches', imports: [FormsModule, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-ph">
+          <div class="o-col"><span class="o-eyebrow">{{ r.name }}</span><h1 class="o-t">Branches</h1></div>
+          @if (canWrite()) {
+            <div class="o-acts">
+              <button type="button" class="o-btn o-sm" (click)="deleteMerged()" [disabled]="busy()">Delete merged</button>
+              <button type="button" class="o-btn o-sm o-dark" (click)="adding.set(!adding())" data-testid="new-branch">+ New branch</button>
+            </div>
+          }
+        </div>
+        @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+        @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+        @if (adding()) {
+          <form class="o-card o-cb o-flex o-wrap" (ngSubmit)="create()">
+            <div class="o-fld" style="flex:1"><label for="nb-name">Branch name</label><input id="nb-name" class="o-in o-mono" name="name" [(ngModel)]="newName" data-testid="branch-name" /></div>
+            <div class="o-fld"><label for="nb-from">From</label><select id="nb-from" class="o-in" name="from" [(ngModel)]="from">@for (b of refs(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}</select></div>
+            <button type="submit" class="o-btn o-dark" style="align-self:flex-end" [disabled]="!newName.trim() || busy()" data-testid="branch-create">Create branch</button>
+          </form>
+        }
+        <div class="o-card" style="overflow-x:auto">
+          <div class="o-tbl" role="table" aria-label="Branches" style="min-width:720px">
+            <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Branch</div><div class="o-th" role="columnheader">Updated</div><div class="o-th" role="columnheader" style="width:220px">Behind | Ahead of {{ r.defaultBranch }}</div><div class="o-th" role="columnheader">Pull request</div><div class="o-th" role="columnheader"></div></div></div>
+            <div class="o-tbody" role="rowgroup">
+              @for (b of refs(); track b.name) {
+                <div class="o-tr" role="row" [attr.data-testid]="'branch-' + b.name">
+                  <div class="o-td" role="cell"><span class="o-flex"><a class="o-mono o-b5 o-sm" [routerLink]="link()" [queryParams]="{ ref: b.name }">{{ b.name }}</a>@if (b.default) {<span class="o-chip">default</span>}@if (b.protected) {<span class="o-chip o-amb" [attr.title]="'Rule ' + b.rule">protected</span>}@if (b.merged && !b.default) {<span class="o-chip o-vio">merged</span>}</span></div>
+                  <div class="o-td o-mut o-sm" role="cell">@if (b.commit) {<span class="o-flex"><span class="o-av" aria-hidden="true">{{ initials(b.commit.author.name) }}</span>{{ ago(b.commit.committer.when) }}</span>}</div>
+                  <div class="o-td" role="cell">
+                    @if (!b.default) {
+                      <div class="ab" [attr.aria-label]="b.behind + ' behind, ' + b.ahead + ' ahead'">
+                        <span class="o-mono o-xs o-faint" style="width:26px;text-align:right;padding-right:4px">{{ b.behind }}</span>
+                        <div class="l"><i [style.width.%]="bar(b.behind)" style="border-radius:3px 0 0 3px;background:var(--o-line-mid)"></i></div>
+                        <div class="rr"><i [style.width.%]="bar(b.ahead)" style="border-radius:0 3px 3px 0;background:var(--o-acc)"></i></div>
+                        <span class="o-mono o-xs o-faint" style="width:26px;padding-left:4px">{{ b.ahead }}</span>
+                      </div>
+                    }
+                  </div>
+                  <div class="o-td" role="cell">
+                    @if (pullFor(b.name); as pr) {<a [class]="pr.state === 'merged' ? 'o-chip o-vio' : pr.state === 'closed' ? 'o-chip' : 'o-chip o-blu'" [routerLink]="link('pull/' + pr.number)">#{{ pr.number }} {{ pr.state }}</a>}
+                    @else if (!b.default && b.ahead > 0 && canWrite()) {<a class="o-btn o-xs" [routerLink]="link('pulls')" [queryParams]="{ new: 1, source: b.name }">New PR</a>}
+                  </div>
+                  <div class="o-td o-num" role="cell">@if (b.canDelete && canWrite()) {<button type="button" class="o-btn o-xs o-ghost" (click)="remove(b)" [attr.aria-label]="'Delete ' + b.name">Delete</button>}</div>
+                </div>
+              } @empty {
+                <div class="o-empty">{{ r.empty ? 'No branches yet: push to create ' + r.defaultBranch + '.' : 'Loading…' }}</div>
+              }
+            </div>
+          </div>
+        </div>
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, styles: [".ab{display:flex;align-items:center;gap:0;width:200px}.ab i{display:block;height:6px}.ab .l{flex:1;display:flex;justify-content:flex-end;border-right:1px solid var(--o-line-mid)}.ab .rr{flex:1}\n"] }]
+        }] });
+
+const REVIEW = { approved: 'Approved', changes_requested: 'Changes requested', review_required: 'Review required', commented: 'Commented', '': '' };
+// /{org}/{project}/code/pulls (every repository) and /code/{repo}/pulls (prototype "code_pulls"):
+// open, merged and closed pull requests with their checks, review state and comments; filters; and
+// the form that opens one (?new=1&source=).
+class PullsPage {
+    constructor() {
+        this.host = inject(CodeHost);
+        this.api = inject(CodeApi);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.states = [{ id: 'open', label: 'Open', icon: '●' }, { id: 'merged', label: 'Merged', icon: '✓' }, { id: 'closed', label: 'Closed', icon: '✕' }];
+        this.repoName = signal('', ...(ngDevMode ? [{ debugName: "repoName" }] : /* istanbul ignore next */ []));
+        this.repos = signal([], ...(ngDevMode ? [{ debugName: "repos" }] : /* istanbul ignore next */ []));
+        this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.state = signal('open', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+        this.mine = signal(false, ...(ngDevMode ? [{ debugName: "mine" }] : /* istanbul ignore next */ []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.opening = signal(false, ...(ngDevMode ? [{ debugName: "opening" }] : /* istanbul ignore next */ []));
+        this.newRepo = signal('', ...(ngDevMode ? [{ debugName: "newRepo" }] : /* istanbul ignore next */ []));
+        this.branches = signal([], ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
+        this.source = signal('', ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+        this.target = signal('', ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+        this.cmp = signal(null, ...(ngDevMode ? [{ debugName: "cmp" }] : /* istanbul ignore next */ []));
+        this.q = '';
+        this.author = '';
+        this.title = '';
+        this.body = '';
+        this.reviewer = '';
+        this.draft = false;
+        this.wantNew = null;
+        this.people = computed(() => new People(this.host.people()), ...(ngDevMode ? [{ debugName: "people" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.dot = checkDot;
+        this.review = (r) => REVIEW[r] ?? r.replace(/_/g, ' ');
+        this.canWrite = computed(() => {
+            const p = this.host.project();
+            return !!p && !p.archivedAt && p.capabilities.includes('code.write');
+        }, ...(ngDevMode ? [{ debugName: "canWrite" }] : /* istanbul ignore next */ []));
+        this.route.paramMap.subscribe((m) => this.repoName.set(m.get('repo') ?? ''));
+        this.route.queryParamMap.subscribe((q) => { if (q.get('new'))
+            this.wantNew = { source: q.get('source') ?? '' }; });
+        effect(() => {
+            const p = this.host.project();
+            this.repoName();
+            if (p)
+                untracked(() => this.api.repos(p.id).subscribe({
+                    next: (rs) => {
+                        const only = this.repoName();
+                        this.repos.set(only ? rs.filter((r) => r.name === only) : rs.filter((r) => !r.empty));
+                        this.load();
+                        if (this.wantNew) {
+                            this.startNew(this.wantNew.source);
+                            this.wantNew = null;
+                        }
+                    },
+                    error: (e) => this.error.set(apiMessage(e, 'Could not load the repositories.')),
+                }));
+        });
+    }
+    load() {
+        const p = this.host.project();
+        if (!p)
+            return;
+        const q = { state: this.state(), q: this.q.trim(), author: this.author, needsMyReview: this.mine() };
+        const repos = this.repos();
+        if (!repos.length) {
+            this.rows.set([]);
+            return;
+        }
+        this.loading.set(true);
+        forkJoin(repos.map((r) => this.api.pulls(p.id, r.name, q).pipe(map$1((ps) => ps.map((x) => ({ ...x, repo: r.name }))), catchError(() => of([]))))).subscribe({
+            next: (lists) => {
+                this.loading.set(false);
+                this.rows.set(lists.flat().sort((a, b) => (b.updatedAt ?? '').localeCompare(a.updatedAt ?? '')));
+            },
+            error: (e) => { this.loading.set(false); this.error.set(apiMessage(e, 'Could not load the pull requests.')); },
+        });
+    }
+    startNew(source) {
+        const repo = this.repoName() || this.repos()[0]?.name || '';
+        if (!repo)
+            return;
+        this.opening.set(true);
+        this.title = '';
+        this.body = '';
+        this.pickRepo(repo, source);
+    }
+    pickRepo(name, source = '') {
+        const p = this.host.project();
+        const r = this.repos().find((x) => x.name === name);
+        if (!p || !r)
+            return;
+        this.newRepo.set(name);
+        this.target.set(r.defaultBranch);
+        this.source.set(source);
+        this.cmp.set(null);
+        this.api.refs(p.id, name, 'branch').subscribe({ next: (b) => { this.branches.set(b); this.compare(); }, error: () => undefined });
+        this.api.template(p.id, name, r.defaultBranch).subscribe({ next: (t) => { if (!this.body)
+                this.body = t; }, error: () => undefined });
+    }
+    compare() {
+        const p = this.host.project();
+        if (!p || !this.source() || !this.target()) {
+            this.cmp.set(null);
+            return;
+        }
+        if (!this.title.trim())
+            this.title = this.source().replace(/^[^/]+\//, '').replace(/[-_]/g, ' ');
+        this.api.compare(p.id, this.newRepo(), this.target(), this.source()).subscribe({ next: (c) => this.cmp.set(c), error: () => this.cmp.set(null) });
+    }
+    open() {
+        const p = this.host.project();
+        if (!p)
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.openPull(p.id, this.newRepo(), { source: this.source(), target: this.target(), title: this.title.trim(), body: this.body, draft: this.draft, reviewers: this.reviewer ? [this.reviewer] : [] }).subscribe({
+            next: (pr) => { this.busy.set(false); void this.router.navigate(this.host.link(`code/${this.newRepo()}/pull/${pr.number}`)); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not open the pull request.')); },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PullsPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PullsPage, isStandalone: true, selector: "o-code-pulls", ngImport: i0, template: `
+    <div class="o-page">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ repoName() || host.project()?.key + ' · every repository' }}</span><h1 class="o-t">Pull requests</h1></div>
+        @if (canWrite() && repos().length) {<div class="o-acts"><button type="button" class="o-btn o-dark" (click)="startNew('')" data-testid="new-pull">New pull request</button></div>}
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+      @if (opening()) {
+        <form class="o-card" (ngSubmit)="open()" aria-label="New pull request">
+          <div class="o-ch"><b>New pull request</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            <div class="o-flex o-wrap">
+              @if (!repoName()) {
+                <select class="o-in o-sm" style="width:auto" name="repo" aria-label="Repository" [ngModel]="newRepo()" (ngModelChange)="pickRepo($event)">@for (r of repos(); track r.name) {<option [value]="r.name">{{ r.name }}</option>}</select>
+              }
+              <span class="o-faint o-sm">into</span>
+              <select class="o-in o-sm o-mono" style="width:auto" name="target" aria-label="Target branch" [ngModel]="target()" (ngModelChange)="target.set($event); compare()">@for (b of branches(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}</select>
+              <span class="o-faint o-sm">from</span>
+              <select class="o-in o-sm o-mono" style="width:auto" name="source" aria-label="Source branch" [ngModel]="source()" (ngModelChange)="source.set($event); compare()" data-testid="pull-source">
+                <option value="">Choose a branch</option>
+                @for (b of branches(); track b.name) {@if (b.name !== target()) {<option [value]="b.name">{{ b.name }}</option>}}
+              </select>
+              @if (cmp(); as c) {<span class="o-faint o-sm">{{ c.ahead }} {{ c.ahead === 1 ? 'commit' : 'commits' }} · {{ c.files.length }} {{ c.files.length === 1 ? 'file' : 'files' }}</span>}
+            </div>
+            <div class="o-fld"><label for="np-title">Title</label><input id="np-title" class="o-in" name="title" [(ngModel)]="title" data-testid="pull-title" /><span class="o-hint">Put an issue key in the title or description to link it; “Closes PAY-142” closes it on merge.</span></div>
+            <div class="o-fld"><label for="np-body">Description</label><textarea id="np-body" class="o-in" rows="5" name="body" [(ngModel)]="body" style="height:auto;padding:8px 10px"></textarea></div>
+            <div class="o-fld"><label for="np-rev">Reviewers</label>
+              <select id="np-rev" class="o-in" name="reviewer" [(ngModel)]="reviewer"><option value="">Nobody yet</option>@for (p of host.people(); track p.id) {@if (p.id !== host.meId()) {<option [value]="p.id">{{ p.name || p.email }}</option>}}</select>
+            </div>
+          </div>
+          <div class="o-cf"><label class="o-flex o-sm"><input type="checkbox" name="draft" [(ngModel)]="draft" />Open as a draft</label><button type="button" class="o-btn o-sm o-r" (click)="opening.set(false)">Cancel</button><button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !source() || !title.trim()" data-testid="pull-open">Open pull request</button></div>
+        </form>
+      }
+
+      <div class="o-flex o-wrap">
+        <input class="o-in o-sm" style="flex:1;min-width:240px" placeholder="Search titles" aria-label="Search titles" [(ngModel)]="q" (keydown.enter)="load()" (blur)="load()" />
+        <button type="button" class="o-btn o-sm" [class.o-on]="mine()" [attr.aria-pressed]="mine()" (click)="mine.set(!mine()); load()">Needs my review</button>
+        <select class="o-in o-sm" style="width:auto" aria-label="Author" [(ngModel)]="author" (ngModelChange)="load()"><option value="">Author</option>@for (p of host.people(); track p.id) {<option [value]="p.id">{{ p.name || p.email }}</option>}</select>
+      </div>
+      <div class="o-card">
+        <div class="o-ch"><div class="o-flex" style="gap:14px" role="group" aria-label="State">
+          @for (s of states; track s.id) {<button type="button" class="st" [class.o-on]="state() === s.id" [attr.aria-pressed]="state() === s.id" (click)="state.set(s.id); load()">{{ s.icon }} {{ s.label }}</button>}
+        </div></div>
+        @for (p of rows(); track p.repo + p.number) {
+          <a class="o-row o-click" style="align-items:flex-start" [routerLink]="host.link('code/' + p.repo + '/pull/' + p.number)" [attr.data-testid]="'pull-' + p.number">
+            <span [style.color]="p.state === 'merged' ? 'var(--o-vio)' : p.state === 'closed' ? 'var(--o-bad-solid)' : 'var(--o-ok)'" style="margin-top:1px" aria-hidden="true">{{ p.state === 'merged' ? '⇄' : p.state === 'closed' ? '✕' : '●' }}</span>
+            <div class="o-col" style="gap:4px;flex:1;min-width:0">
+              <span class="o-flex o-wrap"><b class="o-b5" style="color:var(--o-tx)">{{ p.title }}</b>@for (l of p.labels; track l) {<span class="o-chip o-out">{{ l }}</span>}@if (p.draft) {<span class="o-chip">Draft</span>}</span>
+              <span class="o-faint o-sm">#{{ p.number }} · {{ people().name(p.authorId) }} · @if (!repoName()) {{{ p.repo }} · }<span class="o-mono">{{ p.source }}</span> → <span class="o-mono">{{ p.target }}</span> · updated {{ ago(p.updatedAt) }}</span>
+            </div>
+            <span class="o-flex o-sm"><span [class]="dot(p.checks)" [attr.title]="'Checks: ' + (p.checks || 'none')"></span><span class="o-mut">{{ review(p.review) }}</span><span class="o-faint" [attr.aria-label]="p.comments + ' comments'">💬 {{ p.comments }}</span></span>
+          </a>
+        } @empty {
+          <div class="o-empty">{{ loading() ? 'Loading…' : repos().length ? 'No pull requests match.' : 'No repositories yet.' }}</div>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".st{border:none;background:none;padding:0;font-size:12px;font-weight:500;cursor:pointer;color:var(--o-mut)}.st.o-on{color:var(--o-tx)}.o-btn.o-on{background:var(--o-tx);border-color:var(--o-tx);color:var(--o-acc-fg)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PullsPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-pulls', imports: [FormsModule, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ repoName() || host.project()?.key + ' · every repository' }}</span><h1 class="o-t">Pull requests</h1></div>
+        @if (canWrite() && repos().length) {<div class="o-acts"><button type="button" class="o-btn o-dark" (click)="startNew('')" data-testid="new-pull">New pull request</button></div>}
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+
+      @if (opening()) {
+        <form class="o-card" (ngSubmit)="open()" aria-label="New pull request">
+          <div class="o-ch"><b>New pull request</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            <div class="o-flex o-wrap">
+              @if (!repoName()) {
+                <select class="o-in o-sm" style="width:auto" name="repo" aria-label="Repository" [ngModel]="newRepo()" (ngModelChange)="pickRepo($event)">@for (r of repos(); track r.name) {<option [value]="r.name">{{ r.name }}</option>}</select>
+              }
+              <span class="o-faint o-sm">into</span>
+              <select class="o-in o-sm o-mono" style="width:auto" name="target" aria-label="Target branch" [ngModel]="target()" (ngModelChange)="target.set($event); compare()">@for (b of branches(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}</select>
+              <span class="o-faint o-sm">from</span>
+              <select class="o-in o-sm o-mono" style="width:auto" name="source" aria-label="Source branch" [ngModel]="source()" (ngModelChange)="source.set($event); compare()" data-testid="pull-source">
+                <option value="">Choose a branch</option>
+                @for (b of branches(); track b.name) {@if (b.name !== target()) {<option [value]="b.name">{{ b.name }}</option>}}
+              </select>
+              @if (cmp(); as c) {<span class="o-faint o-sm">{{ c.ahead }} {{ c.ahead === 1 ? 'commit' : 'commits' }} · {{ c.files.length }} {{ c.files.length === 1 ? 'file' : 'files' }}</span>}
+            </div>
+            <div class="o-fld"><label for="np-title">Title</label><input id="np-title" class="o-in" name="title" [(ngModel)]="title" data-testid="pull-title" /><span class="o-hint">Put an issue key in the title or description to link it; “Closes PAY-142” closes it on merge.</span></div>
+            <div class="o-fld"><label for="np-body">Description</label><textarea id="np-body" class="o-in" rows="5" name="body" [(ngModel)]="body" style="height:auto;padding:8px 10px"></textarea></div>
+            <div class="o-fld"><label for="np-rev">Reviewers</label>
+              <select id="np-rev" class="o-in" name="reviewer" [(ngModel)]="reviewer"><option value="">Nobody yet</option>@for (p of host.people(); track p.id) {@if (p.id !== host.meId()) {<option [value]="p.id">{{ p.name || p.email }}</option>}}</select>
+            </div>
+          </div>
+          <div class="o-cf"><label class="o-flex o-sm"><input type="checkbox" name="draft" [(ngModel)]="draft" />Open as a draft</label><button type="button" class="o-btn o-sm o-r" (click)="opening.set(false)">Cancel</button><button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !source() || !title.trim()" data-testid="pull-open">Open pull request</button></div>
+        </form>
+      }
+
+      <div class="o-flex o-wrap">
+        <input class="o-in o-sm" style="flex:1;min-width:240px" placeholder="Search titles" aria-label="Search titles" [(ngModel)]="q" (keydown.enter)="load()" (blur)="load()" />
+        <button type="button" class="o-btn o-sm" [class.o-on]="mine()" [attr.aria-pressed]="mine()" (click)="mine.set(!mine()); load()">Needs my review</button>
+        <select class="o-in o-sm" style="width:auto" aria-label="Author" [(ngModel)]="author" (ngModelChange)="load()"><option value="">Author</option>@for (p of host.people(); track p.id) {<option [value]="p.id">{{ p.name || p.email }}</option>}</select>
+      </div>
+      <div class="o-card">
+        <div class="o-ch"><div class="o-flex" style="gap:14px" role="group" aria-label="State">
+          @for (s of states; track s.id) {<button type="button" class="st" [class.o-on]="state() === s.id" [attr.aria-pressed]="state() === s.id" (click)="state.set(s.id); load()">{{ s.icon }} {{ s.label }}</button>}
+        </div></div>
+        @for (p of rows(); track p.repo + p.number) {
+          <a class="o-row o-click" style="align-items:flex-start" [routerLink]="host.link('code/' + p.repo + '/pull/' + p.number)" [attr.data-testid]="'pull-' + p.number">
+            <span [style.color]="p.state === 'merged' ? 'var(--o-vio)' : p.state === 'closed' ? 'var(--o-bad-solid)' : 'var(--o-ok)'" style="margin-top:1px" aria-hidden="true">{{ p.state === 'merged' ? '⇄' : p.state === 'closed' ? '✕' : '●' }}</span>
+            <div class="o-col" style="gap:4px;flex:1;min-width:0">
+              <span class="o-flex o-wrap"><b class="o-b5" style="color:var(--o-tx)">{{ p.title }}</b>@for (l of p.labels; track l) {<span class="o-chip o-out">{{ l }}</span>}@if (p.draft) {<span class="o-chip">Draft</span>}</span>
+              <span class="o-faint o-sm">#{{ p.number }} · {{ people().name(p.authorId) }} · @if (!repoName()) {{{ p.repo }} · }<span class="o-mono">{{ p.source }}</span> → <span class="o-mono">{{ p.target }}</span> · updated {{ ago(p.updatedAt) }}</span>
+            </div>
+            <span class="o-flex o-sm"><span [class]="dot(p.checks)" [attr.title]="'Checks: ' + (p.checks || 'none')"></span><span class="o-mut">{{ review(p.review) }}</span><span class="o-faint" [attr.aria-label]="p.comments + ' comments'">💬 {{ p.comments }}</span></span>
+          </a>
+        } @empty {
+          <div class="o-empty">{{ loading() ? 'Loading…' : repos().length ? 'No pull requests match.' : 'No repositories yet.' }}</div>
+        }
+      </div>
+    </div>
+  `, styles: [".st{border:none;background:none;padding:0;font-size:12px;font-weight:500;cursor:pointer;color:var(--o-mut)}.st.o-on{color:var(--o-tx)}.o-btn.o-on{background:var(--o-tx);border-color:var(--o-tx);color:var(--o-acc-fg)}\n"] }]
+        }], ctorParameters: () => [] });
+
+const METHOD = {
+    merge: { label: 'Create a merge commit', hint: 'All commits plus a merge commit', done: 'merged' },
+    squash: { label: 'Squash and merge', hint: 'One commit on the target', done: 'squashed and merged' },
+    rebase: { label: 'Rebase and merge', hint: 'The commits, linear history', done: 'rebased and merged' },
+};
+// /{org}/{project}/code/{repo}/pull/{n} (prototype "code"): the pull request's conversation, commits,
+// files changed with line threads, and checks; the merge box with the gate's rows, the merge method
+// and branch deletion; a review (comment, approve, request changes).
+class PullPage extends RepoPage {
+    constructor() {
+        super();
+        this.el = inject(ElementRef);
+        this.pr = signal(null, ...(ngDevMode ? [{ debugName: "pr" }] : /* istanbul ignore next */ []));
+        this.timeline = signal({ comments: [], reviews: [], threads: [] }, ...(ngDevMode ? [{ debugName: "timeline" }] : /* istanbul ignore next */ []));
+        this.cmp = signal(null, ...(ngDevMode ? [{ debugName: "cmp" }] : /* istanbul ignore next */ []));
+        this.tab = signal('conversation', ...(ngDevMode ? [{ debugName: "tab" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.draft = signal('', ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        this.reviewOpen = signal(false, ...(ngDevMode ? [{ debugName: "reviewOpen" }] : /* istanbul ignore next */ []));
+        this.revBody = signal('', ...(ngDevMode ? [{ debugName: "revBody" }] : /* istanbul ignore next */ []));
+        this.revKind = signal('commented', ...(ngDevMode ? [{ debugName: "revKind" }] : /* istanbul ignore next */ []));
+        this.mergeMenu = signal(false, ...(ngDevMode ? [{ debugName: "mergeMenu" }] : /* istanbul ignore next */ []));
+        this.method = signal('merge', ...(ngDevMode ? [{ debugName: "method" }] : /* istanbul ignore next */ []));
+        this.delBranch = signal(false, ...(ngDevMode ? [{ debugName: "delBranch" }] : /* istanbul ignore next */ []));
+        this.number = 0;
+        this.ago = (s) => ago(s);
+        this.initials = initials;
+        this.dot = checkDot;
+        this.threads = computed(() => this.timeline().threads, ...(ngDevMode ? [{ debugName: "threads" }] : /* istanbul ignore next */ []));
+        this.openThreads = computed(() => this.threads().filter((t) => !t.resolved && !t.outdated).length, ...(ngDevMode ? [{ debugName: "openThreads" }] : /* istanbul ignore next */ []));
+        this.tabs = computed(() => {
+            const p = this.pr();
+            return [
+                { id: 'conversation', label: 'Conversation', n: undefined },
+                { id: 'commits', label: 'Commits', n: p?.commits },
+                { id: 'files', label: 'Files changed', n: this.cmp()?.files.length },
+                { id: 'checks', label: 'Checks', n: p?.checks.length },
+            ];
+        }, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+        this.badge = computed(() => {
+            const p = this.pr();
+            return !p ? '' : p.state === 'merged' ? 'Merged' : p.state === 'closed' ? 'Closed' : p.draft ? 'Draft' : 'Open';
+        }, ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+        this.badgeBg = computed(() => ({ Merged: 'var(--o-vio)', Closed: 'var(--o-bad-solid)', Draft: 'var(--o-dim)', Open: 'var(--o-ok)' }[this.badge()] ?? 'var(--o-dim)'), ...(ngDevMode ? [{ debugName: "badgeBg" }] : /* istanbul ignore next */ []));
+        this.approvedByMe = computed(() => (this.pr()?.reviews ?? []).some((r) => r.authorId === this.host.meId() && r.state === 'approved' && !r.stale), ...(ngDevMode ? [{ debugName: "approvedByMe" }] : /* istanbul ignore next */ []));
+        this.reviewKinds = computed(() => {
+            const need = this.pr()?.gate.rows.find((r) => /required by branch protection|requires/.test(r.text + (r.meta ?? '')));
+            return [
+                { id: 'commented', label: 'Comment', hint: 'General feedback without approving.' },
+                { id: 'approved', label: 'Approve', hint: need ? `Counts toward the approvals ${this.pr()?.target} requires.` : 'Approve these changes.' },
+                { id: 'changes_requested', label: 'Request changes', hint: 'Blocks merge until you approve.' },
+            ];
+        }, ...(ngDevMode ? [{ debugName: "reviewKinds" }] : /* istanbul ignore next */ []));
+        this.reviewers = computed(() => {
+            const p = this.pr();
+            if (!p)
+                return [];
+            const ids = [...new Set([...p.reviewers, ...p.reviews.map((r) => r.authorId)])];
+            return ids.map((id) => {
+                const r = p.reviews.find((x) => x.authorId === id);
+                const state = r ? (r.stale ? 'stale' : r.state) : 'requested';
+                const label = { approved: 'Approved', changes_requested: 'Changes requested', commented: 'Commented', dismissed: 'Dismissed', stale: 'Approved an older commit', requested: 'Requested' }[state] ?? state;
+                const colour = state === 'approved' ? 'var(--o-ok-tx)' : state === 'changes_requested' ? 'var(--o-bad-tx)' : 'var(--o-dim)';
+                return { id, label, colour };
+            });
+        }, ...(ngDevMode ? [{ debugName: "reviewers" }] : /* istanbul ignore next */ []));
+        this.events = computed(() => {
+            const t = this.timeline();
+            const out = [];
+            for (const c of t.comments)
+                if (!c.threadId)
+                    out.push({ id: 'c' + c.id, at: c.createdAt, kind: 'comment', who: c.authorId, body: c.body + (c.pending ? ' (pending)' : '') });
+            for (const r of t.reviews)
+                if (r.state !== 'pending')
+                    out.push({ id: 'r' + r.id, at: r.submittedAt ?? r.createdAt, kind: 'review', who: r.authorId, state: r.state, body: r.body });
+            for (const th of t.threads)
+                out.push({ id: 't' + th.id, at: th.createdAt, kind: 'thread', who: th.createdBy, thread: th });
+            return out.sort((a, b) => a.at.localeCompare(b.at));
+        }, ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
+        this.route.paramMap.subscribe((m) => {
+            this.number = Number(m.get('number') ?? 0);
+            const r = this.repo();
+            if (r && r.name === this.name())
+                this.onRepo(r);
+        });
+    }
+    onRepo(_) {
+        if (this.number)
+            this.load(true);
+    }
+    md(s) {
+        return marked.parse(s || '', { async: false, gfm: true, breaks: true });
+    }
+    pick(t) {
+        this.tab.set(t);
+    }
+    methodLabel(m) {
+        return METHOD[m]?.label.replace('Create a merge commit', 'Merge pull request') ?? m;
+    }
+    methodHint(m) {
+        return METHOD[m]?.hint ?? '';
+    }
+    methodDone(m) {
+        return METHOD[m ?? 'merge']?.done ?? 'merged';
+    }
+    reviewVerb(state) {
+        return state === 'approved' ? 'approved these changes' : state === 'changes_requested' ? 'requested changes' : state === 'dismissed' ? 'had a review dismissed' : 'reviewed';
+    }
+    rowDot(status) {
+        return status === 'ok' ? 'o-dot o-grn' : status === 'failed' ? 'o-dot o-red' : 'o-dot o-amb';
+    }
+    approve() {
+        this.sendReview('approved', '');
+    }
+    submitReview() {
+        this.sendReview(this.revKind(), this.revBody().trim());
+    }
+    addComment() {
+        const body = this.draft().trim();
+        if (!body)
+            return;
+        this.run(this.api.comment(this.projectId(), this.name(), this.number, { body }), 'Could not add the comment.', () => this.draft.set(''));
+    }
+    lineComment(c) {
+        this.run(this.api.comment(this.projectId(), this.name(), this.number, { body: c.body, path: c.path, side: c.side, line: c.line }), 'Could not add the comment.');
+    }
+    reply(r) {
+        this.run(this.api.comment(this.projectId(), this.name(), this.number, { body: r.body, threadId: r.threadId }), 'Could not reply.');
+    }
+    resolve(e) {
+        this.run(this.api.resolve(this.projectId(), this.name(), this.number, e.threadId, e.resolved), 'Could not change the conversation.');
+    }
+    merge() {
+        const p = this.pr();
+        if (!p)
+            return;
+        this.run(this.api.merge(this.projectId(), this.name(), this.number, { method: this.method(), deleteBranch: this.delBranch(), expectHead: p.headSha }), 'Could not merge.', () => this.note.set(`Merged into ${p.target}.`));
+    }
+    close(reopen) {
+        this.run(this.api.closePull(this.projectId(), this.name(), this.number, reopen), reopen ? 'Could not reopen.' : 'Could not close.');
+    }
+    outside(e) {
+        const t = e.target;
+        if (this.reviewOpen() && !t.closest('.anchor'))
+            this.reviewOpen.set(false);
+        if (this.mergeMenu() && !t.closest('.merge'))
+            this.mergeMenu.set(false);
+    }
+    sendReview(state, body) {
+        this.run(this.api.review(this.projectId(), this.name(), this.number, state, body), 'Could not submit the review.', () => { this.reviewOpen.set(false); this.revBody.set(''); });
+    }
+    run(o, fallback, after) {
+        this.busy.set(true);
+        this.error.set('');
+        o.subscribe({
+            next: () => { this.busy.set(false); after?.(); this.load(false); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, fallback)); this.load(false); },
+        });
+    }
+    load(first) {
+        const project = this.projectId();
+        this.api.pull(project, this.name(), this.number).subscribe({
+            next: (p) => {
+                this.pr.set(p);
+                if (first) {
+                    this.method.set(p.mergeMethods[0] ?? 'merge');
+                    this.delBranch.set(p.deleteBranchOnMerge);
+                }
+                if (first || !this.cmp() || this.cmp().head !== p.headSha) {
+                    this.api.compare(project, this.name(), p.mergeBase || p.targetSha, p.headSha).subscribe({ next: (c) => this.cmp.set(c), error: () => this.cmp.set({ base: '', head: p.headSha, mergeBase: '', ahead: 0, behind: 0, commits: [], files: [] }) });
+                }
+            },
+            error: (e) => this.error.set(e?.status === 404 ? `There is no pull request #${this.number} in ${this.name()}.` : apiMessage(e, 'Could not open the pull request.')),
+        });
+        this.api.conversation(project, this.name(), this.number).subscribe({ next: (t) => this.timeline.set(t), error: () => undefined });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PullPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PullPage, isStandalone: true, selector: "o-code-pull", host: { listeners: { "document:click": "outside($event)" } }, usesInheritance: true, ngImport: i0, template: `
+    <div style="max-width:1180px;margin:0 auto;padding:22px 24px 40px;display:flex;flex-direction:column;gap:16px">
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+      @if (pr(); as p) {
+        <div class="o-col">
+          <span class="o-eyebrow">{{ name() }} · pull/{{ p.number }}</span>
+          <h1 class="o-t">{{ p.title }} <span class="o-faint" style="font-weight:400">#{{ p.number }}</span></h1>
+          <div class="o-flex o-wrap o-mut">
+            <span class="badge" [style.background]="badgeBg()" data-testid="pull-state">{{ badge() }}</span>
+            <span>{{ people().name(p.authorId) }} {{ p.state === 'merged' ? 'merged' : 'wants to merge' }} {{ p.commits }} {{ p.commits === 1 ? 'commit' : 'commits' }} into</span>
+            <span class="o-chip o-mono">{{ p.target }}</span><span>from</span><span class="o-chip o-mono">{{ p.source }}</span>
+          </div>
+        </div>
+        <div class="o-tabs" role="tablist">
+          @for (t of tabs(); track t.id) {<button type="button" role="tab" class="o-tab" [class.o-on]="tab() === t.id" [attr.aria-selected]="tab() === t.id" (click)="pick(t.id)">{{ t.label }}@if (t.n !== undefined) {<span class="o-n">{{ t.n }}</span>}</button>}
+          <span class="o-r"></span>
+          @if (p.state === 'open' && p.canReview) {
+            <div class="anchor">
+              <button type="button" class="o-btn o-sm o-pri" (click)="reviewOpen.set(!reviewOpen())" [attr.aria-expanded]="reviewOpen()" aria-haspopup="dialog" data-testid="review-open">Review changes ⌄</button>
+              @if (reviewOpen()) {
+                <div class="o-menu" role="dialog" aria-label="Finish your review" style="right:0;top:36px;width:380px;padding:14px;display:flex;flex-direction:column;gap:10px">
+                  <b>Finish your review</b>
+                  <textarea class="o-in" rows="3" placeholder="Leave a comment" aria-label="Review comment" style="height:auto;padding:8px 10px" [ngModel]="revBody()" (ngModelChange)="revBody.set($event)"></textarea>
+                  @for (k of reviewKinds(); track k.id) {
+                    <button type="button" class="o-opt" style="padding:8px 10px" [class.o-on]="revKind() === k.id" (click)="revKind.set(k.id)"><span class="o-rad" [class.o-on]="revKind() === k.id"></span><span class="o-col" style="gap:1px"><b class="o-b5">{{ k.label }}</b><span class="o-faint o-sm">{{ k.hint }}</span></span></button>
+                  }
+                  <div class="o-flex"><button type="button" class="o-btn o-sm o-pri o-r" (click)="submitReview()" [disabled]="busy() || (revKind() !== 'approved' && !revBody().trim())" data-testid="review-submit">Submit review</button></div>
+                </div>
+              }
+            </div>
+          }
+        </div>
+
+        <div class="o-split" style="grid-template-columns:minmax(0,1fr) 260px;gap:24px">
+          <div class="o-col" style="gap:14px;min-width:0">
+            @switch (tab()) {
+              @case ('conversation') {
+                <div class="o-card">
+                  <div style="padding:9px 14px;background:var(--o-well);border-bottom:1px solid var(--o-line-soft);color:var(--o-mut);font-size:12px"><b style="color:var(--o-tx);font-weight:600">{{ people().name(p.authorId) }}</b> opened this {{ ago(p.createdAt) }}</div>
+                  <div class="o-cb o-md" style="font-size:13px" [innerHTML]="p.body ? md(p.body) : '<p class=&quot;o-faint&quot;>No description.</p>'"></div>
+                </div>
+                <div class="tl">
+                  @for (e of events(); track e.id) {
+                    @switch (e.kind) {
+                      @case ('comment') {
+                        <div class="o-card o-cb o-col" style="gap:6px"><span class="o-sm o-mut"><b style="color:var(--o-tx);font-weight:600">{{ people().name(e.who) }}</b> commented {{ ago(e.at) }}</span><div class="o-md" style="font-size:13px" [innerHTML]="md(e.body ?? '')"></div></div>
+                      }
+                      @case ('review') {
+                        <span [style.color]="e.state === 'approved' ? 'var(--o-ok-tx)' : e.state === 'changes_requested' ? 'var(--o-bad-tx)' : 'var(--o-mut)'">{{ people().name(e.who) }} {{ reviewVerb(e.state) }} · {{ ago(e.at) }}@if (e.body) {: “{{ e.body }}”}</span>
+                      }
+                      @case ('thread') {
+                        <div class="o-card o-cb o-col" style="gap:6px">
+                          <span class="o-sm o-mut"><b style="color:var(--o-tx);font-weight:600">{{ people().name(e.who) }}</b> commented on <button type="button" class="o-lnk o-mono" (click)="pick('files')">{{ e.thread!.path }}</button> line {{ e.thread!.line }}@if (e.thread!.outdated) { · <span class="o-chip">Outdated</span>}</span>
+                          @for (c of e.thread!.comments; track c.id) {<span class="o-sm"><b class="o-b5">{{ people().name(c.authorId) }}</b> {{ c.body }}</span>}
+                          <div class="o-flex"><span class="o-faint o-sm">{{ e.thread!.resolved ? 'Resolved' + (e.thread!.resolvedBy ? ' by ' + people().name(e.thread!.resolvedBy) : '') : 'Unresolved' }}</span>@if (p.state === 'open') {<button type="button" class="o-lnk o-r" (click)="resolve({ threadId: e.thread!.id, resolved: !e.thread!.resolved })">{{ e.thread!.resolved ? 'Unresolve' : 'Resolve conversation' }}</button>}</div>
+                        </div>
+                      }
+                    }
+                  }
+                  @if (p.state === 'merged') {<span style="color:var(--o-vio-tx)" data-testid="merged-line">{{ people().name(p.mergedBy) }} {{ methodDone(p.mergeMethod) }} into {{ p.target }} · {{ ago(p.mergedAt) }}</span>}
+                  @if (p.state === 'closed') {<span class="o-red-t">Closed {{ ago(p.closedAt) }}</span>}
+                </div>
+
+                <div class="o-card" [style.border-color]="p.state === 'open' ? (p.gate.mergeable ? 'var(--o-ok)' : 'var(--o-line-mid)') : null" data-testid="merge-box">
+                  <div class="o-cb o-col" style="gap:10px;border-bottom:1px solid var(--o-line-soft)">
+                    <span style="font-weight:600;font-size:14px" [style.color]="p.state === 'merged' ? 'var(--o-vio-tx)' : p.gate.mergeable ? 'var(--o-ok-tx)' : 'var(--o-tx)'">{{ p.state === 'merged' ? 'Merged' : p.state === 'closed' ? 'Closed without merging' : p.gate.title }}</span>
+                    @if (p.state === 'open') {
+                      @for (r of p.gate.rows; track $index) {
+                        <div class="o-flex"><span [class]="rowDot(r.status)" aria-hidden="true"></span><span>{{ r.text }}</span><span class="o-r o-faint o-sm">{{ r.meta }}</span></div>
+                      }
+                    }
+                  </div>
+                  @if (p.state === 'open') {
+                    <div class="o-flex o-wrap" style="padding:12px 14px;background:var(--o-well)">
+                      @if (p.canReview && !approvedByMe()) {<button type="button" class="o-btn" (click)="approve()" [disabled]="busy()" data-testid="approve">Approve</button>}
+                      @if (p.canEdit) {<button type="button" class="o-btn o-ghost" (click)="close(false)" [disabled]="busy()">Close</button>}
+                      @if (p.canMerge) {
+                        <span class="o-faint o-sm">Delete branch after merge</span><button type="button" class="o-tog" role="switch" aria-label="Delete branch after merge" [class.o-on]="delBranch()" [attr.aria-checked]="delBranch()" (click)="delBranch.set(!delBranch())"></button>
+                        <div class="merge o-r">
+                          <button type="button" class="go" (click)="merge()" [disabled]="!p.gate.mergeable || busy()" data-testid="merge">{{ methodLabel(method()) }}</button>
+                          <button type="button" class="mn" (click)="mergeMenu.set(!mergeMenu())" [attr.aria-expanded]="mergeMenu()" aria-label="Choose the merge method" [disabled]="busy()">⌄</button>
+                          @if (mergeMenu()) {
+                            <div class="o-menu" role="menu" style="right:0;bottom:40px;width:300px">
+                              @for (m of p.mergeMethods; track m) {<button type="button" role="menuitemradio" [attr.aria-checked]="method() === m" (click)="method.set(m); mergeMenu.set(false)"><span class="o-col" style="gap:1px"><b class="o-b5">{{ methodLabel(m) }}</b><span class="o-faint o-xs">{{ methodHint(m) }}</span></span></button>}
+                            </div>
+                          }
+                        </div>
+                      }
+                    </div>
+                  } @else if (p.state === 'closed' && p.canEdit) {
+                    <div class="o-flex" style="padding:12px 14px;background:var(--o-well)"><button type="button" class="o-btn o-r" (click)="close(true)" [disabled]="busy()">Reopen</button></div>
+                  } @else if (p.state === 'merged') {
+                    <div class="o-flex" style="padding:12px 14px;background:var(--o-well)"><span class="o-mut">{{ p.sourceDeleted ? 'Branch ' + p.source + ' deleted.' : 'Branch ' + p.source + ' can be deleted.' }}</span>@if (p.mergedSha) {<a class="o-btn o-r" [routerLink]="link('commit/' + p.mergedSha)">View {{ p.mergedSha.slice(0, 7) }}</a>}</div>
+                  }
+                </div>
+
+                <div class="o-card">
+                  <label class="o-sr-only" for="pr-cmt">Add a comment</label>
+                  <textarea id="pr-cmt" class="o-in" style="border:none;box-shadow:none;min-height:70px;height:auto;padding:10px 12px" placeholder="Add a comment. Markdown works." [ngModel]="draft()" (ngModelChange)="draft.set($event)" data-testid="pull-comment"></textarea>
+                  <div class="o-cf"><span>Markdown</span><button type="button" class="o-btn o-sm o-dark o-r" (click)="addComment()" [disabled]="!draft().trim() || busy()" data-testid="pull-comment-add">Comment</button></div>
+                </div>
+              }
+              @case ('commits') {
+                <div class="o-card">
+                  @for (c of cmp()?.commits ?? []; track c.oid) {
+                    <div class="o-row"><span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span><a class="o-ell" style="flex:1;color:var(--o-tx)" [routerLink]="link('commit/' + c.oid)">{{ c.subject }}</a><a class="o-mono o-sm o-faint" [routerLink]="link('commit/' + c.oid)">{{ c.short }}</a></div>
+                  } @empty {<div class="o-empty">{{ cmp() ? 'No commits.' : 'Loading…' }}</div>}
+                </div>
+              }
+              @case ('files') {
+                <div class="o-flex o-wrap"><span class="o-faint o-sm">{{ cmp()?.files?.length ?? 0 }} {{ cmp()?.files?.length === 1 ? 'file' : 'files' }} · click a line number to comment</span><span class="o-r o-faint o-sm">{{ openThreads() }} unresolved {{ openThreads() === 1 ? 'conversation' : 'conversations' }}</span></div>
+                @for (f of cmp()?.files ?? []; track f.path) {
+                  <o-diff [repo]="name()" [file]="f" [head]="p.headSha" [base]="p.mergeBase" [threads]="threads()" [canComment]="p.state === 'open'" (comment)="lineComment($event)" (reply)="reply($event)" (resolve)="resolve($event)" />
+                } @empty {<div class="o-card"><div class="o-empty">{{ cmp() ? 'No changes.' : 'Loading…' }}</div></div>}
+              }
+              @case ('checks') {
+                <div class="o-card">
+                  @for (c of p.checks; track c.id) {
+                    <div class="o-row"><span [class]="dot(c.state)" aria-hidden="true"></span><span class="o-mono o-sm">{{ c.context }}</span><span class="o-faint">{{ c.description }}</span>@if (c.url) {<a class="o-r o-sm" [href]="c.url" target="_blank" rel="noopener">Details</a>}</div>
+                  } @empty {<div class="o-empty">No checks reported on {{ p.headSha.slice(0, 7) }}. Pipelines report here once Deploy is set up.</div>}
+                </div>
+              }
+            }
+          </div>
+
+          <div class="o-col" style="gap:18px;font-size:13px">
+            <div class="o-col">
+              <span class="o-lbl">Reviewers</span>
+              @for (r of reviewers(); track r.id) {<div class="o-flex"><span class="o-av" aria-hidden="true">{{ people().initials(r.id) }}</span><span>{{ people().name(r.id) }}</span><span class="o-r o-sm" [style.color]="r.colour">{{ r.label }}</span></div>}
+              @if (!reviewers().length) {<span class="o-faint o-sm">No reviewers yet.</span>}
+              <span class="o-faint o-xs">CODEOWNERS requests owners of changed paths at GA.</span>
+            </div>
+            <div class="o-col"><span class="o-lbl">Labels</span><div class="o-flex o-wrap">@for (l of p.labels; track l) {<span class="o-chip o-out">{{ l }}</span>}@if (!p.labels.length) {<span class="o-faint o-sm">None</span>}</div></div>
+            <div class="o-col">
+              <span class="o-lbl">Linked issues</span>
+              @for (k of p.keys; track k) {<a class="o-card o-cb o-click o-col" style="gap:4px;padding:10px 12px;color:var(--o-tx)" [routerLink]="host.link('issues/' + k)"><span class="o-mono o-xs o-mut">{{ k }}</span></a>}
+              @if (!p.keys.length) {<span class="o-faint o-sm">Name an issue key in the title or description to link it.</span>}
+            </div>
+            <div class="o-col"><span class="o-lbl">Deployments</span><span class="o-faint o-sm">Releases that contain this pull request appear here after merge.</span></div>
+            @if (canProtect()) {<div class="o-col"><span class="o-lbl">Branch protection · {{ p.target }}</span><a class="o-sm" [routerLink]="link('settings')" [queryParams]="{ section: 'protect' }">Edit rules</a></div>}
+          </div>
+        </div>
+      } @else if (!error()) {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+  `, isInline: true, styles: [".badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;color:var(--o-acc-fg)}.anchor{position:relative;align-self:center}.merge{display:flex;align-items:center;position:relative}.merge .go{height:32px;padding:0 14px;border-radius:7px 0 0 7px;border:none;font-size:13px;font-weight:500;color:var(--o-acc-fg);background:var(--o-ok);cursor:pointer}.merge .mn{height:32px;padding:0 10px;border:none;border-radius:0 7px 7px 0;font-size:12px;color:var(--o-acc-fg);background:var(--o-ok);border-left:1px solid rgba(255,255,255,.25);cursor:pointer}.merge button:disabled{background:var(--o-line-mid);cursor:not-allowed}.tl{display:flex;flex-direction:column;gap:10px;padding-left:14px;border-left:2px solid var(--o-line);margin-left:14px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DiffView, selector: "o-diff", inputs: ["repo", "file", "head", "base", "threads", "canComment"], outputs: ["comment", "reply", "resolve"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PullPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-pull', imports: [FormsModule, RouterLink, DiffView], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div style="max-width:1180px;margin:0 auto;padding:22px 24px 40px;display:flex;flex-direction:column;gap:16px">
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+      @if (pr(); as p) {
+        <div class="o-col">
+          <span class="o-eyebrow">{{ name() }} · pull/{{ p.number }}</span>
+          <h1 class="o-t">{{ p.title }} <span class="o-faint" style="font-weight:400">#{{ p.number }}</span></h1>
+          <div class="o-flex o-wrap o-mut">
+            <span class="badge" [style.background]="badgeBg()" data-testid="pull-state">{{ badge() }}</span>
+            <span>{{ people().name(p.authorId) }} {{ p.state === 'merged' ? 'merged' : 'wants to merge' }} {{ p.commits }} {{ p.commits === 1 ? 'commit' : 'commits' }} into</span>
+            <span class="o-chip o-mono">{{ p.target }}</span><span>from</span><span class="o-chip o-mono">{{ p.source }}</span>
+          </div>
+        </div>
+        <div class="o-tabs" role="tablist">
+          @for (t of tabs(); track t.id) {<button type="button" role="tab" class="o-tab" [class.o-on]="tab() === t.id" [attr.aria-selected]="tab() === t.id" (click)="pick(t.id)">{{ t.label }}@if (t.n !== undefined) {<span class="o-n">{{ t.n }}</span>}</button>}
+          <span class="o-r"></span>
+          @if (p.state === 'open' && p.canReview) {
+            <div class="anchor">
+              <button type="button" class="o-btn o-sm o-pri" (click)="reviewOpen.set(!reviewOpen())" [attr.aria-expanded]="reviewOpen()" aria-haspopup="dialog" data-testid="review-open">Review changes ⌄</button>
+              @if (reviewOpen()) {
+                <div class="o-menu" role="dialog" aria-label="Finish your review" style="right:0;top:36px;width:380px;padding:14px;display:flex;flex-direction:column;gap:10px">
+                  <b>Finish your review</b>
+                  <textarea class="o-in" rows="3" placeholder="Leave a comment" aria-label="Review comment" style="height:auto;padding:8px 10px" [ngModel]="revBody()" (ngModelChange)="revBody.set($event)"></textarea>
+                  @for (k of reviewKinds(); track k.id) {
+                    <button type="button" class="o-opt" style="padding:8px 10px" [class.o-on]="revKind() === k.id" (click)="revKind.set(k.id)"><span class="o-rad" [class.o-on]="revKind() === k.id"></span><span class="o-col" style="gap:1px"><b class="o-b5">{{ k.label }}</b><span class="o-faint o-sm">{{ k.hint }}</span></span></button>
+                  }
+                  <div class="o-flex"><button type="button" class="o-btn o-sm o-pri o-r" (click)="submitReview()" [disabled]="busy() || (revKind() !== 'approved' && !revBody().trim())" data-testid="review-submit">Submit review</button></div>
+                </div>
+              }
+            </div>
+          }
+        </div>
+
+        <div class="o-split" style="grid-template-columns:minmax(0,1fr) 260px;gap:24px">
+          <div class="o-col" style="gap:14px;min-width:0">
+            @switch (tab()) {
+              @case ('conversation') {
+                <div class="o-card">
+                  <div style="padding:9px 14px;background:var(--o-well);border-bottom:1px solid var(--o-line-soft);color:var(--o-mut);font-size:12px"><b style="color:var(--o-tx);font-weight:600">{{ people().name(p.authorId) }}</b> opened this {{ ago(p.createdAt) }}</div>
+                  <div class="o-cb o-md" style="font-size:13px" [innerHTML]="p.body ? md(p.body) : '<p class=&quot;o-faint&quot;>No description.</p>'"></div>
+                </div>
+                <div class="tl">
+                  @for (e of events(); track e.id) {
+                    @switch (e.kind) {
+                      @case ('comment') {
+                        <div class="o-card o-cb o-col" style="gap:6px"><span class="o-sm o-mut"><b style="color:var(--o-tx);font-weight:600">{{ people().name(e.who) }}</b> commented {{ ago(e.at) }}</span><div class="o-md" style="font-size:13px" [innerHTML]="md(e.body ?? '')"></div></div>
+                      }
+                      @case ('review') {
+                        <span [style.color]="e.state === 'approved' ? 'var(--o-ok-tx)' : e.state === 'changes_requested' ? 'var(--o-bad-tx)' : 'var(--o-mut)'">{{ people().name(e.who) }} {{ reviewVerb(e.state) }} · {{ ago(e.at) }}@if (e.body) {: “{{ e.body }}”}</span>
+                      }
+                      @case ('thread') {
+                        <div class="o-card o-cb o-col" style="gap:6px">
+                          <span class="o-sm o-mut"><b style="color:var(--o-tx);font-weight:600">{{ people().name(e.who) }}</b> commented on <button type="button" class="o-lnk o-mono" (click)="pick('files')">{{ e.thread!.path }}</button> line {{ e.thread!.line }}@if (e.thread!.outdated) { · <span class="o-chip">Outdated</span>}</span>
+                          @for (c of e.thread!.comments; track c.id) {<span class="o-sm"><b class="o-b5">{{ people().name(c.authorId) }}</b> {{ c.body }}</span>}
+                          <div class="o-flex"><span class="o-faint o-sm">{{ e.thread!.resolved ? 'Resolved' + (e.thread!.resolvedBy ? ' by ' + people().name(e.thread!.resolvedBy) : '') : 'Unresolved' }}</span>@if (p.state === 'open') {<button type="button" class="o-lnk o-r" (click)="resolve({ threadId: e.thread!.id, resolved: !e.thread!.resolved })">{{ e.thread!.resolved ? 'Unresolve' : 'Resolve conversation' }}</button>}</div>
+                        </div>
+                      }
+                    }
+                  }
+                  @if (p.state === 'merged') {<span style="color:var(--o-vio-tx)" data-testid="merged-line">{{ people().name(p.mergedBy) }} {{ methodDone(p.mergeMethod) }} into {{ p.target }} · {{ ago(p.mergedAt) }}</span>}
+                  @if (p.state === 'closed') {<span class="o-red-t">Closed {{ ago(p.closedAt) }}</span>}
+                </div>
+
+                <div class="o-card" [style.border-color]="p.state === 'open' ? (p.gate.mergeable ? 'var(--o-ok)' : 'var(--o-line-mid)') : null" data-testid="merge-box">
+                  <div class="o-cb o-col" style="gap:10px;border-bottom:1px solid var(--o-line-soft)">
+                    <span style="font-weight:600;font-size:14px" [style.color]="p.state === 'merged' ? 'var(--o-vio-tx)' : p.gate.mergeable ? 'var(--o-ok-tx)' : 'var(--o-tx)'">{{ p.state === 'merged' ? 'Merged' : p.state === 'closed' ? 'Closed without merging' : p.gate.title }}</span>
+                    @if (p.state === 'open') {
+                      @for (r of p.gate.rows; track $index) {
+                        <div class="o-flex"><span [class]="rowDot(r.status)" aria-hidden="true"></span><span>{{ r.text }}</span><span class="o-r o-faint o-sm">{{ r.meta }}</span></div>
+                      }
+                    }
+                  </div>
+                  @if (p.state === 'open') {
+                    <div class="o-flex o-wrap" style="padding:12px 14px;background:var(--o-well)">
+                      @if (p.canReview && !approvedByMe()) {<button type="button" class="o-btn" (click)="approve()" [disabled]="busy()" data-testid="approve">Approve</button>}
+                      @if (p.canEdit) {<button type="button" class="o-btn o-ghost" (click)="close(false)" [disabled]="busy()">Close</button>}
+                      @if (p.canMerge) {
+                        <span class="o-faint o-sm">Delete branch after merge</span><button type="button" class="o-tog" role="switch" aria-label="Delete branch after merge" [class.o-on]="delBranch()" [attr.aria-checked]="delBranch()" (click)="delBranch.set(!delBranch())"></button>
+                        <div class="merge o-r">
+                          <button type="button" class="go" (click)="merge()" [disabled]="!p.gate.mergeable || busy()" data-testid="merge">{{ methodLabel(method()) }}</button>
+                          <button type="button" class="mn" (click)="mergeMenu.set(!mergeMenu())" [attr.aria-expanded]="mergeMenu()" aria-label="Choose the merge method" [disabled]="busy()">⌄</button>
+                          @if (mergeMenu()) {
+                            <div class="o-menu" role="menu" style="right:0;bottom:40px;width:300px">
+                              @for (m of p.mergeMethods; track m) {<button type="button" role="menuitemradio" [attr.aria-checked]="method() === m" (click)="method.set(m); mergeMenu.set(false)"><span class="o-col" style="gap:1px"><b class="o-b5">{{ methodLabel(m) }}</b><span class="o-faint o-xs">{{ methodHint(m) }}</span></span></button>}
+                            </div>
+                          }
+                        </div>
+                      }
+                    </div>
+                  } @else if (p.state === 'closed' && p.canEdit) {
+                    <div class="o-flex" style="padding:12px 14px;background:var(--o-well)"><button type="button" class="o-btn o-r" (click)="close(true)" [disabled]="busy()">Reopen</button></div>
+                  } @else if (p.state === 'merged') {
+                    <div class="o-flex" style="padding:12px 14px;background:var(--o-well)"><span class="o-mut">{{ p.sourceDeleted ? 'Branch ' + p.source + ' deleted.' : 'Branch ' + p.source + ' can be deleted.' }}</span>@if (p.mergedSha) {<a class="o-btn o-r" [routerLink]="link('commit/' + p.mergedSha)">View {{ p.mergedSha.slice(0, 7) }}</a>}</div>
+                  }
+                </div>
+
+                <div class="o-card">
+                  <label class="o-sr-only" for="pr-cmt">Add a comment</label>
+                  <textarea id="pr-cmt" class="o-in" style="border:none;box-shadow:none;min-height:70px;height:auto;padding:10px 12px" placeholder="Add a comment. Markdown works." [ngModel]="draft()" (ngModelChange)="draft.set($event)" data-testid="pull-comment"></textarea>
+                  <div class="o-cf"><span>Markdown</span><button type="button" class="o-btn o-sm o-dark o-r" (click)="addComment()" [disabled]="!draft().trim() || busy()" data-testid="pull-comment-add">Comment</button></div>
+                </div>
+              }
+              @case ('commits') {
+                <div class="o-card">
+                  @for (c of cmp()?.commits ?? []; track c.oid) {
+                    <div class="o-row"><span class="o-av" aria-hidden="true">{{ initials(c.author.name) }}</span><a class="o-ell" style="flex:1;color:var(--o-tx)" [routerLink]="link('commit/' + c.oid)">{{ c.subject }}</a><a class="o-mono o-sm o-faint" [routerLink]="link('commit/' + c.oid)">{{ c.short }}</a></div>
+                  } @empty {<div class="o-empty">{{ cmp() ? 'No commits.' : 'Loading…' }}</div>}
+                </div>
+              }
+              @case ('files') {
+                <div class="o-flex o-wrap"><span class="o-faint o-sm">{{ cmp()?.files?.length ?? 0 }} {{ cmp()?.files?.length === 1 ? 'file' : 'files' }} · click a line number to comment</span><span class="o-r o-faint o-sm">{{ openThreads() }} unresolved {{ openThreads() === 1 ? 'conversation' : 'conversations' }}</span></div>
+                @for (f of cmp()?.files ?? []; track f.path) {
+                  <o-diff [repo]="name()" [file]="f" [head]="p.headSha" [base]="p.mergeBase" [threads]="threads()" [canComment]="p.state === 'open'" (comment)="lineComment($event)" (reply)="reply($event)" (resolve)="resolve($event)" />
+                } @empty {<div class="o-card"><div class="o-empty">{{ cmp() ? 'No changes.' : 'Loading…' }}</div></div>}
+              }
+              @case ('checks') {
+                <div class="o-card">
+                  @for (c of p.checks; track c.id) {
+                    <div class="o-row"><span [class]="dot(c.state)" aria-hidden="true"></span><span class="o-mono o-sm">{{ c.context }}</span><span class="o-faint">{{ c.description }}</span>@if (c.url) {<a class="o-r o-sm" [href]="c.url" target="_blank" rel="noopener">Details</a>}</div>
+                  } @empty {<div class="o-empty">No checks reported on {{ p.headSha.slice(0, 7) }}. Pipelines report here once Deploy is set up.</div>}
+                </div>
+              }
+            }
+          </div>
+
+          <div class="o-col" style="gap:18px;font-size:13px">
+            <div class="o-col">
+              <span class="o-lbl">Reviewers</span>
+              @for (r of reviewers(); track r.id) {<div class="o-flex"><span class="o-av" aria-hidden="true">{{ people().initials(r.id) }}</span><span>{{ people().name(r.id) }}</span><span class="o-r o-sm" [style.color]="r.colour">{{ r.label }}</span></div>}
+              @if (!reviewers().length) {<span class="o-faint o-sm">No reviewers yet.</span>}
+              <span class="o-faint o-xs">CODEOWNERS requests owners of changed paths at GA.</span>
+            </div>
+            <div class="o-col"><span class="o-lbl">Labels</span><div class="o-flex o-wrap">@for (l of p.labels; track l) {<span class="o-chip o-out">{{ l }}</span>}@if (!p.labels.length) {<span class="o-faint o-sm">None</span>}</div></div>
+            <div class="o-col">
+              <span class="o-lbl">Linked issues</span>
+              @for (k of p.keys; track k) {<a class="o-card o-cb o-click o-col" style="gap:4px;padding:10px 12px;color:var(--o-tx)" [routerLink]="host.link('issues/' + k)"><span class="o-mono o-xs o-mut">{{ k }}</span></a>}
+              @if (!p.keys.length) {<span class="o-faint o-sm">Name an issue key in the title or description to link it.</span>}
+            </div>
+            <div class="o-col"><span class="o-lbl">Deployments</span><span class="o-faint o-sm">Releases that contain this pull request appear here after merge.</span></div>
+            @if (canProtect()) {<div class="o-col"><span class="o-lbl">Branch protection · {{ p.target }}</span><a class="o-sm" [routerLink]="link('settings')" [queryParams]="{ section: 'protect' }">Edit rules</a></div>}
+          </div>
+        </div>
+      } @else if (!error()) {
+        <div class="o-card"><div class="o-empty">Loading…</div></div>
+      }
+    </div>
+  `, styles: [".badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;color:var(--o-acc-fg)}.anchor{position:relative;align-self:center}.merge{display:flex;align-items:center;position:relative}.merge .go{height:32px;padding:0 14px;border-radius:7px 0 0 7px;border:none;font-size:13px;font-weight:500;color:var(--o-acc-fg);background:var(--o-ok);cursor:pointer}.merge .mn{height:32px;padding:0 10px;border:none;border-radius:0 7px 7px 0;font-size:12px;color:var(--o-acc-fg);background:var(--o-ok);border-left:1px solid rgba(255,255,255,.25);cursor:pointer}.merge button:disabled{background:var(--o-line-mid);cursor:not-allowed}.tl{display:flex;flex-direction:column;gap:10px;padding-left:14px;border-left:2px solid var(--o-line);margin-left:14px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { outside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+const BLANK = { id: '', pattern: '', blockDirectPush: true, blockForcePush: true, blockDeletion: true, requiredApprovals: 1, dismissStaleApprovals: true, requireUpToDate: false, requiredChecks: [] };
+// /{org}/{project}/code/{repo}/settings?section= (prototype "code_settings"): general settings and
+// merge methods, branch protection rules, and the danger zone (archive, delete).
+class RepoSettingsPage extends RepoPage {
+    constructor() {
+        super();
+        this.router = inject(Router);
+        this.section = signal('general', ...(ngDevMode ? [{ debugName: "section" }] : /* istanbul ignore next */ []));
+        this.branches = signal([], ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
+        this.rules = signal([], ...(ngDevMode ? [{ debugName: "rules" }] : /* istanbul ignore next */ []));
+        this.form = signal(null, ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+        this.check = signal('', ...(ngDevMode ? [{ debugName: "check" }] : /* istanbul ignore next */ []));
+        this.confirm = signal('', ...(ngDevMode ? [{ debugName: "confirm" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.g = { name: '', description: '', visibility: 'private', defaultBranch: '', mergeMethods: [], deleteBranchOnMerge: false };
+        this.methods = [{ id: 'merge', label: 'Merge commit' }, { id: 'squash', label: 'Squash' }, { id: 'rebase', label: 'Rebase' }];
+        this.toggles = [
+            { key: 'blockDirectPush', label: 'Require a pull request before merging', hint: 'Direct pushes are blocked; changes arrive through pull requests.' },
+            { key: 'blockForcePush', label: 'Block force pushes', hint: 'History on matching branches cannot be rewritten.' },
+            { key: 'blockDeletion', label: 'Block deletion', hint: 'Matching branches cannot be deleted.' },
+            { key: 'dismissStaleApprovals', label: 'Dismiss stale approvals', hint: 'A new commit dismisses approvals given on an older one.' },
+            { key: 'requireUpToDate', label: 'Require branches to be up to date', hint: 'The branch must contain the target’s latest commit before it merges.' },
+        ];
+        this.route.queryParamMap.subscribe((q) => this.section.set(q.get('section') || 'general'));
+    }
+    onRepo(r) {
+        this.g = { name: r.name, description: r.description, visibility: r.visibility, defaultBranch: r.defaultBranch, mergeMethods: [...(r.mergeMethods ?? [])], deleteBranchOnMerge: r.deleteBranchOnMerge };
+        if (!r.empty)
+            this.api.refs(this.projectId(), r.name, 'branch').subscribe({ next: (b) => this.branches.set(b), error: () => undefined });
+        this.api.protections(this.projectId(), r.name).subscribe({ next: (p) => this.rules.set(p), error: () => undefined });
+    }
+    go(s) {
+        void this.router.navigate([], { relativeTo: this.route, queryParams: { section: s === 'general' ? null : s }, replaceUrl: true });
+    }
+    max0(n) {
+        return Math.max(0, n);
+    }
+    flipMethod(id) {
+        this.g.mergeMethods = this.g.mergeMethods.includes(id) ? this.g.mergeMethods.filter((m) => m !== id) : [...this.g.mergeMethods, id];
+    }
+    summary(p) {
+        const parts = [];
+        if (p.requiredApprovals)
+            parts.push(`${p.requiredApprovals} ${p.requiredApprovals === 1 ? 'approval' : 'approvals'}`);
+        if (p.requiredChecks?.length)
+            parts.push(`checks ${p.requiredChecks.join(', ')}`);
+        if (p.blockDirectPush)
+            parts.push('no direct push');
+        if (p.requireUpToDate)
+            parts.push('up to date');
+        if (p.blockDeletion)
+            parts.push('no deletion');
+        return parts.join(' · ') || 'no restrictions';
+    }
+    edit(p) {
+        this.form.set(p ? { ...BLANK, ...p, requiredChecks: [...(p.requiredChecks ?? [])] } : { ...BLANK, pattern: this.rules().length ? '' : this.repo()?.defaultBranch ?? 'main', requiredChecks: [] });
+    }
+    flip(f, k) {
+        f[k] = !f[k];
+        this.form.set({ ...f });
+    }
+    addCheck(f) {
+        const c = this.check().trim();
+        if (c && !f.requiredChecks.includes(c))
+            f.requiredChecks = [...f.requiredChecks, c];
+        this.check.set('');
+        this.form.set({ ...f });
+    }
+    removeCheck(f, c) {
+        f.requiredChecks = f.requiredChecks.filter((x) => x !== c);
+        this.form.set({ ...f });
+    }
+    saveGeneral() {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        const renamed = this.g.name.trim() !== r.name;
+        this.api.update(this.projectId(), r.name, { name: this.g.name.trim(), description: this.g.description, visibility: this.g.visibility, defaultBranch: this.g.defaultBranch, mergeMethods: this.g.mergeMethods, deleteBranchOnMerge: this.g.deleteBranchOnMerge }).subscribe({
+            next: (n) => {
+                this.busy.set(false);
+                this.note.set('Saved.');
+                if (renamed)
+                    void this.router.navigate(this.host.link(`code/${n.name}/settings`));
+                else {
+                    this.repo.set(n);
+                    this.onRepo(n);
+                }
+            },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not save.')); },
+        });
+    }
+    saveRule() {
+        const r = this.repo();
+        const f = this.form();
+        if (!r || !f)
+            return;
+        const { id, ...body } = f;
+        this.busy.set(true);
+        const req = id ? this.api.updateProtection(this.projectId(), r.name, id, body) : this.api.addProtection(this.projectId(), r.name, body);
+        req.subscribe({
+            next: () => { this.busy.set(false); this.form.set(null); this.note.set(`Rule “${f.pattern}” saved.`); this.onRepo(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not save the rule.')); },
+        });
+    }
+    removeRule(f) {
+        const r = this.repo();
+        if (!r || !f.id)
+            return;
+        this.api.removeProtection(this.projectId(), r.name, f.id).subscribe({
+            next: () => { this.form.set(null); this.note.set(`Rule “${f.pattern}” deleted.`); this.onRepo(r); },
+            error: (e) => this.error.set(apiMessage(e, 'Could not delete the rule.')),
+        });
+    }
+    archive(on) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        this.api.setArchived(this.projectId(), r.name, on).subscribe({
+            next: (n) => { this.busy.set(false); this.repo.set(n); this.note.set(on ? 'Archived: the repository is read-only.' : 'Unarchived.'); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not change the archive state.')); },
+        });
+    }
+    remove() {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        this.api.remove(this.projectId(), r.name).subscribe({
+            next: () => { this.busy.set(false); void this.router.navigate(this.host.link('code')); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not delete the repository.')); },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoSettingsPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: RepoSettingsPage, isStandalone: true, selector: "o-code-settings", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-split o-lft">
+          <nav class="o-setnav" aria-label="Repository settings">
+            <span class="o-lbl" style="padding-top:0">{{ r.name }}</span>
+            <button type="button" [class.o-on]="section() === 'general'" (click)="go('general')">General</button>
+            <button type="button" [class.o-on]="section() === 'protect'" (click)="go('protect')">Branch protection</button>
+            <button type="button" [class.o-on]="section() === 'collab'" (click)="go('collab')">Collaborators<b class="o-ph-tag o-ga o-r">GA</b></button>
+            <button type="button" [class.o-on]="section() === 'danger'" (click)="go('danger')">Danger zone</button>
+          </nav>
+          <div class="o-col" style="gap:16px;min-width:0">
+            @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+            @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+            @switch (section()) {
+              @case ('general') {
+                <h1 class="o-t">General</h1>
+                <form class="o-card o-cb o-form" (ngSubmit)="saveGeneral()">
+                  <div class="o-g2">
+                    <div class="o-fld"><label for="rs-name">Repository name</label><input id="rs-name" class="o-in o-mono" name="name" [(ngModel)]="g.name" [disabled]="!canAdmin()" /><span class="o-hint">Renaming keeps the old clone URL working as a redirect.</span></div>
+                    <div class="o-fld"><label for="rs-def">Default branch</label><select id="rs-def" class="o-in" name="def" [(ngModel)]="g.defaultBranch" [disabled]="!canAdmin()">@for (b of branches(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}@if (!branches().length) {<option [value]="r.defaultBranch">{{ r.defaultBranch }}</option>}</select></div>
+                  </div>
+                  <div class="o-fld"><label for="rs-desc">Description</label><input id="rs-desc" class="o-in" name="desc" [(ngModel)]="g.description" [disabled]="!canAdmin()" /></div>
+                  <div class="o-fld"><span class="o-lbl" style="padding:0">Visibility</span>
+                    <div class="o-g2">
+                      <button type="button" class="o-opt" [class.o-on]="g.visibility === 'private'" (click)="g.visibility = 'private'" [disabled]="!canAdmin()"><span class="o-rad" [class.o-on]="g.visibility === 'private'"></span><span class="o-col" style="gap:2px"><b>Private</b><span class="o-faint o-sm">Project members only</span></span></button>
+                      <button type="button" class="o-opt" [class.o-on]="g.visibility === 'internal'" (click)="g.visibility = 'internal'" [disabled]="!canAdmin()"><span class="o-rad" [class.o-on]="g.visibility === 'internal'"></span><span class="o-col" style="gap:2px"><b>Org-internal</b><span class="o-faint o-sm">Everyone in the organization can read</span></span></button>
+                    </div>
+                  </div>
+                  <div class="o-fld"><span class="o-lbl" style="padding:0">Allowed merge methods</span>
+                    @for (m of methods; track m.id) {<label class="o-flex"><input type="checkbox" [checked]="g.mergeMethods.includes(m.id)" (change)="flipMethod(m.id)" [disabled]="!canAdmin()" />{{ m.label }}</label>}
+                  </div>
+                  <div class="o-flex"><button type="button" class="o-tog" role="switch" aria-labelledby="rs-del" [class.o-on]="g.deleteBranchOnMerge" [attr.aria-checked]="g.deleteBranchOnMerge" (click)="g.deleteBranchOnMerge = !g.deleteBranchOnMerge" [disabled]="!canAdmin()"></button><span id="rs-del">Delete head branches after merge</span></div>
+                  <div class="o-flex"><button type="button" class="o-tog o-dis" disabled aria-label="Allow auto-merge"></button>Allow auto-merge when all requirements pass<b class="o-ph-tag o-ga">GA</b></div>
+                  @if (canAdmin()) {<div class="o-flex"><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !g.mergeMethods.length">Save</button></div>}
+                </form>
+              }
+              @case ('protect') {
+                <div class="o-flex"><h1 class="o-t">Branch protection</h1>@if (canProtect()) {<button type="button" class="o-btn o-sm o-r" (click)="edit(null)" data-testid="add-rule">+ Add rule</button>}</div>
+                <div class="o-card">
+                  @for (p of rules(); track p.id) {
+                    <button type="button" class="o-row o-click" style="width:100%;border:none;background:none;text-align:left" [class.o-sel]="form()?.id === p.id" (click)="edit(p)"><b class="o-mono">{{ p.pattern }}</b><span class="o-faint o-sm">{{ summary(p) }}</span>@if (form()?.id === p.id) {<span class="o-r o-chip">Editing</span>}</button>
+                  } @empty {<div class="o-empty">No rules. Without one, anyone who can push may push to any branch.</div>}
+                </div>
+                @if (form(); as f) {
+                  <form class="o-card" (ngSubmit)="saveRule()" aria-label="Protection rule">
+                    <div class="o-ch"><b>Rule for</b><input class="o-in o-mono o-sm" style="width:200px" name="pattern" aria-label="Branch name or pattern" [(ngModel)]="f.pattern" placeholder="main or release/*" data-testid="rule-pattern" /></div>
+                    <div class="o-cb o-form">
+                      @for (t of toggles; track t.key) {
+                        <div class="o-flex" style="align-items:flex-start"><button type="button" class="o-tog" role="switch" [attr.aria-label]="t.label" [class.o-on]="f[t.key]" [attr.aria-checked]="f[t.key]" (click)="flip(f, t.key)" style="margin-top:2px"></button><div class="o-col" style="gap:2px;flex:1"><span class="o-b5">{{ t.label }}</span><span class="o-hint">{{ t.hint }}</span></div></div>
+                      }
+                      <div class="o-flex"><span class="o-b5" style="flex:1">Required approvals</span><button type="button" class="o-btn o-sm" (click)="f.requiredApprovals = max0(f.requiredApprovals - 1)" aria-label="One fewer">−</button><b class="o-mono" style="width:24px;text-align:center" aria-live="polite">{{ f.requiredApprovals }}</b><button type="button" class="o-btn o-sm" (click)="f.requiredApprovals = f.requiredApprovals + 1" aria-label="One more">+</button></div>
+                      <div class="o-fld"><label for="rule-check">Required status checks</label>
+                        <div class="o-flex o-wrap">
+                          @for (c of f.requiredChecks; track c) {<span class="o-chip o-mono">{{ c }} <button type="button" class="o-lnk" style="font-size:11px" (click)="removeCheck(f, c)" [attr.aria-label]="'Remove ' + c">✕</button></span>}
+                          <input id="rule-check" class="o-in o-sm o-mono" style="width:160px" placeholder="+ check name, Enter" [ngModel]="check()" (ngModelChange)="check.set($event)" name="check" (keydown.enter)="$event.preventDefault(); addCheck(f)" />
+                        </div>
+                      </div>
+                      <div class="o-fld"><span class="o-lbl" style="padding:0">Allowed to bypass <b class="o-ph-tag o-ga">GA</b></span><div class="o-flex"><span class="o-chip">Owners</span><span class="o-hint">Every bypass is written to the audit log.</span></div></div>
+                      <div class="o-fld"><span class="o-lbl" style="padding:0">What a blocked push sees</span><div class="o-term" style="font-size:11.5px"><div>$ git push origin {{ f.pattern || 'main' }}</div><div>remote: ✕ {{ f.pattern || 'main' }} is protected by rule “{{ f.pattern || 'main' }}”: direct pushes are blocked.</div><div>remote:   Open a pull request instead.</div></div></div>
+                      <div class="o-flex">
+                        @if (f.id) {<button type="button" class="o-btn o-sm o-ghost" style="color:var(--o-bad-tx)" (click)="removeRule(f)">Delete rule</button>}
+                        <button type="button" class="o-btn o-sm o-r" (click)="form.set(null)">Cancel</button>
+                        <button type="submit" class="o-btn o-dark" [disabled]="busy() || !f.pattern.trim()" data-testid="rule-save">Save rule</button>
+                      </div>
+                    </div>
+                  </form>
+                }
+              }
+              @case ('collab') {
+                <h1 class="o-t">Collaborators</h1>
+                <div class="o-card"><div class="o-empty">Access beyond the project role, for one repository, arrives at general availability. Until then, project roles decide who reads and pushes.</div></div>
+              }
+              @case ('danger') {
+                <h1 class="o-t">Danger zone</h1>
+                <div class="o-card" style="border-color:var(--o-bad-line)">
+                  <div class="o-row" style="padding:14px"><div class="o-col" style="gap:2px;flex:1"><b>{{ r.archivedAt ? 'Unarchive' : 'Archive' }}</b><span class="o-hint">{{ r.archivedAt ? 'Pushes are accepted again.' : 'Read-only. Pushes are rejected; pipelines stop triggering.' }}</span></div><button type="button" class="o-btn o-sm" (click)="archive(!r.archivedAt)" [disabled]="!canAdmin() || busy()">{{ r.archivedAt ? 'Unarchive' : 'Archive' }}</button></div>
+                  <div class="o-row" style="padding:14px;flex-wrap:wrap"><div class="o-col" style="gap:2px;flex:1;min-width:240px"><b>Delete this repository</b><span class="o-hint">Recoverable for 7 days, then gone for good. Type <b class="o-mono">{{ r.name }}</b> to confirm.</span></div>
+                    <input class="o-in o-sm o-mono" style="width:180px" aria-label="Type the repository name to confirm" [ngModel]="confirm()" (ngModelChange)="confirm.set($event)" [disabled]="!canAdmin()" />
+                    <button type="button" class="o-btn o-sm o-red" (click)="remove()" [disabled]="!canAdmin() || confirm() !== r.name || busy()">Delete</button>
+                  </div>
+                </div>
+              }
+            }
+          </div>
+        </div>
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RepoSettingsPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-code-settings',
+                    imports: [FormsModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-page">
+      @if (repo(); as r) {
+        <div class="o-split o-lft">
+          <nav class="o-setnav" aria-label="Repository settings">
+            <span class="o-lbl" style="padding-top:0">{{ r.name }}</span>
+            <button type="button" [class.o-on]="section() === 'general'" (click)="go('general')">General</button>
+            <button type="button" [class.o-on]="section() === 'protect'" (click)="go('protect')">Branch protection</button>
+            <button type="button" [class.o-on]="section() === 'collab'" (click)="go('collab')">Collaborators<b class="o-ph-tag o-ga o-r">GA</b></button>
+            <button type="button" [class.o-on]="section() === 'danger'" (click)="go('danger')">Danger zone</button>
+          </nav>
+          <div class="o-col" style="gap:16px;min-width:0">
+            @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+            @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+            @switch (section()) {
+              @case ('general') {
+                <h1 class="o-t">General</h1>
+                <form class="o-card o-cb o-form" (ngSubmit)="saveGeneral()">
+                  <div class="o-g2">
+                    <div class="o-fld"><label for="rs-name">Repository name</label><input id="rs-name" class="o-in o-mono" name="name" [(ngModel)]="g.name" [disabled]="!canAdmin()" /><span class="o-hint">Renaming keeps the old clone URL working as a redirect.</span></div>
+                    <div class="o-fld"><label for="rs-def">Default branch</label><select id="rs-def" class="o-in" name="def" [(ngModel)]="g.defaultBranch" [disabled]="!canAdmin()">@for (b of branches(); track b.name) {<option [value]="b.name">{{ b.name }}</option>}@if (!branches().length) {<option [value]="r.defaultBranch">{{ r.defaultBranch }}</option>}</select></div>
+                  </div>
+                  <div class="o-fld"><label for="rs-desc">Description</label><input id="rs-desc" class="o-in" name="desc" [(ngModel)]="g.description" [disabled]="!canAdmin()" /></div>
+                  <div class="o-fld"><span class="o-lbl" style="padding:0">Visibility</span>
+                    <div class="o-g2">
+                      <button type="button" class="o-opt" [class.o-on]="g.visibility === 'private'" (click)="g.visibility = 'private'" [disabled]="!canAdmin()"><span class="o-rad" [class.o-on]="g.visibility === 'private'"></span><span class="o-col" style="gap:2px"><b>Private</b><span class="o-faint o-sm">Project members only</span></span></button>
+                      <button type="button" class="o-opt" [class.o-on]="g.visibility === 'internal'" (click)="g.visibility = 'internal'" [disabled]="!canAdmin()"><span class="o-rad" [class.o-on]="g.visibility === 'internal'"></span><span class="o-col" style="gap:2px"><b>Org-internal</b><span class="o-faint o-sm">Everyone in the organization can read</span></span></button>
+                    </div>
+                  </div>
+                  <div class="o-fld"><span class="o-lbl" style="padding:0">Allowed merge methods</span>
+                    @for (m of methods; track m.id) {<label class="o-flex"><input type="checkbox" [checked]="g.mergeMethods.includes(m.id)" (change)="flipMethod(m.id)" [disabled]="!canAdmin()" />{{ m.label }}</label>}
+                  </div>
+                  <div class="o-flex"><button type="button" class="o-tog" role="switch" aria-labelledby="rs-del" [class.o-on]="g.deleteBranchOnMerge" [attr.aria-checked]="g.deleteBranchOnMerge" (click)="g.deleteBranchOnMerge = !g.deleteBranchOnMerge" [disabled]="!canAdmin()"></button><span id="rs-del">Delete head branches after merge</span></div>
+                  <div class="o-flex"><button type="button" class="o-tog o-dis" disabled aria-label="Allow auto-merge"></button>Allow auto-merge when all requirements pass<b class="o-ph-tag o-ga">GA</b></div>
+                  @if (canAdmin()) {<div class="o-flex"><button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !g.mergeMethods.length">Save</button></div>}
+                </form>
+              }
+              @case ('protect') {
+                <div class="o-flex"><h1 class="o-t">Branch protection</h1>@if (canProtect()) {<button type="button" class="o-btn o-sm o-r" (click)="edit(null)" data-testid="add-rule">+ Add rule</button>}</div>
+                <div class="o-card">
+                  @for (p of rules(); track p.id) {
+                    <button type="button" class="o-row o-click" style="width:100%;border:none;background:none;text-align:left" [class.o-sel]="form()?.id === p.id" (click)="edit(p)"><b class="o-mono">{{ p.pattern }}</b><span class="o-faint o-sm">{{ summary(p) }}</span>@if (form()?.id === p.id) {<span class="o-r o-chip">Editing</span>}</button>
+                  } @empty {<div class="o-empty">No rules. Without one, anyone who can push may push to any branch.</div>}
+                </div>
+                @if (form(); as f) {
+                  <form class="o-card" (ngSubmit)="saveRule()" aria-label="Protection rule">
+                    <div class="o-ch"><b>Rule for</b><input class="o-in o-mono o-sm" style="width:200px" name="pattern" aria-label="Branch name or pattern" [(ngModel)]="f.pattern" placeholder="main or release/*" data-testid="rule-pattern" /></div>
+                    <div class="o-cb o-form">
+                      @for (t of toggles; track t.key) {
+                        <div class="o-flex" style="align-items:flex-start"><button type="button" class="o-tog" role="switch" [attr.aria-label]="t.label" [class.o-on]="f[t.key]" [attr.aria-checked]="f[t.key]" (click)="flip(f, t.key)" style="margin-top:2px"></button><div class="o-col" style="gap:2px;flex:1"><span class="o-b5">{{ t.label }}</span><span class="o-hint">{{ t.hint }}</span></div></div>
+                      }
+                      <div class="o-flex"><span class="o-b5" style="flex:1">Required approvals</span><button type="button" class="o-btn o-sm" (click)="f.requiredApprovals = max0(f.requiredApprovals - 1)" aria-label="One fewer">−</button><b class="o-mono" style="width:24px;text-align:center" aria-live="polite">{{ f.requiredApprovals }}</b><button type="button" class="o-btn o-sm" (click)="f.requiredApprovals = f.requiredApprovals + 1" aria-label="One more">+</button></div>
+                      <div class="o-fld"><label for="rule-check">Required status checks</label>
+                        <div class="o-flex o-wrap">
+                          @for (c of f.requiredChecks; track c) {<span class="o-chip o-mono">{{ c }} <button type="button" class="o-lnk" style="font-size:11px" (click)="removeCheck(f, c)" [attr.aria-label]="'Remove ' + c">✕</button></span>}
+                          <input id="rule-check" class="o-in o-sm o-mono" style="width:160px" placeholder="+ check name, Enter" [ngModel]="check()" (ngModelChange)="check.set($event)" name="check" (keydown.enter)="$event.preventDefault(); addCheck(f)" />
+                        </div>
+                      </div>
+                      <div class="o-fld"><span class="o-lbl" style="padding:0">Allowed to bypass <b class="o-ph-tag o-ga">GA</b></span><div class="o-flex"><span class="o-chip">Owners</span><span class="o-hint">Every bypass is written to the audit log.</span></div></div>
+                      <div class="o-fld"><span class="o-lbl" style="padding:0">What a blocked push sees</span><div class="o-term" style="font-size:11.5px"><div>$ git push origin {{ f.pattern || 'main' }}</div><div>remote: ✕ {{ f.pattern || 'main' }} is protected by rule “{{ f.pattern || 'main' }}”: direct pushes are blocked.</div><div>remote:   Open a pull request instead.</div></div></div>
+                      <div class="o-flex">
+                        @if (f.id) {<button type="button" class="o-btn o-sm o-ghost" style="color:var(--o-bad-tx)" (click)="removeRule(f)">Delete rule</button>}
+                        <button type="button" class="o-btn o-sm o-r" (click)="form.set(null)">Cancel</button>
+                        <button type="submit" class="o-btn o-dark" [disabled]="busy() || !f.pattern.trim()" data-testid="rule-save">Save rule</button>
+                      </div>
+                    </div>
+                  </form>
+                }
+              }
+              @case ('collab') {
+                <h1 class="o-t">Collaborators</h1>
+                <div class="o-card"><div class="o-empty">Access beyond the project role, for one repository, arrives at general availability. Until then, project roles decide who reads and pushes.</div></div>
+              }
+              @case ('danger') {
+                <h1 class="o-t">Danger zone</h1>
+                <div class="o-card" style="border-color:var(--o-bad-line)">
+                  <div class="o-row" style="padding:14px"><div class="o-col" style="gap:2px;flex:1"><b>{{ r.archivedAt ? 'Unarchive' : 'Archive' }}</b><span class="o-hint">{{ r.archivedAt ? 'Pushes are accepted again.' : 'Read-only. Pushes are rejected; pipelines stop triggering.' }}</span></div><button type="button" class="o-btn o-sm" (click)="archive(!r.archivedAt)" [disabled]="!canAdmin() || busy()">{{ r.archivedAt ? 'Unarchive' : 'Archive' }}</button></div>
+                  <div class="o-row" style="padding:14px;flex-wrap:wrap"><div class="o-col" style="gap:2px;flex:1;min-width:240px"><b>Delete this repository</b><span class="o-hint">Recoverable for 7 days, then gone for good. Type <b class="o-mono">{{ r.name }}</b> to confirm.</span></div>
+                    <input class="o-in o-sm o-mono" style="width:180px" aria-label="Type the repository name to confirm" [ngModel]="confirm()" (ngModelChange)="confirm.set($event)" [disabled]="!canAdmin()" />
+                    <button type="button" class="o-btn o-sm o-red" (click)="remove()" [disabled]="!canAdmin() || confirm() !== r.name || busy()">Delete</button>
+                  </div>
+                </div>
+              }
+            }
+          </div>
+        </div>
+      } @else if (error()) {
+        <div class="o-card o-empty"><p>{{ error() }}</p></div>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * @chisquare-tech/origine-ngx-apps-code: the Code module's screens (TRD §6.10). The host app provides
+ * CodeHost and mounts the pages at /{org}/{project}/code, /code/new, /code/pulls and
+ * /code/{repo}[/blob|/commits|/commit/:sha|/branches|/pulls|/pull/:number|/settings].
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BranchesPage, CodeApi, CodeHost, CommitPage, CommitsPage, CurrentRepo, CurrentRepoPage, DiffView, FilePage, NewRepoPage, People, PullPage, PullsPage, RefPicker, RepoHomePage, RepoPage, RepoSettingsPage, ReposPage, TOKEN_CSS, ago, apiMessage, checkDot, copy, dayLabel, initials, langColour, shortDate, size };
+//# sourceMappingURL=chisquare-tech-origine-ngx-apps-code.mjs.map