Auto translate strings

.github/workflows/issue-bot.yml

@@ -5,52 +5,79 @@ on:
 jobs:
   Anti-slop:
     # Note: peakoss/anti-slop does not support the `issues` event yet (all of its
-    # issue inputs are still commented out upstream), so the honeypot check that
-    # the PR Bot workflow gets from the action is implemented manually here.
+    # issue inputs are still commented out upstream), so the checks that the PR Bot
+    # workflow gets from the action are implemented manually here.
     runs-on: ubuntu-latest
     permissions:
       issues: write
     steps:
-      - name: Check for honeypot token
+      - name: Check for slop signals
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
         with:
           script: |
             const issue = context.payload.issue;
 
             if (['OWNER', 'MEMBER', 'COLLABORATOR'].includes(issue.author_association)) {
-              core.info('Skipping check: user is a maintainer');
+              core.info('Skipping checks: user is a maintainer');
               return;
             }
 
             if (issue.user.type === 'Bot') {
-              core.info('Skipping check: user is a bot');
+              core.info('Skipping checks: user is a bot');
               return;
             }
 
-            const haystack = `${issue.title}\n${issue.body ?? ''}`;
-            if (!haystack.toUpperCase().includes('ASLOP-PR-VERIFY')) {
-              core.info('Honeypot token not found');
-              return;
-            }
-
-            core.info('Honeypot token found, closing issue');
-
             const common = {
               owner: context.repo.owner,
               repo: context.repo.repo,
               issue_number: issue.number,
             };
 
-            await github.rest.issues.createComment({
-              ...common,
-              body:
-                "This issue was automatically closed because it contains a marker that is only visible to " +
-                "automated tools, which indicates it was generated by an AI agent without being disclosed as such.\n\n" +
-                "Please see our [contributing guidelines](https://github.com/paperless-ngx/paperless-ngx/blob/main/CONTRIBUTING.md#use-of-ai-tools) " +
-                "and [Code of Conduct](https://github.com/paperless-ngx/paperless-ngx/blob/main/CODE_OF_CONDUCT.md). " +
-                "You are welcome to open a new issue that describes the problem you observed in your own words.",
-            });
+            const contributing =
+              'https://github.com/paperless-ngx/paperless-ngx/blob/main/CONTRIBUTING.md#use-of-ai-tools';
+            const codeOfConduct =
+              'https://github.com/paperless-ngx/paperless-ngx/blob/main/CODE_OF_CONDUCT.md';
+            const newIssue = 'https://github.com/paperless-ngx/paperless-ngx/issues/new/choose';
 
+            // Honeypot: a token only an AI agent reading the raw issue template would include.
+            const haystack = `${issue.title}\n${issue.body ?? ''}`;
+            const honeypot = haystack.toUpperCase().includes('ASLOP-PR-VERIFY');
+
+            // Issues opened through the form always get the template's default labels. GitHub
+            // applies them a second or two *after* creation, so re-read them instead of trusting
+            // the webhook payload, and retry before concluding that there are none.
+            const templateLabels = ['bug', 'unconfirmed'];
+            let labels = [];
+            for (const delay of [0, 15000, 30000]) {
+              if (delay) await new Promise((resolve) => setTimeout(resolve, delay));
+              const { data } = await github.rest.issues.get({ ...common });
+              labels = data.labels.map((label) => (typeof label === 'string' ? label : label.name));
+              if (labels.some((label) => templateLabels.includes(label))) break;
+            }
+            const bypassedTemplate = !labels.some((label) => templateLabels.includes(label));
+            core.info(`Labels: [${labels.join(', ')}], honeypot: ${honeypot}, bypassed template: ${bypassedTemplate}`);
+
+            if (!honeypot && !bypassedTemplate) {
+              core.info('No slop signals found');
+              return;
+            }
+
+            // The honeypot is only ever tripped deliberately, so that message can name the cause.
+            // A missing template label only tells us the issue did not come from the form, which
+            // is reason enough to close it, but not proof of how it was written.
+            const body = honeypot
+              ? 'This issue was automatically closed because it contains a marker that is only visible to ' +
+                'automated tools, which indicates it was generated by an AI agent without being disclosed as such.\n\n' +
+                `Please see our [contributing guidelines](${contributing}) and [Code of Conduct](${codeOfConduct}). ` +
+                'You are welcome to open a new issue that describes the problem you observed in your own words.'
+              : 'This issue was automatically closed because it was not opened using our bug report form. ' +
+                'Issues have to be created through the form so that the details we need to investigate are included.\n\n' +
+                `If the problem is still there, please [open a new issue](${newIssue}) using the form — that is all it takes ` +
+                'to get it looked at, and no other action is needed here.\n\n' +
+                'If any part of your report was written by an AI tool or agent, you must say so: undisclosed AI-generated ' +
+                `contributions are a violation of our [Code of Conduct](${codeOfConduct}), and such reports must describe the ` +
+                `behavior you observed only, without code analysis or suggested fixes. See our [contributing guidelines](${contributing}).`;
+
+            await github.rest.issues.createComment({ ...common, body });
             await github.rest.issues.addLabels({ ...common, labels: ['ai'] });
-
             await github.rest.issues.update({ ...common, state: 'closed', state_reason: 'not_planned' });

src-ui/messages.xlf

@@ -331,7 +331,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">86,87</context>
+          <context context-type="linenumber">87,88</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
@@ -1880,7 +1880,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">162,163</context>
+          <context context-type="linenumber">167,168</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/filterable-dropdown/filterable-dropdown.component.html</context>
@@ -4104,7 +4104,7 @@
         <source>Open date picker</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">41</context>
+          <context context-type="linenumber">42</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/input/date/date.component.html</context>
@@ -4115,7 +4115,7 @@
         <source>Today</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">46,47</context>
+          <context context-type="linenumber">47,48</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/dates-dropdown/dates-dropdown.component.html</context>
@@ -4146,7 +4146,7 @@
         <source>Close</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">47,48</context>
+          <context context-type="linenumber">48,49</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/dates-dropdown/dates-dropdown.component.html</context>
@@ -4168,6 +4168,10 @@
           <context context-type="sourcefile">src/app/components/common/input/date/date.component.html</context>
           <context context-type="linenumber">22,23</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.ts</context>
+          <context context-type="linenumber">81</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
           <context context-type="linenumber">155,156</context>
@@ -4185,55 +4189,55 @@
         <source>True</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">54,55</context>
+          <context context-type="linenumber">55,56</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">103,104</context>
+          <context context-type="linenumber">107,108</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">109,110</context>
+          <context context-type="linenumber">113,114</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3800326155195149498" datatype="html">
         <source>False</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">55,56</context>
+          <context context-type="linenumber">56,57</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">104,105</context>
+          <context context-type="linenumber">108,109</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">110,111</context>
+          <context context-type="linenumber">114,115</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7551700625201096185" datatype="html">
         <source>Search docs...</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">71</context>
+          <context context-type="linenumber">73</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">126</context>
+          <context context-type="linenumber">130</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2328549728463836983" datatype="html">
         <source>Remove query</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">149</context>
+          <context context-type="linenumber">154</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3184700926171002527" datatype="html">
         <source>Any</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">160,161</context>
+          <context context-type="linenumber">165,166</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/filterable-dropdown/filterable-dropdown.component.html</context>
@@ -4244,28 +4248,28 @@
         <source>Not</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">165,166</context>
+          <context context-type="linenumber">170,171</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6548676277933116532" datatype="html">
         <source>Add query</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">184</context>
+          <context context-type="linenumber">189</context>
         </context-group>
       </trans-unit>
       <trans-unit id="5599577087865387184" datatype="html">
         <source>Add expression</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">187</context>
+          <context context-type="linenumber">192</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7394978038852129121" datatype="html">
         <source>Remove expression</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html</context>
-          <context context-type="linenumber">191</context>
+          <context context-type="linenumber">196</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6630533861307510614" datatype="html">
@@ -5973,46 +5977,53 @@
           <context context-type="linenumber">468,469</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="7160869275743386191" datatype="html">
+        <source>This action runs in the background, so the suggestions may be applied after the other actions of this workflow have finished.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
+          <context context-type="linenumber">469,470</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="3473589590476379802" datatype="html">
         <source>Apply suggestions for</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">471,472</context>
+          <context context-type="linenumber">472,473</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6859826074028847234" datatype="html">
         <source>Suggestions for fields that are not selected are discarded.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">476,477</context>
+          <context context-type="linenumber">477,478</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1137167921211640884" datatype="html">
         <source>Create missing items</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">486,487</context>
+          <context context-type="linenumber">487,488</context>
         </context-group>
       </trans-unit>
       <trans-unit id="449779688394460071" datatype="html">
         <source>Create suggested tags, correspondents and document types that do not exist yet.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">488,489</context>
+          <context context-type="linenumber">489,490</context>
         </context-group>
       </trans-unit>
       <trans-unit id="5192325026233872238" datatype="html">
         <source>Overwrite existing values</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">496,497</context>
+          <context context-type="linenumber">497,498</context>
         </context-group>
       </trans-unit>
       <trans-unit id="9010697250406492150" datatype="html">
         <source>Apply suggestions even if the document already has a value. Tags are always added, never replaced.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html</context>
-          <context context-type="linenumber">498,499</context>
+          <context context-type="linenumber">499,500</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4626030417479279989" datatype="html">
@@ -6692,6 +6703,10 @@
           <context context-type="sourcefile">src/app/components/common/profile-edit-dialog/profile-edit-dialog.component.html</context>
           <context context-type="linenumber">162,163</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
+          <context context-type="linenumber">85,86</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-links-dialog/share-links-dialog.component.html</context>
           <context context-type="linenumber">39,40</context>
@@ -7240,7 +7255,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">88,89</context>
+          <context context-type="linenumber">89,90</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
@@ -7335,7 +7350,7 @@
         <source>Never</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">94,95</context>
+          <context context-type="linenumber">95,96</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
@@ -7350,7 +7365,7 @@
         <source>File version</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">97,98</context>
+          <context context-type="linenumber">98,99</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
@@ -7361,7 +7376,7 @@
         <source>Size</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">100,101</context>
+          <context context-type="linenumber">101,102</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html</context>
@@ -7372,14 +7387,14 @@
         <source>A zip file containing the selected documents will be created for this share link bundle. This process happens in the background and may take some time, especially for large bundles.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">110</context>
+          <context context-type="linenumber">111</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7274497464693086242" datatype="html">
         <source>Manage share link bundles</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html</context>
-          <context context-type="linenumber">114,115</context>
+          <context context-type="linenumber">115,116</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/document-list/bulk-editor/bulk-editor.component.html</context>
@@ -7390,25 +7405,14 @@
         <source>Create share link bundle</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.ts</context>
-          <context context-type="linenumber">61</context>
+          <context context-type="linenumber">59</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2362798555008696742" datatype="html">
         <source>Create link</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.ts</context>
-          <context context-type="linenumber">62</context>
-        </context-group>
-      </trans-unit>
-      <trans-unit id="6826468215808575823" datatype="html">
-        <source>Share link copied to clipboard.</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.ts</context>
-          <context context-type="linenumber">96</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.ts</context>
-          <context context-type="linenumber">111</context>
+          <context context-type="linenumber">60</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2044920992186463191" datatype="html">
@@ -7492,6 +7496,13 @@
           <context context-type="linenumber">67</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="6826468215808575823" datatype="html">
+        <source>Share link copied to clipboard.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.ts</context>
+          <context context-type="linenumber">111</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="7268517108785510779" datatype="html">
         <source>Share link bundle deleted.</source>
         <context-group purpose="location">
@@ -8317,7 +8328,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/main.ts</context>
-          <context context-type="linenumber">466</context>
+          <context context-type="linenumber">469</context>
         </context-group>
       </trans-unit>
       <trans-unit id="5028777105388019087" datatype="html">
@@ -12740,14 +12751,14 @@
         <source>Prev</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/main.ts</context>
-          <context context-type="linenumber">465</context>
+          <context context-type="linenumber">468</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1241348629231510663" datatype="html">
         <source>End</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/main.ts</context>
-          <context context-type="linenumber">467</context>
+          <context context-type="linenumber">470</context>
         </context-group>
       </trans-unit>
     </body>

src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.html

@@ -6,7 +6,7 @@
         <div class="list-group list-group-flush" (keydown)="listKeyDown($event)">
             <div class="list-group-item">
                 <div class="input-group input-group-sm">
-                  <input class="form-control" type="text" [(ngModel)]="filterText" placeholder="Search fields" i18n-placeholder (keyup.enter)="listFilterEnter()" #listFilterTextInput>
+                  <input class="form-control" type="text" [(ngModel)]="filterText" [ngModelOptions]="{standalone: true}" placeholder="Search fields" i18n-placeholder (keyup.enter)="listFilterEnter()" #listFilterTextInput>
                 </div>
             </div>
             @for (field of filteredFields; track field.id) {

src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html

@@ -35,6 +35,7 @@
   @if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Date) {
     <input class="form-control" placeholder="yyyy-mm-dd"
       [(ngModel)]="atom.value"
+      [ngModelOptions]="{standalone: true}"
       ngbDatepicker
       #d="ngbDatepicker"
       [footerTemplate]="datePickerFooterTemplate" />
@@ -48,9 +49,9 @@
       </div>
     </ng-template>
   } @else if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Float || getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Integer) {
-    <input class="w-25 form-control rounded-end" type="number" [(ngModel)]="atom.value" [disabled]="disabled">
+    <input class="w-25 form-control rounded-end" type="number" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
   } @else if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Boolean) {
-    <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [disabled]="disabled">
+    <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
       <option value="true" i18n>True</option>
       <option value="false" i18n>False</option>
     </select>
@@ -61,6 +62,7 @@
       bindLabel="label"
       bindValue="id"
       [(ngModel)]="atom.value"
+      [ngModelOptions]="{standalone: true}"
       [disabled]="disabled"
       [virtualScroll]="getSelectOptionsForField(atom.field)?.length > 100"
       [searchFn]="selectOptionSearchFn"
@@ -68,14 +70,15 @@
       (mousedown)="$event.stopImmediatePropagation()"
     ></ng-select>
   } @else if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.DocumentLink) {
-    <pngx-input-document-link [(ngModel)]="atom.value" class="w-25 form-select doc-link-select p-0" placeholder="Search docs..." i18n-placeholder [minimal]="true" [appendTo]="selectAppendTo"></pngx-input-document-link>
+    <pngx-input-document-link [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" class="w-25 form-select doc-link-select p-0" placeholder="Search docs..." i18n-placeholder [minimal]="true" [appendTo]="selectAppendTo"></pngx-input-document-link>
   } @else if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Monetary) {
     <input class="w-25 form-control rounded-end" type="text" inputmode="decimal"
       [ngModel]="atom.value"
+      [ngModelOptions]="{standalone: true}"
       (ngModelChange)="setMonetaryValue(atom, $event)"
       [disabled]="disabled">
   } @else {
-    <input class="w-25 form-control rounded-end" type="text" [(ngModel)]="atom.value" [disabled]="disabled">
+    <input class="w-25 form-control rounded-end" type="text" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
   }
 </ng-template>
 
@@ -85,6 +88,7 @@
       class="paperless-input-select"
       [items]="customFields()"
       [(ngModel)]="atom.field"
+      [ngModelOptions]="{standalone: true}"
       [disabled]="disabled"
       bindLabel="name"
       bindValue="id"
@@ -92,20 +96,20 @@
       [appendTo]="selectAppendTo"
       (mousedown)="$event.stopImmediatePropagation()"
     ></ng-select>
-    <select class="w-25 form-select" [(ngModel)]="atom.operator" [disabled]="disabled">
+    <select class="w-25 form-select" [(ngModel)]="atom.operator" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
       @for (operator of getOperatorsForField(atom.field); track operator.label) {
         <option [ngValue]="operator.value">{{operator.label}}</option>
       }
     </select>
     @switch (atom.operator) {
       @case (CustomFieldQueryOperator.Exists) {
-        <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [disabled]="disabled">
+        <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
           <option value="true" i18n>True</option>
           <option value="false" i18n>False</option>
         </select>
       }
       @case (CustomFieldQueryOperator.IsNull) {
-        <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [disabled]="disabled">
+        <select class="w-25 form-select rounded-end" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
           <option value="true" i18n>True</option>
           <option value="false" i18n>False</option>
         </select>
@@ -123,7 +127,7 @@
         <ng-container *ngTemplateOutlet="comparisonValueTemplate; context: { atom: atom }"></ng-container>
       }
       @case (CustomFieldQueryOperator.Contains) {
-        <pngx-input-document-link [(ngModel)]="atom.value" class="w-25 form-select doc-link-select p-0" placeholder="Search docs..." i18n-placeholder [minimal]="true" [appendTo]="selectAppendTo"></pngx-input-document-link>
+        <pngx-input-document-link [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" class="w-25 form-select doc-link-select p-0" placeholder="Search docs..." i18n-placeholder [minimal]="true" [appendTo]="selectAppendTo"></pngx-input-document-link>
       }
       @case (CustomFieldQueryOperator.In) {
         <ng-select
@@ -132,6 +136,7 @@
           bindLabel="label"
           bindValue="id"
           [(ngModel)]="atom.value"
+          [ngModelOptions]="{standalone: true}"
           [disabled]="disabled"
           [multiple]="true"
           [searchFn]="selectOptionSearchFn"
@@ -143,7 +148,7 @@
         <ng-container *ngTemplateOutlet="comparisonValueTemplate; context: { atom: atom }"></ng-container>
       }
       @default {
-        <input class="w-25 form-control rounded-end" type="text" [(ngModel)]="atom.value" [disabled]="disabled">
+        <input class="w-25 form-control rounded-end" type="text" [(ngModel)]="atom.value" [ngModelOptions]="{standalone: true}" [disabled]="disabled">
       }
     }
     <button class="btn btn-link btn-sm text-danger pe-0" type="button" (click)="removeElement(atom)" [disabled]="disabled" aria-label="Remove query" i18n-aria-label>
@@ -156,12 +161,12 @@
   <div class="d-flex w-100">
     <div class="d-flex flex-grow-1 flex-column">
       <div class="btn-group btn-group-xs" role="group">
-        <input [(ngModel)]="expression.operator" type="radio" class="btn-check" id="logicalOperatorOr_{{expression.id}}" name="logicalOperatorOr_{{expression.id}}" value="OR" [disabled]="expression.depth > 0 && expression.value.length < 2">
+        <input [(ngModel)]="expression.operator" [ngModelOptions]="{standalone: true}" type="radio" class="btn-check" id="logicalOperatorOr_{{expression.id}}" name="logicalOperatorOr_{{expression.id}}" value="OR" [disabled]="expression.depth > 0 && expression.value.length < 2">
         <label class="btn btn-outline-primary" for="logicalOperatorOr_{{expression.id}}" i18n>Any</label>
-        <input [(ngModel)]="expression.operator" type="radio" class="btn-check" id="logicalOperatorAnd_{{expression.id}}" name="logicalOperatorAnd_{{expression.id}}" value="AND" [disabled]="expression.depth > 0 && expression.value.length < 2">
+        <input [(ngModel)]="expression.operator" [ngModelOptions]="{standalone: true}" type="radio" class="btn-check" id="logicalOperatorAnd_{{expression.id}}" name="logicalOperatorAnd_{{expression.id}}" value="AND" [disabled]="expression.depth > 0 && expression.value.length < 2">
         <label class="btn btn-outline-primary" for="logicalOperatorAnd_{{expression.id}}" i18n>All</label>
         @if (expression.negatable)  {
-          <input [(ngModel)]="expression.operator" type="radio" class="btn-check" id="logicalOperatorNot_{{expression.id}}" name="logicalOperatorNot_{{expression.id}}" value="NOT">
+          <input [(ngModel)]="expression.operator" [ngModelOptions]="{standalone: true}" type="radio" class="btn-check" id="logicalOperatorNot_{{expression.id}}" name="logicalOperatorNot_{{expression.id}}" value="NOT">
           <label class="btn btn-outline-secondary" for="logicalOperatorNot_{{expression.id}}" i18n>Not</label>
         }
       </div>

src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.html

@@ -466,6 +466,7 @@
         <div class="row">
           <div class="col">
             <p class="text-muted small" i18n>The document will be sent to the configured AI service for suggestions. Consider costs and privacy.</p>
+            <p class="text-muted small" i18n>This action runs in the background, so the suggestions may be applied after the other actions of this workflow have finished.</p>
             <pngx-input-select
               i18n-title
               title="Apply suggestions for"

src-ui/src/app/components/common/input/check/check.component.html

@@ -12,7 +12,7 @@
       }
       <div [ngClass]="{'col-md-9': horizontal, 'align-items-center': horizontal, 'd-flex': horizontal}">
         <div class="form-check">
-          <input #inputField type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
+          <input #inputField type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
           @if (!horizontal) {
             <label class="form-check-label" [for]="inputId">{{title}}</label>
           }

src-ui/src/app/components/common/input/color/color.component.html

@@ -12,7 +12,7 @@
       </div>
     </ng-template>
 
-    <input #inputField class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [autoClose]="'outside'" [ngbPopover]="popContent" #colorPicker="ngbPopover" placement="bottom" popoverClass="shadow">
+    <input #inputField class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" [autoClose]="'outside'" [ngbPopover]="popContent" #colorPicker="ngbPopover" placement="bottom" popoverClass="shadow">
 
     <button class="btn btn-outline-secondary" type="button" (click)="randomize()" aria-label="Choose a random color" i18n-aria-label>
       <i-bs name="dice5"></i-bs>

src-ui/src/app/components/common/input/custom-fields-values/custom-fields-values.component.html

@@ -6,26 +6,26 @@
       align-items-center">
       @switch (getCustomField(fieldId)?.data_type) {
         @case (CustomFieldDataType.String) {
-          <pngx-input-text [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-text [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"></pngx-input-text>
         }
         @case (CustomFieldDataType.Date) {
-          <pngx-input-date [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-date [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"></pngx-input-date>
         }
         @case (CustomFieldDataType.Integer) {
-          <pngx-input-number [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-number [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"
           [showAdd]="false"></pngx-input-number>
         }
         @case (CustomFieldDataType.Float) {
-          <pngx-input-number [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-number [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"
@@ -33,7 +33,7 @@
           [step]=".1"></pngx-input-number>
         }
         @case (CustomFieldDataType.Monetary) {
-          <pngx-input-monetary [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-monetary [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [defaultCurrency]="getCustomField(fieldId)?.extra_data?.default_currency"
@@ -41,25 +41,25 @@
           [horizontal]="true"></pngx-input-monetary>
         }
         @case (CustomFieldDataType.Boolean) {
-          <pngx-input-check [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-check [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"></pngx-input-check>
         }
         @case (CustomFieldDataType.Url) {
-          <pngx-input-url [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-url [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"></pngx-input-url>
         }
         @case (CustomFieldDataType.DocumentLink) {
-          <pngx-input-document-link [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-document-link [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [horizontal]="true"></pngx-input-document-link>
         }
         @case (CustomFieldDataType.Select) {
-          <pngx-input-select [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-select [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"
           [items]="getCustomField(fieldId)?.extra_data.select_options"
@@ -69,7 +69,7 @@
           [horizontal]="true"></pngx-input-select>
         }
         @case (CustomFieldDataType.LongText) {
-          <pngx-input-textarea [(ngModel)]="value[fieldId]" (ngModelChange)="onChange(value)"
+          <pngx-input-textarea [(ngModel)]="value[fieldId]" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange(value)"
           [title]="getCustomField(fieldId)?.name"
           class="flex-grow-1"></pngx-input-textarea>
         }

src-ui/src/app/components/common/input/date/date.component.html

@@ -12,7 +12,7 @@
         <div class="input-group" [class.is-invalid]="error">
           <input #inputField class="form-control" [class.is-invalid]="error" [placeholder]="placeholder" [id]="inputId" maxlength="10"
             (dateSelect)="onChange(value)" (change)="onChange(value)" (keypress)="onKeyPress($event)" (paste)="onPaste($event)"
-            name="dp" [(ngModel)]="value" ngbDatepicker #datePicker="ngbDatepicker" #datePickerContent="ngModel" [disabled]="disabled" [footerTemplate]="datePickerFooterTemplate">
+            name="dp" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" ngbDatepicker #datePicker="ngbDatepicker" #datePickerContent="ngModel" [disabled]="disabled" [footerTemplate]="datePickerFooterTemplate">
           <button class="btn btn-outline-secondary calendar" (click)="datePicker.toggle()" type="button" [disabled]="disabled" aria-label="Open date picker" i18n-aria-label>
             <i-bs width="1.2em" height="1.2em" name="calendar"></i-bs>
           </button>

src-ui/src/app/components/common/input/document-link/document-link.component.html

@@ -24,7 +24,7 @@
 }
 
 <ng-template #select>
-  <ng-select name="inputId" [(ngModel)]="selectedDocuments"
+  <ng-select name="inputId" [(ngModel)]="selectedDocuments" [ngModelOptions]="{standalone: true}"
     [disabled]="disabled"
     [items]="foundDocuments$ | async"
     [placeholder]="placeholder"

src-ui/src/app/components/common/input/entries/entries.component.html

@@ -11,8 +11,8 @@
     <div class="position-relative">
       @for (entry of entries; let i = $index; track entry[0]) {
         <div class="input-group mb-3">
-          <input type="text" class="form-control" [(ngModel)]="entry[0]" (change)="inputChange()" [disabled]="disabled" autocomplete="off">
-          <input type="text" class="form-control" [(ngModel)]="entry[1]" (change)="inputChange()" [disabled]="disabled" autocomplete="off">
+          <input type="text" class="form-control" [(ngModel)]="entry[0]" [ngModelOptions]="{standalone: true}" (change)="inputChange()" [disabled]="disabled" autocomplete="off">
+          <input type="text" class="form-control" [(ngModel)]="entry[1]" [ngModelOptions]="{standalone: true}" (change)="inputChange()" [disabled]="disabled" autocomplete="off">
           <button type="button" class="btn btn-outline-secondary" (click)="removeEntry(i)" aria-label="Remove entry" i18n-aria-label>
             <i-bs class="text-danger" name="trash"></i-bs>
           </button>

src-ui/src/app/components/common/input/file/file.component.html

@@ -22,7 +22,7 @@
               </button>
             </div>
         }
-        <input #inputField type="hidden" class="form-control small" [(ngModel)]="value" [disabled]="true">
+        <input #inputField type="hidden" class="form-control small" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" [disabled]="true">
         @if (hint) {
             <small class="form-text text-muted" [innerHTML]="hint"></small>
         }

src-ui/src/app/components/common/input/monetary/monetary.component.html

@@ -13,8 +13,8 @@
     <div class="position-relative" [class.col-md-9]="horizontal">
       <div class="input-group" [class.is-invalid]="error">
         <span class="input-group-text fw-bold bg-light">{{ monetaryValue | currency: currency }}</span>
-        <input #currencyField class="form-control text-muted mw-60" [(ngModel)]="currency" (input)="currencyChange()" maxlength="3" [class.is-invalid]="error" [disabled]="disabled">
-        <input #monetaryValueField type="number" class="form-control text-muted" step=".01" [(ngModel)]="monetaryValue" (input)="monetaryValueChange()" (change)="monetaryValueChange(true)" [class.is-invalid]="error" [disabled]="disabled">
+        <input #currencyField class="form-control text-muted mw-60" [(ngModel)]="currency" [ngModelOptions]="{standalone: true}" (input)="currencyChange()" maxlength="3" [class.is-invalid]="error" [disabled]="disabled">
+        <input #monetaryValueField type="number" class="form-control text-muted" step=".01" [(ngModel)]="monetaryValue" [ngModelOptions]="{standalone: true}" (input)="monetaryValueChange()" (change)="monetaryValueChange(true)" [class.is-invalid]="error" [disabled]="disabled">
       </div>
       <div class="invalid-feedback position-absolute top-100">
         {{error}}

src-ui/src/app/components/common/input/number/number.component.html

@@ -12,7 +12,7 @@
       </div>
       <div class="position-relative" [class.col-md-9]="horizontal">
         <div class="input-group" [class.is-invalid]="error">
-          <input #inputField type="number" class="form-control" [step]="step" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [class.is-invalid]="error" [disabled]="disabled">
+          <input #inputField type="number" class="form-control" [step]="step" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" [class.is-invalid]="error" [disabled]="disabled">
           @if (showAdd) {
             <button class="btn btn-outline-secondary" type="button" id="button-addon1" (click)="nextAsn()" [disabled]="disabled">+1</button>
           }

src-ui/src/app/components/common/input/password/password.component.html

@@ -7,7 +7,7 @@
     </div>
   <div class="position-relative" [class.col-md-9]="horizontal">
     <div class="input-group" [class.is-invalid]="error">
-      <input #inputField [type]="showReveal && textVisible ? 'text' : 'password'" class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" (focus)="onFocus()" (focusout)="onFocusOut()" (change)="onChange(value)" [disabled]="disabled" [autocomplete]="autocomplete">
+      <input #inputField [type]="showReveal && textVisible ? 'text' : 'password'" class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (focus)="onFocus()" (focusout)="onFocusOut()" (change)="onChange(value)" [disabled]="disabled" [autocomplete]="autocomplete">
       @if (showReveal) {
         <button type="button" class="btn btn-outline-secondary" (click)="toggleVisibility()" i18n-title title="Show password" [disabled]="disabled || disableRevealToggle">
           <i-bs name="eye"></i-bs>

src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.html

@@ -1,6 +1,6 @@
 <div class="paperless-input-select" [class.disabled]="disabled">
     <div>
-      <ng-select name="inputId" [(ngModel)]="value"
+      <ng-select name="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}"
         [disabled]="disabled"
         clearable="true"
         [items]="groups()"

src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.html

@@ -1,6 +1,6 @@
 <div class="paperless-input-select" [class.disabled]="disabled">
   <div>
-    <ng-select name="inputId" [(ngModel)]="value"
+    <ng-select name="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}"
       [disabled]="disabled"
       clearable="true"
       [items]="users()"

src-ui/src/app/components/common/input/select/select.component.html

@@ -14,7 +14,7 @@
     }
     <div [class.col-md-9]="horizontal">
       <div [class.input-group]="allowCreateNew || showFilter" [class.is-invalid]="error">
-        <ng-select name="inputId" [(ngModel)]="value"
+        <ng-select name="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}"
           [disabled]="disabled"
           [style.color]="textColor"
           [style.background]="backgroundColor"

src-ui/src/app/components/common/input/switch/switch.component.html

@@ -17,7 +17,7 @@
     }
     <div [ngClass]="{'align-items-center': horizontal, 'd-flex': horizontal}">
       <div class="form-check form-switch">
-        <input #inputField type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
+        <input #inputField type="checkbox" class="form-check-input" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" (blur)="onTouched()" [disabled]="disabled">
         @if (horizontal) {
           <label class="form-check-label" [class.text-muted]="showUnsetNote && isUnset" [for]="inputId" [ngbTooltip]="showUnsetNote && isUnset ? tipContent: null" placement="end">
             {{title}}

src-ui/src/app/components/common/input/tags/tags.component.html

@@ -7,7 +7,7 @@
     }
     <div class="position-relative" [class.col-md-9]="horizontal">
       <div class="input-group flex-nowrap">
-        <ng-select #tagSelect name="tags" [items]="tags" bindLabel="name" bindValue="id" [(ngModel)]="value"
+        <ng-select #tagSelect name="tags" [items]="tags" bindLabel="name" bindValue="id" [(ngModel)]="value" [ngModelOptions]="{standalone: true}"
           [disabled]="disabled"
           [multiple]="multiple"
           [closeOnSelect]="false"

src-ui/src/app/components/common/input/text/text.component.html

@@ -11,7 +11,7 @@
         }
       </div>
       <div class="position-relative" [class.col-md-9]="horizontal">
-        <input #inputField type="text" class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled" [autocomplete]="autocomplete" [placeholder]="placeholder">
+        <input #inputField type="text" class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" [disabled]="disabled" [autocomplete]="autocomplete" [placeholder]="placeholder">
         @if (hint) {
           <small class="form-text text-muted" [innerHTML]="hint"></small>
         }

src-ui/src/app/components/common/input/textarea/textarea.component.html

@@ -17,6 +17,7 @@
           [class.is-invalid]="error"
           [class.font-monospace]="monospace"
           [(ngModel)]="value"
+          [ngModelOptions]="{standalone: true}"
           (change)="onChange(value)"
           [disabled]="disabled"
           [placeholder]="placeholder"

src-ui/src/app/components/common/input/url/url.component.html

@@ -10,7 +10,7 @@
     </div>
     <div [class.col-md-9]="horizontal">
       <div class="input-group" [class.is-invalid]="error">
-        <input #inputField type="url" class="form-control" [class.is-invalid]="error" placeholder="https://" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled">
+        <input #inputField type="url" class="form-control" [class.is-invalid]="error" placeholder="https://" [id]="inputId" [(ngModel)]="value" [ngModelOptions]="{standalone: true}" (change)="onChange(value)" [disabled]="disabled">
         <a class="btn btn-outline-secondary rounded-end" title="Open link" i18n-title [href]="value" target="_blank">
           <i-bs width="1.2em" height="1.2em" name="box-arrow-up-right"></i-bs>
         </a>

src-ui/src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html

@@ -64,7 +64,7 @@
         <dt class="col-sm-4" i18n>Slug</dt>
         <dd class="col-sm-8"><code>{{ createdBundle.slug }}</code></dd>
         <dt class="col-sm-4" i18n>Link</dt>
-        <dd class="col-sm-8">
+        <dd class="col-sm-8 position-relative">
           <label class="visually-hidden" for="shareBundleLink" i18n>Share link</label>
           <div class="input-group input-group-sm">
             <input id="shareBundleLink" class="form-control" type="text" [value]="getShareUrl(createdBundle)" readonly>
@@ -82,6 +82,7 @@
               <span class="visually-hidden" i18n>Copy link</span>
             </button>
           </div>
+          <span class="badge bg-primary fade position-absolute top-50 end-0 translate-middle-y me-5 pe-none z-3" [class.show]="copied()" i18n>Copied!</span>
         </dd>
         <dt class="col-sm-4" i18n>Documents</dt>
         <dd class="col-sm-8">{{ createdBundle.document_count }}</dd>

src-ui/src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.spec.ts

@@ -115,7 +115,7 @@ describe('ShareLinkBundleDialogComponent', () => {
 
     expect(copySpy).toHaveBeenCalledWith(component.getShareUrl(bundle))
     expect(component.copied()).toBe(true)
-    expect(toastService.showInfo).toHaveBeenCalled()
+    expect(toastService.showInfo).not.toHaveBeenCalled()
 
     jest.advanceTimersByTime(3000)
     expect(component.copied()).toBe(false)

src-ui/src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.ts

@@ -17,7 +17,6 @@ import {
 } from 'src/app/data/share-link-bundle'
 import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
 import { FileSizePipe } from 'src/app/pipes/file-size.pipe'
-import { ToastService } from 'src/app/services/toast.service'
 import { environment } from 'src/environments/environment'
 import { ConfirmDialogComponent } from '../confirm-dialog/confirm-dialog.component'
 
@@ -36,7 +35,6 @@ import { ConfirmDialogComponent } from '../confirm-dialog/confirm-dialog.compone
 export class ShareLinkBundleDialogComponent extends ConfirmDialogComponent {
   private readonly formBuilder = inject(FormBuilder)
   private readonly clipboard = inject(Clipboard)
-  private readonly toastService = inject(ToastService)
 
   readonly documents = signal<Document[]>([])
   readonly selectionCount = signal(0)
@@ -80,6 +78,7 @@ export class ShareLinkBundleDialogComponent extends ConfirmDialogComponent {
     }
     this.buttonsEnabled.set(false)
     super.confirm()
+    this.cancelBtnCaption = $localize`Close`
   }
 
   getShareUrl(bundle: ShareLinkBundleSummary): string {
@@ -93,7 +92,6 @@ export class ShareLinkBundleDialogComponent extends ConfirmDialogComponent {
     const success = this.clipboard.copy(this.getShareUrl(bundle))
     if (success) {
       this.copied.set(true)
-      this.toastService.showInfo($localize`Share link copied to clipboard.`)
       setTimeout(() => {
         this.copied.set(false)
       }, 3000)

src-ui/src/app/utils/ngb-input-date-picker-config.spec.ts

@@ -0,0 +1,84 @@
+import { LOCALE_ID } from '@angular/core'
+import { TestBed } from '@angular/core/testing'
+import { NgbInputDatepickerConfig } from '@ng-bootstrap/ng-bootstrap'
+import { PngxDatePickerConfig } from './ngb-input-date-picker-config'
+
+describe('PngxDatePickerConfig', () => {
+  const configureLocale = (locale: string) => {
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: LOCALE_ID, useValue: locale },
+        {
+          provide: NgbInputDatepickerConfig,
+          useClass: PngxDatePickerConfig,
+        },
+      ],
+    })
+  }
+
+  it('uses Sunday as the first day of the week for en-US', () => {
+    configureLocale('en-US')
+
+    const config = TestBed.inject(NgbInputDatepickerConfig)
+
+    expect(config).toBeInstanceOf(PngxDatePickerConfig)
+    expect(config.firstDayOfWeek).toEqual(7)
+  })
+
+  it('uses Monday as the first day of the week for de-DE', () => {
+    configureLocale('de-DE')
+
+    const config = TestBed.inject(NgbInputDatepickerConfig)
+
+    expect(config.firstDayOfWeek).toEqual(1)
+  })
+
+  it('supports browsers that provide getWeekInfo() and weekInfo', () => {
+    const getWeekInfo = jest.fn().mockReturnValue({ firstDay: 6 })
+    const originalDescriptor = Object.getOwnPropertyDescriptor(
+      Intl.Locale.prototype,
+      'getWeekInfo'
+    )
+    Object.defineProperty(Intl.Locale.prototype, 'getWeekInfo', {
+      configurable: true,
+      value: getWeekInfo,
+    })
+    let config: NgbInputDatepickerConfig
+    try {
+      configureLocale('ar-EG')
+      config = TestBed.inject(NgbInputDatepickerConfig)
+    } finally {
+      if (originalDescriptor) {
+        Object.defineProperty(
+          Intl.Locale.prototype,
+          'getWeekInfo',
+          originalDescriptor
+        )
+      } else {
+        delete Intl.Locale.prototype['getWeekInfo']
+      }
+    }
+
+    expect(getWeekInfo).toHaveBeenCalledTimes(1)
+    expect(config.firstDayOfWeek).toEqual(6)
+
+    Object.defineProperty(Intl.Locale.prototype, 'weekInfo', {
+      configurable: true,
+      value: { firstDay: 5 },
+    })
+    Object.defineProperty(Intl.Locale.prototype, 'getWeekInfo', {
+      configurable: true,
+      value: undefined,
+    })
+    try {
+      TestBed.resetTestingModule()
+      configureLocale('ar-EG')
+      config = TestBed.inject(NgbInputDatepickerConfig)
+    } finally {
+      delete Intl.Locale.prototype['weekInfo']
+      delete Intl.Locale.prototype['getWeekInfo']
+    }
+
+    expect(config.firstDayOfWeek).toEqual(5)
+  })
+})

src-ui/src/app/utils/ngb-input-date-picker-config.ts

@@ -0,0 +1,20 @@
+import { inject, Injectable, LOCALE_ID } from '@angular/core'
+import { NgbInputDatepickerConfig } from '@ng-bootstrap/ng-bootstrap'
+
+@Injectable()
+export class PngxDatePickerConfig extends NgbInputDatepickerConfig {
+  currentLocale = inject(LOCALE_ID)
+
+  constructor() {
+    super()
+    const localeInfo = new Intl.Locale(this.currentLocale) as any
+    let firstDay
+    if (localeInfo?.getWeekInfo) firstDay = localeInfo.getWeekInfo?.().firstDay
+    else if (localeInfo?.weekInfo?.firstDay)
+      firstDay = localeInfo.weekInfo.firstDay
+
+    if (firstDay !== undefined) {
+      this.firstDayOfWeek = firstDay
+    }
+  }
+}

src-ui/src/main.ts

@@ -18,6 +18,7 @@ import { BrowserModule, bootstrapApplication } from '@angular/platform-browser'
 import {
   NgbDateAdapter,
   NgbDateParserFormatter,
+  NgbInputDatepickerConfig,
   NgbModule,
 } from '@ng-bootstrap/ng-bootstrap'
 import { NgSelectModule } from '@ng-select/ng-select'
@@ -227,6 +228,7 @@ import { provideUiTour } from 'ngx-ui-tour-ng-bootstrap'
 import { CorrespondentNamePipe } from './app/pipes/correspondent-name.pipe'
 import { DocumentTypeNamePipe } from './app/pipes/document-type-name.pipe'
 import { StoragePathNamePipe } from './app/pipes/storage-path-name.pipe'
+import { PngxDatePickerConfig } from './app/utils/ngb-input-date-picker-config'
 
 registerLocaleData(localeAf)
 registerLocaleData(localeAr)
@@ -439,6 +441,7 @@ bootstrapApplication(AppComponent, {
     CookieService,
     FilterPipe,
     DocumentTitlePipe,
+    { provide: NgbInputDatepickerConfig, useClass: PngxDatePickerConfig },
     { provide: NgbDateAdapter, useClass: ISODateAdapter },
     { provide: NgbDateParserFormatter, useClass: LocalizedDateParserFormatter },
     PermissionsGuard,