@chisquare-tech/origine-ngx-apps-code 0.2.0 → 0.4.0

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

@@ -115,6 +115,51 @@ class CodeApi {
             p['q'] = q;
         return this.api.get(`${this.repoPath(project, name)}/refs`, p).pipe(map((r) => data(r) ?? []));
     }
+    collaborators(project, name) {
+        return this.api.get(`${this.repoPath(project, name)}/collaborators`).pipe(map((r) => data(r) ?? []));
+    }
+    setCollaborator(project, name, userId, permission) {
+        return this.api.put(`${this.repoPath(project, name)}/collaborators/${enc(userId)}`, { permission }).pipe(map((r) => data(r)));
+    }
+    removeCollaborator(project, name, userId) {
+        return this.api.delete(`${this.repoPath(project, name)}/collaborators/${enc(userId)}`);
+    }
+    createTag(project, name, tag, target) {
+        return this.api.post(`${this.repoPath(project, name)}/tags`, { tag, target }).pipe(map((r) => data(r)));
+    }
+    deleteTag(project, name, tag) {
+        return this.api.delete(`${this.repoPath(project, name)}/tags/${enc(tag)}`);
+    }
+    releases(project, name) {
+        return this.api.get(`${this.repoPath(project, name)}/releases`).pipe(map((r) => data(r) ?? []));
+    }
+    createRelease(project, name, r) {
+        return this.api.post(`${this.repoPath(project, name)}/releases`, r).pipe(map((x) => data(x)));
+    }
+    updateRelease(project, name, id, r) {
+        return this.api.patch(`${this.repoPath(project, name)}/releases/${enc(id)}`, r).pipe(map((x) => data(x)));
+    }
+    deleteRelease(project, name, id, deleteTag) {
+        return this.api.delete(`${this.repoPath(project, name)}/releases/${enc(id)}${deleteTag ? '?deleteTag=true' : ''}`);
+    }
+    /** Notes drafted from the done issues and merged pull requests since the previous release. */
+    releaseNotes(project, name, target, tag = '') {
+        return this.api.post(`${this.repoPath(project, name)}/releases/notes`, { target, tag: tag || undefined }).pipe(map((r) => data(r)?.notes ?? ''));
+    }
+    addAsset(project, name, id, file) {
+        return this.api
+            .post(`${this.repoPath(project, name)}/releases/${enc(id)}/assets?filename=${encodeURIComponent(file.name)}`, null, {
+            body: file, headers: { 'Content-Type': file.type || 'application/octet-stream' },
+        })
+            .pipe(map((r) => data(r)));
+    }
+    /** A release file's bytes (the download needs the session, so no plain link works). */
+    assetBlob(project, name, id, asset) {
+        return this.api.get(`${this.repoPath(project, name)}/releases/${enc(id)}/assets/${enc(asset)}`, null, { responseType: 'blob' }).pipe(map((b) => b));
+    }
+    deleteAsset(project, name, id, asset) {
+        return this.api.delete(`${this.repoPath(project, name)}/releases/${enc(id)}/assets/${enc(asset)}`);
+    }
     createBranch(project, name, branch, from) {
         return this.api.post(`${this.repoPath(project, name)}/branches`, { name: branch, from });
     }
@@ -307,6 +352,8 @@ class RepoPage {
         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 */ []));
+        /** Repository settings short of a rename, the visibility and deletion: Maintainers, and maintain collaborators. */
+        this.canMaintain = computed(() => this.canAdmin() || (this.repo()?.capabilities ?? []).includes('repo.maintain'), ...(ngDevMode ? [{ debugName: "canMaintain" }] : /* 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(() => {
@@ -1352,7 +1399,7 @@ class RepoHomePage extends RepoPage {
             </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>Releases</b><a class="o-sm" [routerLink]="link('releases')" data-testid="repo-releases">Releases and tags</a></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">
@@ -1472,7 +1519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             </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>Releases</b><a class="o-sm" [routerLink]="link('releases')" data-testid="repo-releases">Releases and tags</a></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">
@@ -2964,9 +3011,46 @@ class RepoSettingsPage extends RepoPage {
             { 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.collabs = signal([], ...(ngDevMode ? [{ debugName: "collabs" }] : /* istanbul ignore next */ []));
+        this.perms = [{ id: 'read', label: 'Read' }, { id: 'write', label: 'Write' }, { id: 'maintain', label: 'Maintain' }];
+        this.addable = computed(() => this.host.people().filter((p) => !this.collabs().some((c) => c.userId === p.id)), ...(ngDevMode ? [{ debugName: "addable" }] : /* istanbul ignore next */ []));
+        this.newCollab = '';
+        this.newPerm = 'write';
         this.route.queryParamMap.subscribe((q) => this.section.set(q.get('section') || 'general'));
     }
+    roleLabel(r) {
+        return r ? r[0].toUpperCase() + r.slice(1) : 'Not in the project';
+    }
+    loadCollabs(r) {
+        if (!this.canAdmin())
+            return;
+        this.api.collaborators(this.projectId(), r.name).subscribe({ next: (l) => this.collabs.set(l), error: () => undefined });
+    }
+    setCollab(userId, permission, adding = false) {
+        const r = this.repo();
+        if (!r || !userId)
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.setCollaborator(this.projectId(), r.name, userId, permission).subscribe({
+            next: () => { this.busy.set(false); if (adding) {
+                this.newCollab = '';
+                this.note.set(`${this.people().name(userId)} now has ${permission} on ${r.name}.`);
+            } this.loadCollabs(r); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not change the access.')); this.loadCollabs(r); },
+        });
+    }
+    removeCollab(userId) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.removeCollaborator(this.projectId(), r.name, userId).subscribe({
+            next: () => { this.note.set(`${this.people().name(userId)} is no longer a collaborator.`); this.loadCollabs(r); },
+            error: (e) => this.error.set(apiMessage(e, 'Could not remove the collaborator.')),
+        });
+    }
     onRepo(r) {
+        this.loadCollabs(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 });
@@ -3019,7 +3103,11 @@ class RepoSettingsPage extends RepoPage {
             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({
+        // a maintain collaborator sends what they may change; the name and visibility stay a Maintainer's
+        const body = this.canAdmin()
+            ? { 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 }
+            : { description: this.g.description, defaultBranch: this.g.defaultBranch, mergeMethods: this.g.mergeMethods, deleteBranchOnMerge: this.g.deleteBranchOnMerge };
+        this.api.update(this.projectId(), r.name, body).subscribe({
             next: (n) => {
                 this.busy.set(false);
                 this.note.set('Saved.');
@@ -3084,7 +3172,7 @@ class RepoSettingsPage extends RepoPage {
             <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() === 'collab'" (click)="go('collab')">Collaborators</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">
@@ -3096,9 +3184,9 @@ class RepoSettingsPage extends RepoPage {
                 <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 class="o-fld"><label for="rs-def">Default branch</label><select id="rs-def" class="o-in" name="def" [(ngModel)]="g.defaultBranch" [disabled]="!canMaintain()">@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"><label for="rs-desc">Description</label><input id="rs-desc" class="o-in" name="desc" [(ngModel)]="g.description" [disabled]="!canMaintain()" /></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>
@@ -3106,11 +3194,11 @@ class RepoSettingsPage extends RepoPage {
                     </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>}
+                    @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]="!canMaintain()" />{{ 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" role="switch" aria-labelledby="rs-del" [class.o-on]="g.deleteBranchOnMerge" [attr.aria-checked]="g.deleteBranchOnMerge" (click)="g.deleteBranchOnMerge = !g.deleteBranchOnMerge" [disabled]="!canMaintain()"></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>}
+                  @if (canMaintain()) {<div class="o-flex">@if (!canAdmin()) {<span class="o-faint o-sm">As a maintain collaborator you change these settings; a project Maintainer renames the repository or changes its visibility.</span>}<button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !g.mergeMethods.length" data-testid="settings-save">Save</button></div>}
                 </form>
               }
               @case ('protect') {
@@ -3147,7 +3235,34 @@ class RepoSettingsPage extends RepoPage {
               }
               @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>
+                <span class="o-mut">Access beyond the project role, for this repository only.</span>
+                @if (canAdmin()) {
+                  <div class="o-card" style="overflow-x:auto" data-testid="collaborators">
+                    <div class="o-tbl" role="table" aria-label="Collaborators" style="min-width:560px">
+                      <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Person</div><div class="o-th" role="columnheader">Project role</div><div class="o-th" role="columnheader">Repository access</div><div class="o-th" role="columnheader"></div></div></div>
+                      <div class="o-tbody" role="rowgroup">
+                        @for (cl of collabs(); track cl.userId) {
+                          <div class="o-tr" role="row" [attr.data-testid]="'collab-' + cl.userId">
+                            <div class="o-td" role="cell"><span class="o-flex"><span class="o-av" aria-hidden="true">{{ people().initials(cl.userId) }}</span>{{ people().name(cl.userId) }}@if (cl.projectRole === 'guest') {<span class="o-chip">Guest</span>}</span></div>
+                            <div class="o-td o-mut" role="cell">{{ roleLabel(cl.projectRole) }}</div>
+                            <div class="o-td" role="cell"><select class="o-in o-sm" style="width:auto" [attr.aria-label]="'Repository access for ' + people().name(cl.userId)" [ngModel]="cl.permission" (ngModelChange)="setCollab(cl.userId, $event)">@for (p of perms; track p.id) {<option [value]="p.id">{{ p.label }}</option>}</select></div>
+                            <div class="o-td o-num" role="cell"><button type="button" class="o-btn o-xs o-ghost" (click)="removeCollab(cl.userId)" [attr.aria-label]="'Remove ' + people().name(cl.userId)">Remove</button></div>
+                          </div>
+                        } @empty {
+                          <div class="o-tr" role="row"><div class="o-td o-faint" role="cell" style="grid-column:1 / -1">No collaborators. Project roles decide who reads and pushes.</div></div>
+                        }
+                      </div>
+                    </div>
+                    <div class="o-cf">
+                      <select class="o-in o-sm" style="width:auto" aria-label="Person to add" [(ngModel)]="newCollab"><option value="">Add a person…</option>@for (p of addable(); track p.id) {<option [value]="p.id">{{ p.name || p.email }}</option>}</select>
+                      <select class="o-in o-sm" style="width:auto" aria-label="Access to give" [(ngModel)]="newPerm">@for (p of perms; track p.id) {<option [value]="p.id">{{ p.label }}</option>}</select>
+                      <button type="button" class="o-btn o-sm o-dark" [disabled]="!newCollab || busy()" (click)="setCollab(newCollab, newPerm, true)" data-testid="collab-add">Add</button>
+                      <span class="o-faint o-xs">They need to be in the project (any role, Guest included). Write pushes and opens pull requests here; maintain also changes this repository's settings.</span>
+                    </div>
+                  </div>
+                } @else {
+                  <div class="o-card"><div class="o-empty">{{ repo()?.collaborator ? 'You have ' + repo()?.collaborator + ' on this repository as a collaborator. ' : '' }}Project Maintainers manage collaborators.</div></div>
+                }
               }
               @case ('danger') {
                 <h1 class="o-t">Danger zone</h1>
@@ -3182,7 +3297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             <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() === 'collab'" (click)="go('collab')">Collaborators</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">
@@ -3194,9 +3309,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 <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 class="o-fld"><label for="rs-def">Default branch</label><select id="rs-def" class="o-in" name="def" [(ngModel)]="g.defaultBranch" [disabled]="!canMaintain()">@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"><label for="rs-desc">Description</label><input id="rs-desc" class="o-in" name="desc" [(ngModel)]="g.description" [disabled]="!canMaintain()" /></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>
@@ -3204,11 +3319,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                     </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>}
+                    @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]="!canMaintain()" />{{ 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" role="switch" aria-labelledby="rs-del" [class.o-on]="g.deleteBranchOnMerge" [attr.aria-checked]="g.deleteBranchOnMerge" (click)="g.deleteBranchOnMerge = !g.deleteBranchOnMerge" [disabled]="!canMaintain()"></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>}
+                  @if (canMaintain()) {<div class="o-flex">@if (!canAdmin()) {<span class="o-faint o-sm">As a maintain collaborator you change these settings; a project Maintainer renames the repository or changes its visibility.</span>}<button type="submit" class="o-btn o-dark o-r" [disabled]="busy() || !g.mergeMethods.length" data-testid="settings-save">Save</button></div>}
                 </form>
               }
               @case ('protect') {
@@ -3245,7 +3360,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
               }
               @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>
+                <span class="o-mut">Access beyond the project role, for this repository only.</span>
+                @if (canAdmin()) {
+                  <div class="o-card" style="overflow-x:auto" data-testid="collaborators">
+                    <div class="o-tbl" role="table" aria-label="Collaborators" style="min-width:560px">
+                      <div class="o-thead" role="rowgroup"><div class="o-tr" role="row"><div class="o-th" role="columnheader">Person</div><div class="o-th" role="columnheader">Project role</div><div class="o-th" role="columnheader">Repository access</div><div class="o-th" role="columnheader"></div></div></div>
+                      <div class="o-tbody" role="rowgroup">
+                        @for (cl of collabs(); track cl.userId) {
+                          <div class="o-tr" role="row" [attr.data-testid]="'collab-' + cl.userId">
+                            <div class="o-td" role="cell"><span class="o-flex"><span class="o-av" aria-hidden="true">{{ people().initials(cl.userId) }}</span>{{ people().name(cl.userId) }}@if (cl.projectRole === 'guest') {<span class="o-chip">Guest</span>}</span></div>
+                            <div class="o-td o-mut" role="cell">{{ roleLabel(cl.projectRole) }}</div>
+                            <div class="o-td" role="cell"><select class="o-in o-sm" style="width:auto" [attr.aria-label]="'Repository access for ' + people().name(cl.userId)" [ngModel]="cl.permission" (ngModelChange)="setCollab(cl.userId, $event)">@for (p of perms; track p.id) {<option [value]="p.id">{{ p.label }}</option>}</select></div>
+                            <div class="o-td o-num" role="cell"><button type="button" class="o-btn o-xs o-ghost" (click)="removeCollab(cl.userId)" [attr.aria-label]="'Remove ' + people().name(cl.userId)">Remove</button></div>
+                          </div>
+                        } @empty {
+                          <div class="o-tr" role="row"><div class="o-td o-faint" role="cell" style="grid-column:1 / -1">No collaborators. Project roles decide who reads and pushes.</div></div>
+                        }
+                      </div>
+                    </div>
+                    <div class="o-cf">
+                      <select class="o-in o-sm" style="width:auto" aria-label="Person to add" [(ngModel)]="newCollab"><option value="">Add a person…</option>@for (p of addable(); track p.id) {<option [value]="p.id">{{ p.name || p.email }}</option>}</select>
+                      <select class="o-in o-sm" style="width:auto" aria-label="Access to give" [(ngModel)]="newPerm">@for (p of perms; track p.id) {<option [value]="p.id">{{ p.label }}</option>}</select>
+                      <button type="button" class="o-btn o-sm o-dark" [disabled]="!newCollab || busy()" (click)="setCollab(newCollab, newPerm, true)" data-testid="collab-add">Add</button>
+                      <span class="o-faint o-xs">They need to be in the project (any role, Guest included). Write pushes and opens pull requests here; maintain also changes this repository's settings.</span>
+                    </div>
+                  </div>
+                } @else {
+                  <div class="o-card"><div class="o-empty">{{ repo()?.collaborator ? 'You have ' + repo()?.collaborator + ' on this repository as a collaborator. ' : '' }}Project Maintainers manage collaborators.</div></div>
+                }
               }
               @case ('danger') {
                 <h1 class="o-t">Danger zone</h1>
@@ -3268,6 +3410,386 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+// /{org}/{project}/code/{repo}/releases (prototype code_tags): releases newest first with their
+// notes, files and source archives, the latest marked; drafts for those who can push; a release
+// drafted on a new or existing tag with notes generated from the done issues since the previous
+// one; and the repository's tags.
+class ReleasesPage extends RepoPage {
+    constructor() {
+        super(...arguments);
+        this.releases = signal([], ...(ngDevMode ? [{ debugName: "releases" }] : /* istanbul ignore next */ []));
+        this.tags = signal([], ...(ngDevMode ? [{ debugName: "tags" }] : /* istanbul ignore next */ []));
+        this.loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+        this.tagging = signal(false, ...(ngDevMode ? [{ debugName: "tagging" }] : /* istanbul ignore next */ []));
+        this.draft = signal(null, ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.confirming = signal('', ...(ngDevMode ? [{ debugName: "confirming" }] : /* istanbul ignore next */ []));
+        this.freeTags = computed(() => this.tags().filter((t) => !this.used(t.name)), ...(ngDevMode ? [{ debugName: "freeTags" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.tagName = '';
+        this.tagFrom = '';
+        this.alsoTag = false;
+    }
+    onRepo(r) {
+        this.tagFrom = r.defaultBranch;
+        this.load();
+    }
+    md(s) {
+        return marked.parse(s || '', { async: false, gfm: true, breaks: true });
+    }
+    used(tag) {
+        return this.releases().some((r) => r.tag === tag);
+    }
+    load() {
+        const r = this.repo();
+        if (!r)
+            return;
+        forkJoin({ rel: this.api.releases(this.projectId(), r.name), tags: this.api.refs(this.projectId(), r.name, 'tag') }).subscribe({
+            next: ({ rel, tags }) => { this.releases.set(rel); this.tags.set(sortTags(tags)); this.loaded.set(true); },
+            error: (e) => { this.loaded.set(true); this.error.set(apiMessage(e, 'Could not load the releases.')); },
+        });
+    }
+    run(o, fallback, done) {
+        this.busy.set(true);
+        this.error.set('');
+        this.note.set('');
+        o.subscribe({
+            next: () => { this.busy.set(false); done?.(); this.load(); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, fallback)); },
+        });
+    }
+    createTag() {
+        const r = this.repo();
+        const t = this.tagName.trim();
+        if (!r || !t)
+            return;
+        this.run(this.api.createTag(this.projectId(), r.name, t, this.tagFrom.trim() || r.defaultBranch), 'Could not create the tag.', () => {
+            this.tagging.set(false);
+            this.note.set(`Tag ${t} created.`);
+            this.tagName = '';
+        });
+    }
+    removeTag(t) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.run(this.api.deleteTag(this.projectId(), r.name, t.name), `Could not delete ${t.name}.`, () => this.note.set(`Tag ${t.name} deleted.`));
+    }
+    startRelease() {
+        const r = this.repo();
+        this.tagging.set(false);
+        this.draft.set({ tag: '', newTag: true, target: r?.defaultBranch ?? 'main', title: '', notes: '', prerelease: false, draft: true });
+    }
+    setTag(d, tag) {
+        d.tag = tag.trim();
+        d.newTag = !this.tags().some((t) => t.name === d.tag);
+    }
+    generate(d) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        const target = d.newTag ? d.target || r.defaultBranch : 'refs/tags/' + d.tag;
+        this.api.releaseNotes(this.projectId(), r.name, target).subscribe({
+            next: (n) => { this.busy.set(false); d.notes = n; this.draft.set({ ...d }); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not generate the notes.')); },
+        });
+    }
+    edit(r) {
+        this.tagging.set(false);
+        this.draft.set({ id: r.id, version: r.version, tag: r.tag, newTag: false, target: '', title: r.title === r.tag ? '' : r.title, notes: r.notes, prerelease: r.prerelease, draft: r.draft });
+    }
+    save(d, asDraft) {
+        const r = this.repo();
+        if (!r)
+            return;
+        if (d.id) {
+            this.run(this.api.updateRelease(this.projectId(), r.name, d.id, { title: d.title, notes: d.notes, prerelease: d.prerelease, draft: d.draft && asDraft, version: d.version }), 'Could not save the release.', () => { this.draft.set(null); this.note.set(asDraft ? 'Draft saved.' : `${d.tag} saved.`); });
+            return;
+        }
+        this.run(this.api.createRelease(this.projectId(), r.name, { tag: d.tag, target: d.newTag ? d.target || r.defaultBranch : undefined, title: d.title, notes: d.notes, prerelease: d.prerelease, draft: asDraft }), 'Could not create the release.', () => { this.draft.set(null); this.note.set(asDraft ? `Draft ${d.tag} saved.` : `${d.tag} published.`); });
+    }
+    remove(rel) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.confirming.set('');
+        this.run(this.api.deleteRelease(this.projectId(), r.name, rel.id, this.alsoTag), `Could not delete ${rel.tag}.`, () => this.note.set(`Release ${rel.tag} deleted${this.alsoTag ? ' with its tag' : ''}.`));
+    }
+    upload(rel, ev) {
+        const r = this.repo();
+        const input = ev.target;
+        const file = input.files?.[0];
+        if (!r || !file)
+            return;
+        if (file.size > 25 * 1024 * 1024) {
+            this.error.set('A release file is at most 25 MB.');
+            return;
+        }
+        this.run(this.api.addAsset(this.projectId(), r.name, rel.id, file), 'Could not add the file.', () => { input.value = ''; this.note.set(`${file.name} added to ${rel.tag}.`); });
+    }
+    removeAsset(rel, id) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.run(this.api.deleteAsset(this.projectId(), r.name, rel.id, id), 'Could not remove the file.');
+    }
+    download(rel, id, filename) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.assetBlob(this.projectId(), r.name, rel.id, id).subscribe({
+            next: (b) => this.save_(b, filename),
+            error: (e) => this.error.set(apiMessage(e, 'Could not download the file.')),
+        });
+    }
+    archive(rel, format) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.archiveUrl(this.projectId(), r.name, 'refs/tags/' + rel.tag, format).subscribe({
+            next: (url) => { if (url)
+                window.location.assign(url); },
+            error: (e) => this.error.set(apiMessage(e, 'Could not prepare the archive.')),
+        });
+    }
+    save_(b, filename) {
+        const url = URL.createObjectURL(b);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        link.click();
+        setTimeout(() => URL.revokeObjectURL(url), 10_000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ReleasesPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ReleasesPage, isStandalone: true, selector: "o-code-releases", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ name() }}</span><h1 class="o-t">Releases and tags</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <button type="button" class="o-btn o-sm" (click)="tagging.set(!tagging()); draft.set(null)" data-testid="tag-new">New tag</button>
+            <button type="button" class="o-btn o-sm o-dark" (click)="startRelease()" data-testid="release-new">Draft release</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 (tagging()) {
+        <form class="o-card" (ngSubmit)="createTag()" data-testid="tag-form">
+          <div class="o-ch"><b>New tag</b></div>
+          <div class="o-cb o-flex o-wrap" style="align-items:flex-end">
+            <div class="o-fld"><label for="tg-name">Tag</label><input id="tg-name" class="o-in o-mono" name="tag" placeholder="v1.8.0" [(ngModel)]="tagName" /></div>
+            <div class="o-fld"><label for="tg-from">At</label><input id="tg-from" class="o-in o-mono" name="from" [(ngModel)]="tagFrom" placeholder="main or a commit" /></div>
+            <button type="button" class="o-btn o-sm o-r" (click)="tagging.set(false)">Cancel</button>
+            <button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !tagName.trim()">Create tag</button>
+          </div>
+        </form>
+      }
+
+      @if (draft(); as d) {
+        <div class="o-card" data-testid="release-form">
+          <div class="o-ch"><b>{{ d.id ? 'Edit ' + d.tag : 'Draft a release' }}</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            @if (!d.id) {
+              <div class="o-flex o-wrap" style="align-items:flex-end">
+                <div class="o-fld"><label for="rl-tag">Tag</label>
+                  <input id="rl-tag" class="o-in o-mono" list="rl-tags" placeholder="v1.8.0" [ngModel]="d.tag" (ngModelChange)="setTag(d, $event)" data-testid="release-tag" />
+                  <datalist id="rl-tags">@for (t of freeTags(); track t.name) {<option [value]="t.name"></option>}</datalist>
+                </div>
+                @if (d.newTag) {<div class="o-fld"><label for="rl-target">New tag at</label><input id="rl-target" class="o-in o-mono" [(ngModel)]="d.target" placeholder="main" /></div>}
+                <span class="o-hint" style="padding-bottom:8px">{{ d.tag ? (d.newTag ? 'A new tag, made when you save.' : 'An existing tag.') : '' }}</span>
+              </div>
+            }
+            <div class="o-fld"><label for="rl-title">Title</label><input id="rl-title" class="o-in" maxlength="255" [(ngModel)]="d.title" placeholder="Defaults to the tag" data-testid="release-title" /></div>
+            <div class="o-fld">
+              <div class="o-flex"><label for="rl-notes">Notes</label>
+                @if (!d.id) {<button type="button" class="o-lnk o-r o-sm" [disabled]="busy() || !d.tag" (click)="generate(d)" data-testid="release-generate">Generate from done issues</button>}
+              </div>
+              <textarea id="rl-notes" class="o-in" rows="7" style="height:auto;padding:8px 10px" [(ngModel)]="d.notes" placeholder="Markdown works." data-testid="release-notes"></textarea>
+              <span class="o-hint">Generated notes list the done issues and merged pull requests since the previous release.</span>
+            </div>
+            <label class="o-flex o-sm"><input type="checkbox" [(ngModel)]="d.prerelease" /> Pre-release (never marked Latest)</label>
+          </div>
+          <div class="o-cf">
+            <button type="button" class="o-btn o-sm o-r" (click)="draft.set(null)">Cancel</button>
+            @if (!d.id || d.draft) {<button type="button" class="o-btn o-sm" [disabled]="busy() || !d.tag" (click)="save(d, true)" data-testid="release-save-draft">Save draft</button>}
+            <button type="button" class="o-btn o-sm o-dark" [disabled]="busy() || !d.tag" (click)="save(d, false)" data-testid="release-publish">{{ d.id && !d.draft ? 'Save' : 'Publish release' }}</button>
+          </div>
+        </div>
+      }
+
+      @for (r of releases(); track r.id) {
+        <div class="o-card rel" [attr.data-testid]="'release-' + r.tag">
+          <div class="o-ch">
+            <b class="o-md">{{ r.tag }}</b>
+            @if (r.latest) {<span class="o-chip o-grn">Latest</span>}
+            @if (r.draft) {<span class="o-chip o-amb">Draft</span>}
+            @if (r.prerelease) {<span class="o-chip">Pre-release</span>}
+            <span class="o-r o-mono o-sm o-faint">{{ r.short }} · {{ ago(r.publishedAt || r.createdAt) }} · {{ people().name(r.createdBy) }}</span>
+          </div>
+          <div class="o-cb">
+            @if (r.title && r.title !== r.tag) {<h4>{{ r.title }}</h4>}
+            <div class="o-md" style="font-size:13px" [innerHTML]="r.notes ? md(r.notes) : '<p class=&quot;o-faint&quot;>No notes.</p>'"></div>
+          </div>
+          <div class="o-cf assets">
+            <span>Assets</span>
+            @for (a of r.assets; track a.id) {
+              <button type="button" class="o-lnk o-mono" (click)="download(r, a.id, a.name)" [attr.aria-label]="'Download ' + a.name">{{ a.name }}</button>
+              @if (canWrite()) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeAsset(r, a.id)" [attr.aria-label]="'Remove ' + a.name">×</button>}
+            }
+            <button type="button" class="o-lnk" (click)="archive(r, 'zip')">Source (zip)</button>
+            <button type="button" class="o-lnk" (click)="archive(r, 'tar.gz')">Source (tar.gz)</button>
+            @if (canWrite()) {
+              <span class="o-r o-flex" style="gap:10px">
+                <label class="o-lnk" style="cursor:pointer">Add file<input type="file" class="o-sr-only" (change)="upload(r, $event)" [attr.aria-label]="'Add a file to ' + r.tag" /></label>
+                <button type="button" class="o-lnk" (click)="edit(r)" [attr.aria-label]="'Edit ' + r.tag">Edit</button>
+                @if (confirming() === r.id) {
+                  <label class="o-flex o-xs"><input type="checkbox" [(ngModel)]="alsoTag" /> and the tag</label>
+                  <button type="button" class="o-lnk o-red-t" (click)="remove(r)">Delete</button><button type="button" class="o-lnk" (click)="confirming.set('')">Keep</button>
+                } @else {
+                  <button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="confirming.set(r.id); alsoTag = false" [attr.aria-label]="'Delete ' + r.tag">Delete</button>
+                }
+              </span>
+            }
+          </div>
+        </div>
+      } @empty {
+        <div class="o-card"><div class="o-empty">{{ loaded() ? 'No releases yet.' + (canWrite() ? ' Draft one from a tag; its notes can come from the issues it finishes.' : '') : 'Loading…' }}</div></div>
+      }
+
+      <div class="o-card" data-testid="tags">
+        <div class="o-ch"><b>Tags</b><span class="o-r o-faint o-sm">{{ tags().length }}</span></div>
+        @for (t of tags(); track t.name) {
+          <div class="o-row" [attr.data-testid]="'tag-' + t.name">
+            <span class="o-mono o-sm o-b5">{{ t.name }}</span><span class="o-faint o-sm o-mono">{{ t.commit?.short }}</span>
+            <span class="o-r o-faint o-sm">{{ ago(t.commit?.committer?.when) }}</span>
+            @if (canWrite() && !used(t.name)) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeTag(t)" [attr.aria-label]="'Delete tag ' + t.name">Delete</button>}
+          </div>
+        } @empty {<div class="o-empty o-sm">No tags yet.</div>}
+      </div>
+    </div>
+  `, isInline: true, styles: [".rel h4{margin:0 0 6px;font-size:15px}.rel .o-md ul{margin:0;padding-left:20px}.assets{display:flex;gap:12px;flex-wrap:wrap;align-items:center}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: ReleasesPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-releases', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ name() }}</span><h1 class="o-t">Releases and tags</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <button type="button" class="o-btn o-sm" (click)="tagging.set(!tagging()); draft.set(null)" data-testid="tag-new">New tag</button>
+            <button type="button" class="o-btn o-sm o-dark" (click)="startRelease()" data-testid="release-new">Draft release</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 (tagging()) {
+        <form class="o-card" (ngSubmit)="createTag()" data-testid="tag-form">
+          <div class="o-ch"><b>New tag</b></div>
+          <div class="o-cb o-flex o-wrap" style="align-items:flex-end">
+            <div class="o-fld"><label for="tg-name">Tag</label><input id="tg-name" class="o-in o-mono" name="tag" placeholder="v1.8.0" [(ngModel)]="tagName" /></div>
+            <div class="o-fld"><label for="tg-from">At</label><input id="tg-from" class="o-in o-mono" name="from" [(ngModel)]="tagFrom" placeholder="main or a commit" /></div>
+            <button type="button" class="o-btn o-sm o-r" (click)="tagging.set(false)">Cancel</button>
+            <button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !tagName.trim()">Create tag</button>
+          </div>
+        </form>
+      }
+
+      @if (draft(); as d) {
+        <div class="o-card" data-testid="release-form">
+          <div class="o-ch"><b>{{ d.id ? 'Edit ' + d.tag : 'Draft a release' }}</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            @if (!d.id) {
+              <div class="o-flex o-wrap" style="align-items:flex-end">
+                <div class="o-fld"><label for="rl-tag">Tag</label>
+                  <input id="rl-tag" class="o-in o-mono" list="rl-tags" placeholder="v1.8.0" [ngModel]="d.tag" (ngModelChange)="setTag(d, $event)" data-testid="release-tag" />
+                  <datalist id="rl-tags">@for (t of freeTags(); track t.name) {<option [value]="t.name"></option>}</datalist>
+                </div>
+                @if (d.newTag) {<div class="o-fld"><label for="rl-target">New tag at</label><input id="rl-target" class="o-in o-mono" [(ngModel)]="d.target" placeholder="main" /></div>}
+                <span class="o-hint" style="padding-bottom:8px">{{ d.tag ? (d.newTag ? 'A new tag, made when you save.' : 'An existing tag.') : '' }}</span>
+              </div>
+            }
+            <div class="o-fld"><label for="rl-title">Title</label><input id="rl-title" class="o-in" maxlength="255" [(ngModel)]="d.title" placeholder="Defaults to the tag" data-testid="release-title" /></div>
+            <div class="o-fld">
+              <div class="o-flex"><label for="rl-notes">Notes</label>
+                @if (!d.id) {<button type="button" class="o-lnk o-r o-sm" [disabled]="busy() || !d.tag" (click)="generate(d)" data-testid="release-generate">Generate from done issues</button>}
+              </div>
+              <textarea id="rl-notes" class="o-in" rows="7" style="height:auto;padding:8px 10px" [(ngModel)]="d.notes" placeholder="Markdown works." data-testid="release-notes"></textarea>
+              <span class="o-hint">Generated notes list the done issues and merged pull requests since the previous release.</span>
+            </div>
+            <label class="o-flex o-sm"><input type="checkbox" [(ngModel)]="d.prerelease" /> Pre-release (never marked Latest)</label>
+          </div>
+          <div class="o-cf">
+            <button type="button" class="o-btn o-sm o-r" (click)="draft.set(null)">Cancel</button>
+            @if (!d.id || d.draft) {<button type="button" class="o-btn o-sm" [disabled]="busy() || !d.tag" (click)="save(d, true)" data-testid="release-save-draft">Save draft</button>}
+            <button type="button" class="o-btn o-sm o-dark" [disabled]="busy() || !d.tag" (click)="save(d, false)" data-testid="release-publish">{{ d.id && !d.draft ? 'Save' : 'Publish release' }}</button>
+          </div>
+        </div>
+      }
+
+      @for (r of releases(); track r.id) {
+        <div class="o-card rel" [attr.data-testid]="'release-' + r.tag">
+          <div class="o-ch">
+            <b class="o-md">{{ r.tag }}</b>
+            @if (r.latest) {<span class="o-chip o-grn">Latest</span>}
+            @if (r.draft) {<span class="o-chip o-amb">Draft</span>}
+            @if (r.prerelease) {<span class="o-chip">Pre-release</span>}
+            <span class="o-r o-mono o-sm o-faint">{{ r.short }} · {{ ago(r.publishedAt || r.createdAt) }} · {{ people().name(r.createdBy) }}</span>
+          </div>
+          <div class="o-cb">
+            @if (r.title && r.title !== r.tag) {<h4>{{ r.title }}</h4>}
+            <div class="o-md" style="font-size:13px" [innerHTML]="r.notes ? md(r.notes) : '<p class=&quot;o-faint&quot;>No notes.</p>'"></div>
+          </div>
+          <div class="o-cf assets">
+            <span>Assets</span>
+            @for (a of r.assets; track a.id) {
+              <button type="button" class="o-lnk o-mono" (click)="download(r, a.id, a.name)" [attr.aria-label]="'Download ' + a.name">{{ a.name }}</button>
+              @if (canWrite()) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeAsset(r, a.id)" [attr.aria-label]="'Remove ' + a.name">×</button>}
+            }
+            <button type="button" class="o-lnk" (click)="archive(r, 'zip')">Source (zip)</button>
+            <button type="button" class="o-lnk" (click)="archive(r, 'tar.gz')">Source (tar.gz)</button>
+            @if (canWrite()) {
+              <span class="o-r o-flex" style="gap:10px">
+                <label class="o-lnk" style="cursor:pointer">Add file<input type="file" class="o-sr-only" (change)="upload(r, $event)" [attr.aria-label]="'Add a file to ' + r.tag" /></label>
+                <button type="button" class="o-lnk" (click)="edit(r)" [attr.aria-label]="'Edit ' + r.tag">Edit</button>
+                @if (confirming() === r.id) {
+                  <label class="o-flex o-xs"><input type="checkbox" [(ngModel)]="alsoTag" /> and the tag</label>
+                  <button type="button" class="o-lnk o-red-t" (click)="remove(r)">Delete</button><button type="button" class="o-lnk" (click)="confirming.set('')">Keep</button>
+                } @else {
+                  <button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="confirming.set(r.id); alsoTag = false" [attr.aria-label]="'Delete ' + r.tag">Delete</button>
+                }
+              </span>
+            }
+          </div>
+        </div>
+      } @empty {
+        <div class="o-card"><div class="o-empty">{{ loaded() ? 'No releases yet.' + (canWrite() ? ' Draft one from a tag; its notes can come from the issues it finishes.' : '') : 'Loading…' }}</div></div>
+      }
+
+      <div class="o-card" data-testid="tags">
+        <div class="o-ch"><b>Tags</b><span class="o-r o-faint o-sm">{{ tags().length }}</span></div>
+        @for (t of tags(); track t.name) {
+          <div class="o-row" [attr.data-testid]="'tag-' + t.name">
+            <span class="o-mono o-sm o-b5">{{ t.name }}</span><span class="o-faint o-sm o-mono">{{ t.commit?.short }}</span>
+            <span class="o-r o-faint o-sm">{{ ago(t.commit?.committer?.when) }}</span>
+            @if (canWrite() && !used(t.name)) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeTag(t)" [attr.aria-label]="'Delete tag ' + t.name">Delete</button>}
+          </div>
+        } @empty {<div class="o-empty o-sm">No tags yet.</div>}
+      </div>
+    </div>
+  `, styles: [".rel h4{margin:0 0 6px;font-size:15px}.rel .o-md ul{margin:0;padding-left:20px}.assets{display:flex;gap:12px;flex-wrap:wrap;align-items:center}\n"] }]
+        }] });
+/** Newest commit first; tags on commits of the same second by version, highest first (v1.10 after v1.9). */
+function sortTags(tags) {
+    const when = (t) => Date.parse(t.commit?.committer?.when ?? '') || 0;
+    return [...tags].sort((a, b) => when(b) - when(a) || b.name.localeCompare(a.name, undefined, { numeric: true }));
+}
+
 /*
  * @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
@@ -3278,5 +3800,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * 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, pair, shortDate, size };
+export { BranchesPage, CodeApi, CodeHost, CommitPage, CommitsPage, CurrentRepo, CurrentRepoPage, DiffView, FilePage, NewRepoPage, People, PullPage, PullsPage, RefPicker, ReleasesPage, RepoHomePage, RepoPage, RepoSettingsPage, ReposPage, TOKEN_CSS, ago, apiMessage, checkDot, copy, dayLabel, initials, langColour, pair, shortDate, size };
 //# sourceMappingURL=chisquare-tech-origine-ngx-apps-code.mjs.map