From 0079fe76347f2d49b5a6589162f5f64fdd1423e5 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 2 Aug 2026 16:45:50 -0700
Subject: [PATCH] Basic merge dialog

---
 .../merge-confirm-dialog.component.html       | 47 ++++++++++++-------
 .../merge-confirm-dialog.component.ts         |  6 ++-
 2 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.html b/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.html
index 26f0464bf..6beb5a9b2 100644
--- a/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.html
+++ b/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.html
@@ -34,25 +34,36 @@
             }
         </ul>
         </div>
-    <div class="form-group mt-4">
-        <label class="form-label" for="metadataDocumentID" i18n>Use metadata from:</label>
-        <select class="form-select" [ngModel]="metadataDocumentID()" (ngModelChange)="metadataDocumentID.set($event)">
-            <option [ngValue]="-1" i18n>Regenerate all metadata</option>
-            @for (document of documents(); track document.id) {
-              <option [ngValue]="document.id">{{document.title}}</option>
-            }
+    @if (mergeAsVersions) {
+      <div class="form-group mt-4">
+        <label class="form-label" for="rootDocumentID" i18n>Root document:</label>
+        <select id="rootDocumentID" class="form-select" [ngModel]="rootDocumentID()" (ngModelChange)="rootDocumentID.set($event)">
+          @for (document of documents(); track document.id) {
+            <option [ngValue]="document.id">{{document.title}}</option>
+          }
         </select>
-    </div>
-    <div class="form-check form-switch mt-4">
-      <input class="form-check-input" type="checkbox" role="switch" id="archiveFallbackSwitch" [ngModel]="archiveFallback()" (ngModelChange)="archiveFallback.set($event)">
-      <label class="form-check-label" for="archiveFallbackSwitch" i18n>Try to include archive version in merge for non-PDF files</label>
-    </div>
-    <div class="form-check form-switch mt-2">
-      <input class="form-check-input" type="checkbox" role="switch" id="deleteOriginalsSwitch" [ngModel]="deleteOriginals()" (ngModelChange)="deleteOriginals.set($event)" [disabled]="!userOwnsAllDocuments">
-      <label class="form-check-label" for="deleteOriginalsSwitch" i18n>Delete original documents after successful merge</label>
-    </div>
-    @if (!archiveFallback()) {
-      <p class="small text-muted fst-italic mt-4" i18n>Note that only PDFs will be included.</p>
+      </div>
+    } @else {
+      <div class="form-group mt-4">
+          <label class="form-label" for="metadataDocumentID" i18n>Use metadata from:</label>
+          <select id="metadataDocumentID" class="form-select" [ngModel]="metadataDocumentID()" (ngModelChange)="metadataDocumentID.set($event)">
+              <option [ngValue]="-1" i18n>Regenerate all metadata</option>
+              @for (document of documents(); track document.id) {
+                <option [ngValue]="document.id">{{document.title}}</option>
+              }
+          </select>
+      </div>
+      <div class="form-check form-switch mt-4">
+        <input class="form-check-input" type="checkbox" role="switch" id="archiveFallbackSwitch" [ngModel]="archiveFallback()" (ngModelChange)="archiveFallback.set($event)">
+        <label class="form-check-label" for="archiveFallbackSwitch" i18n>Try to include archive version in merge for non-PDF files</label>
+      </div>
+      <div class="form-check form-switch mt-2">
+        <input class="form-check-input" type="checkbox" role="switch" id="deleteOriginalsSwitch" [ngModel]="deleteOriginals()" (ngModelChange)="deleteOriginals.set($event)" [disabled]="!userOwnsAllDocuments">
+        <label class="form-check-label" for="deleteOriginalsSwitch" i18n>Delete original documents after successful merge</label>
+      </div>
+      @if (!archiveFallback()) {
+        <p class="small text-muted fst-italic mt-4" i18n>Note that only PDFs will be included.</p>
+      }
     }
 </div>
 <div class="modal-footer">
diff --git a/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts b/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts
index e852e5a93..18f5dbad2 100644
--- a/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts
@@ -4,7 +4,7 @@ import {
   moveItemInArray,
 } from '@angular/cdk/drag-drop'
 import { AsyncPipe } from '@angular/common'
-import { Component, OnInit, inject, signal } from '@angular/core'
+import { Component, Input, OnInit, inject, signal } from '@angular/core'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
 import { takeUntil } from 'rxjs'
@@ -41,6 +41,10 @@ export class MergeConfirmDialogComponent
   readonly deleteOriginals = signal(false)
   readonly documents = signal<Document[]>([])
   readonly metadataDocumentID = signal(-1)
+  readonly rootDocumentID = signal(-1)
+
+  @Input()
+  mergeAsVersions = false
 
   constructor() {
     super()