@chisquare-tech/origine-ngx-apps-code 0.5.0 → 0.7.0

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

@@ -210,6 +210,10 @@ class CodeApi {
     comment(project, name, n, c) {
         return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/comments`, c).pipe(map((r) => data(r)));
     }
+    /** Commits suggested changes of line comments onto the pull request's branch (DEV-20). */
+    applySuggestions(project, name, n, comments, message = '') {
+        return this.api.post(`${this.repoPath(project, name)}/pulls/${n}/suggestions`, { comments, message }).pipe(map((r) => data(r)));
+    }
     /** Discards one of the caller's pending review comments. */
     discardComment(project, name, n, id) {
         return this.api.delete(`${this.repoPath(project, name)}/pulls/${n}/comments/${enc(id)}`);
@@ -507,6 +511,12 @@ class DiffView {
         this.reply = output();
         this.resolve = output();
         this.discard = output();
+        /** The caller can push to the pull request's branch, so may apply suggestions. */
+        this.canApply = input(false, ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+        /** Suggestions batched to apply together. */
+        this.batch = input([], ...(ngDevMode ? [{ debugName: "batch" }] : /* istanbul ignore next */ []));
+        this.apply = output();
+        this.batchToggle = output();
         this.viewedChange = output();
         this.open = signal(true, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
         this.visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
@@ -614,6 +624,18 @@ class DiffView {
         this.drafting.set('');
         this.draftBody.set('');
     }
+    /** A comment's ```suggestion block, split into the text before it and the suggested lines. */
+    suggestionOf(body) {
+        const m = /```suggestion[^\n]*\n([\s\S]*?)```/.exec(body);
+        if (!m)
+            return null;
+        const text = m[1].replace(/\n$/, '');
+        return { before: body.slice(0, m.index).trim(), lines: text === '' ? [] : text.split('\n') };
+    }
+    insertSuggestion(l) {
+        const cur = this.draftBody();
+        this.draftBody.set((cur ? cur.trimEnd() + '\n' : '') + '```suggestion\n' + l.text + '\n```');
+    }
     setReply(id, v) {
         this.replies.set({ ...this.replies(), [id]: v });
     }
@@ -625,7 +647,7 @@ class DiffView {
         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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, ignoreSpace: { classPropertyName: "ignoreSpace", publicName: "ignoreSpace", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, reviewing: { classPropertyName: "reviewing", publicName: "reviewing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { comment: "comment", reply: "reply", resolve: "resolve", discard: "discard", viewedChange: "viewedChange" }, ngImport: i0, template: `
+    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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, ignoreSpace: { classPropertyName: "ignoreSpace", publicName: "ignoreSpace", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, reviewing: { classPropertyName: "reviewing", publicName: "reviewing", isSignal: true, isRequired: false, transformFunction: null }, canApply: { classPropertyName: "canApply", publicName: "canApply", isSignal: true, isRequired: false, transformFunction: null }, batch: { classPropertyName: "batch", publicName: "batch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { comment: "comment", reply: "reply", resolve: "resolve", discard: "discard", apply: "apply", batchToggle: "batchToggle", viewedChange: "viewedChange" }, ngImport: i0, template: `
     <div class="o-card" [attr.id]="'file-' + file().path" [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)="toggleOpen()" [attr.aria-expanded]="open()" [attr.aria-label]="(open() ? 'Collapse ' : 'Expand ') + file().path">{{ open() ? '▾' : '▸' }}</button>
@@ -712,7 +734,25 @@ class DiffView {
                 @if (c.authorId === me()) {<button type="button" class="o-lnk" style="margin-left:6px;color:var(--o-mut)" (click)="discard.emit(c.id)" [attr.aria-label]="'Discard pending comment: ' + c.body">Discard</button>}
               }
             </span>
-            <span style="white-space:pre-wrap">{{ c.body }}</span>
+            @if (suggestionOf(c.body); as sg) {
+              @if (sg.before) {<span style="white-space:pre-wrap">{{ sg.before }}</span>}
+              <div class="sugg" [attr.data-testid]="'suggestion-' + c.id">
+                <div class="sugg-h"><b>Suggested change</b>
+                  @if (c.appliedSha) {<span class="o-chip o-grn">Applied in {{ c.appliedSha.slice(0, 7) }}</span>}
+                  @else if (t.outdated) {<span class="o-chip">Outdated</span>}
+                  @else if (canApply() && !c.pending) {
+                    <span class="o-r o-flex" style="gap:6px">
+                      <button type="button" class="o-btn o-xs" (click)="batchToggle.emit(c.id)" [attr.aria-pressed]="batch().includes(c.id)">{{ batch().includes(c.id) ? 'Remove from batch' : 'Add to batch' }}</button>
+                      <button type="button" class="o-btn o-xs o-pri" (click)="apply.emit([c.id])" data-testid="suggestion-apply">Apply suggestion</button>
+                    </span>
+                  }
+                </div>
+                @for (l of sg.lines; track $index) {<div class="o-ln o-add"><span class="o-s" aria-hidden="true">+</span><span class="o-t">{{ l }}</span></div>}
+                @if (!sg.lines.length) {<div class="o-faint o-sm" style="padding:4px 10px">Delete the line(s).</div>}
+              </div>
+            } @else {
+              <span style="white-space:pre-wrap">{{ c.body }}</span>
+            }
           }
         </div>
         @if (canComment()) {
@@ -728,14 +768,14 @@ class DiffView {
     <ng-template #draftTpl let-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 o-wrap"><span class="o-faint o-xs">Markdown works.</span>
+        <div class="o-flex o-wrap"><button type="button" class="o-btn o-xs" (click)="insertSuggestion(l)" data-testid="insert-suggestion">Insert suggestion</button><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" [disabled]="!draftBody().trim()" (click)="send(l, false)" data-testid="line-comment-add">Add single comment</button>
           <button type="button" class="o-btn o-sm o-pri" [disabled]="!draftBody().trim()" (click)="send(l, true)" data-testid="line-comment-review">{{ reviewing() ? 'Add review comment' : 'Start a review' }}</button>
         </div>
       </div></div>
     </ng-template>
-  `, 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}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split .side-l{border-right:1px solid var(--o-line-soft)}.split .full{grid-column:1 / -1}.split .o-ln .o-t{white-space:pre-wrap;word-break:break-all}.empty-side{background:var(--o-well)}.viewed{display:inline-flex;align-items:center;gap:6px}\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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split .side-l{border-right:1px solid var(--o-line-soft)}.split .full{grid-column:1 / -1}.split .o-ln .o-t{white-space:pre-wrap;word-break:break-all}.empty-side{background:var(--o-well)}.viewed{display:inline-flex;align-items:center;gap:6px}.sugg{border:1px solid var(--o-line);border-radius:6px;overflow:hidden;margin-top:2px}.sugg-h{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--o-well);font-size:12px}\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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DiffView, decorators: [{
             type: Component,
@@ -826,7 +866,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 @if (c.authorId === me()) {<button type="button" class="o-lnk" style="margin-left:6px;color:var(--o-mut)" (click)="discard.emit(c.id)" [attr.aria-label]="'Discard pending comment: ' + c.body">Discard</button>}
               }
             </span>
-            <span style="white-space:pre-wrap">{{ c.body }}</span>
+            @if (suggestionOf(c.body); as sg) {
+              @if (sg.before) {<span style="white-space:pre-wrap">{{ sg.before }}</span>}
+              <div class="sugg" [attr.data-testid]="'suggestion-' + c.id">
+                <div class="sugg-h"><b>Suggested change</b>
+                  @if (c.appliedSha) {<span class="o-chip o-grn">Applied in {{ c.appliedSha.slice(0, 7) }}</span>}
+                  @else if (t.outdated) {<span class="o-chip">Outdated</span>}
+                  @else if (canApply() && !c.pending) {
+                    <span class="o-r o-flex" style="gap:6px">
+                      <button type="button" class="o-btn o-xs" (click)="batchToggle.emit(c.id)" [attr.aria-pressed]="batch().includes(c.id)">{{ batch().includes(c.id) ? 'Remove from batch' : 'Add to batch' }}</button>
+                      <button type="button" class="o-btn o-xs o-pri" (click)="apply.emit([c.id])" data-testid="suggestion-apply">Apply suggestion</button>
+                    </span>
+                  }
+                </div>
+                @for (l of sg.lines; track $index) {<div class="o-ln o-add"><span class="o-s" aria-hidden="true">+</span><span class="o-t">{{ l }}</span></div>}
+                @if (!sg.lines.length) {<div class="o-faint o-sm" style="padding:4px 10px">Delete the line(s).</div>}
+              </div>
+            } @else {
+              <span style="white-space:pre-wrap">{{ c.body }}</span>
+            }
           }
         </div>
         @if (canComment()) {
@@ -842,15 +900,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
     <ng-template #draftTpl let-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 o-wrap"><span class="o-faint o-xs">Markdown works.</span>
+        <div class="o-flex o-wrap"><button type="button" class="o-btn o-xs" (click)="insertSuggestion(l)" data-testid="insert-suggestion">Insert suggestion</button><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" [disabled]="!draftBody().trim()" (click)="send(l, false)" data-testid="line-comment-add">Add single comment</button>
           <button type="button" class="o-btn o-sm o-pri" [disabled]="!draftBody().trim()" (click)="send(l, true)" data-testid="line-comment-review">{{ reviewing() ? 'Add review comment' : 'Start a review' }}</button>
         </div>
       </div></div>
     </ng-template>
-  `, 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}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split .side-l{border-right:1px solid var(--o-line-soft)}.split .full{grid-column:1 / -1}.split .o-ln .o-t{white-space:pre-wrap;word-break:break-all}.empty-side{background:var(--o-well)}.viewed{display:inline-flex;align-items:center;gap:6px}\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 }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], ignoreSpace: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreSpace", required: false }] }], viewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewed", required: false }] }], reviewing: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewing", required: false }] }], comment: [{ type: i0.Output, args: ["comment"] }], reply: [{ type: i0.Output, args: ["reply"] }], resolve: [{ type: i0.Output, args: ["resolve"] }], discard: [{ type: i0.Output, args: ["discard"] }], viewedChange: [{ type: i0.Output, args: ["viewedChange"] }] } });
+  `, 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}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split .side-l{border-right:1px solid var(--o-line-soft)}.split .full{grid-column:1 / -1}.split .o-ln .o-t{white-space:pre-wrap;word-break:break-all}.empty-side{background:var(--o-well)}.viewed{display:inline-flex;align-items:center;gap:6px}.sugg{border:1px solid var(--o-line);border-radius:6px;overflow:hidden;margin-top:2px}.sugg-h{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--o-well);font-size:12px}\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 }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], ignoreSpace: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreSpace", required: false }] }], viewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewed", required: false }] }], reviewing: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewing", required: false }] }], comment: [{ type: i0.Output, args: ["comment"] }], reply: [{ type: i0.Output, args: ["reply"] }], resolve: [{ type: i0.Output, args: ["resolve"] }], discard: [{ type: i0.Output, args: ["discard"] }], canApply: [{ type: i0.Input, args: [{ isSignal: true, alias: "canApply", required: false }] }], batch: [{ type: i0.Input, args: [{ isSignal: true, alias: "batch", required: false }] }], apply: [{ type: i0.Output, args: ["apply"] }], batchToggle: [{ type: i0.Output, args: ["batchToggle"] }], viewedChange: [{ type: i0.Output, args: ["viewedChange"] }] } });
 /** Pairs a hunk's lines side by side: context on both sides, a run of removals beside the run of additions that follows it. */
 function pair(lines) {
     const rows = [];
@@ -2178,7 +2236,7 @@ class CommitPage extends RepoPage {
         <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", "mode", "ignoreSpace", "viewed", "reviewing"], outputs: ["comment", "reply", "resolve", "discard", "viewedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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", "mode", "ignoreSpace", "viewed", "reviewing", "canApply", "batch"], outputs: ["comment", "reply", "resolve", "discard", "apply", "batchToggle", "viewedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: CommitPage, decorators: [{
             type: Component,
@@ -2733,6 +2791,7 @@ class PullPage extends RepoPage {
                 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.batch = signal([], ...(ngDevMode ? [{ debugName: "batch" }] : /* istanbul ignore next */ []));
         this.route.paramMap.subscribe((m) => {
             this.number = Number(m.get('number') ?? 0);
             const r = this.repo();
@@ -2781,6 +2840,17 @@ class PullPage extends RepoPage {
         this.run(this.api.comment(this.projectId(), this.name(), this.number, { body: c.body, path: c.path, side: c.side, line: c.line, pending: c.pending }), 'Could not add the comment.', () => { if (c.pending)
             this.note.set('Added to your review. Submit it from Review changes to post your comments.'); });
     }
+    toggleBatch(id) {
+        const b = this.batch();
+        this.batch.set(b.includes(id) ? b.filter((x) => x !== id) : [...b, id]);
+    }
+    /** Commits one suggestion, or the batch, onto the pull request's branch. */
+    applySuggestions(ids) {
+        this.run(this.api.applySuggestions(this.projectId(), this.name(), this.number, ids), 'Could not apply the suggestion.', () => {
+            this.note.set(ids.length === 1 ? 'Suggestion applied.' : `${ids.length} suggestions applied in one commit.`);
+            this.batch.set([]);
+        });
+    }
     discard(id) {
         this.run(this.api.discardComment(this.projectId(), this.name(), this.number, id), 'Could not discard the comment.');
     }
@@ -2977,6 +3047,12 @@ class PullPage extends RepoPage {
                 </div>
               }
               @case ('files') {
+                @if (batch().length) {
+                  <div class="o-note o-blu o-flex" data-testid="suggestion-batch"><span>{{ batch().length }} {{ batch().length === 1 ? 'suggestion' : 'suggestions' }} in a batch</span>
+                    <button type="button" class="o-btn o-sm o-r" (click)="batch.set([])">Clear</button>
+                    <button type="button" class="o-btn o-sm o-pri" (click)="applySuggestions(batch())" [disabled]="busy()" data-testid="suggestion-commit">Commit suggestions</button>
+                  </div>
+                }
                 <div class="o-flex o-wrap">
                   <div class="o-seg" role="group" aria-label="Diff view"><button type="button" [class.o-on]="mode() === 'unified'" [attr.aria-pressed]="mode() === 'unified'" (click)="setMode('unified')">Unified</button><button type="button" [class.o-on]="mode() === 'split'" [attr.aria-pressed]="mode() === 'split'" (click)="setMode('split')" data-testid="diff-split">Split</button></div>
                   <button type="button" class="o-btn o-sm" [class.o-on]="hideWs()" [attr.aria-pressed]="hideWs()" (click)="hideWs.set(!hideWs())" data-testid="hide-ws">Hide whitespace</button>
@@ -2995,6 +3071,7 @@ class PullPage extends RepoPage {
                     @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'" [mode]="mode()" [ignoreSpace]="hideWs()"
                         [viewed]="isViewed(f.path)" [reviewing]="myPending().length > 0" (viewedChange)="setViewed(f.path, $event)"
+                        [canApply]="p.state === 'open' && canWrite()" [batch]="batch()" (batchToggle)="toggleBatch($event)" (apply)="applySuggestions($event)"
                         (comment)="lineComment($event)" (reply)="reply($event)" (resolve)="resolve($event)" (discard)="discard($event)" />
                     } @empty {<div class="o-card"><div class="o-empty">{{ cmp() ? 'No changes.' : 'Loading…' }}</div></div>}
                   </div>
@@ -3015,7 +3092,7 @@ class PullPage extends RepoPage {
               <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>
+              <span class="o-faint o-xs">Code owners of changed paths (CODEOWNERS) are asked automatically.</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">
@@ -3031,7 +3108,7 @@ class PullPage extends RepoPage {
         <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}.files-split{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}.files-split:has(>:only-child){grid-template-columns:minmax(0,1fr)}.files-tree{position:sticky;top:8px;max-height:calc(100vh - 120px);overflow:auto}@media(max-width:900px){.files-split{grid-template-columns:minmax(0,1fr)}.files-tree{display:none}}\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", "mode", "ignoreSpace", "viewed", "reviewing"], outputs: ["comment", "reply", "resolve", "discard", "viewedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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}.files-split{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}.files-split:has(>:only-child){grid-template-columns:minmax(0,1fr)}.files-tree{position:sticky;top:8px;max-height:calc(100vh - 120px);overflow:auto}@media(max-width:900px){.files-split{grid-template-columns:minmax(0,1fr)}.files-tree{display:none}}\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", "mode", "ignoreSpace", "viewed", "reviewing", "canApply", "batch"], outputs: ["comment", "reply", "resolve", "discard", "apply", "batchToggle", "viewedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PullPage, decorators: [{
             type: Component,
@@ -3147,6 +3224,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 </div>
               }
               @case ('files') {
+                @if (batch().length) {
+                  <div class="o-note o-blu o-flex" data-testid="suggestion-batch"><span>{{ batch().length }} {{ batch().length === 1 ? 'suggestion' : 'suggestions' }} in a batch</span>
+                    <button type="button" class="o-btn o-sm o-r" (click)="batch.set([])">Clear</button>
+                    <button type="button" class="o-btn o-sm o-pri" (click)="applySuggestions(batch())" [disabled]="busy()" data-testid="suggestion-commit">Commit suggestions</button>
+                  </div>
+                }
                 <div class="o-flex o-wrap">
                   <div class="o-seg" role="group" aria-label="Diff view"><button type="button" [class.o-on]="mode() === 'unified'" [attr.aria-pressed]="mode() === 'unified'" (click)="setMode('unified')">Unified</button><button type="button" [class.o-on]="mode() === 'split'" [attr.aria-pressed]="mode() === 'split'" (click)="setMode('split')" data-testid="diff-split">Split</button></div>
                   <button type="button" class="o-btn o-sm" [class.o-on]="hideWs()" [attr.aria-pressed]="hideWs()" (click)="hideWs.set(!hideWs())" data-testid="hide-ws">Hide whitespace</button>
@@ -3165,6 +3248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                     @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'" [mode]="mode()" [ignoreSpace]="hideWs()"
                         [viewed]="isViewed(f.path)" [reviewing]="myPending().length > 0" (viewedChange)="setViewed(f.path, $event)"
+                        [canApply]="p.state === 'open' && canWrite()" [batch]="batch()" (batchToggle)="toggleBatch($event)" (apply)="applySuggestions($event)"
                         (comment)="lineComment($event)" (reply)="reply($event)" (resolve)="resolve($event)" (discard)="discard($event)" />
                     } @empty {<div class="o-card"><div class="o-empty">{{ cmp() ? 'No changes.' : 'Loading…' }}</div></div>}
                   </div>
@@ -3185,7 +3269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
               <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>
+              <span class="o-faint o-xs">Code owners of changed paths (CODEOWNERS) are asked automatically.</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">
@@ -3224,7 +3308,7 @@ function writePref(key, value) {
     }
 }
 
-const BLANK = { id: '', pattern: '', blockDirectPush: true, blockForcePush: true, blockDeletion: true, requiredApprovals: 1, dismissStaleApprovals: true, requireUpToDate: false, requiredChecks: [] };
+const BLANK = { id: '', pattern: '', blockDirectPush: true, blockForcePush: true, blockDeletion: true, requiredApprovals: 1, dismissStaleApprovals: true, requireUpToDate: false, requireCodeOwnerReview: 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 {
@@ -3246,6 +3330,7 @@ class RepoSettingsPage extends RepoPage {
             { 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.' },
+            { key: 'requireCodeOwnerReview', label: 'Require review from CODEOWNERS', hint: 'Owners of changed paths are requested automatically; one of them approves each owned file.' },
         ];
         this.collabs = signal([], ...(ngDevMode ? [{ debugName: "collabs" }] : /* istanbul ignore next */ []));
         this.perms = [{ id: 'read', label: 'Read' }, { id: 'write', label: 'Write' }, { id: 'maintain', label: 'Maintain' }];
@@ -3311,6 +3396,8 @@ class RepoSettingsPage extends RepoPage {
             parts.push('no direct push');
         if (p.requireUpToDate)
             parts.push('up to date');
+        if (p.requireCodeOwnerReview)
+            parts.push('code owners');
         if (p.blockDeletion)
             parts.push('no deletion');
         return parts.join(' · ') || 'no restrictions';