Add notice expiration date

Author: RaymondLuong3

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/_draft-history-entry-theme.scss

@@ -7,6 +7,7 @@
   --draft-history-entry-green-color: #{if($is-dark, lightGreen, darkGreen)};
   --draft-history-entry-grey-color: #{if($is-dark, hsl(0 0% 60%), hsl(0 0% 45%))};
   --draft-history-entry-subtitle-color: #{if($is-dark, lightGrey, #666)};
+  --draft-history-entry-new-label: #{mat.get-theme-color($theme, primary, if($is-dark, 70, 40))};
 }
 
 @mixin theme($theme) {

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.html

@@ -29,9 +29,13 @@
             <button mat-flat-button class="format-usfm" [routerLink]="['format']">
               <mat-icon>build</mat-icon>
               <div class="hide-lt-lg">{{ t("formatting_options") }}</div>
-              <div class="hide-gt-lg">{{ t("options") }}</div>
+              <div class="hide-gt-lg">{{ t("formatting") }}</div>
             </button>
-            <span>{{ t("new") }} {{ t("change_line_breaks_and_quotation_marks") }}</span>
+            <div>
+              <span class="new-label">{{ t("new") }}</span
+              >&nbsp;
+              <span>{{ t("change_line_breaks_and_quotation_marks") }}</span>
+            </div>
           </div>
         } @else {
           @if (canDownloadBuild) {

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.scss

@@ -32,10 +32,14 @@ mat-panel-description {
   column-gap: 16px;
   align-items: center;
 
-  ::ng-deep mat-icon {
+  button {
     display: flex;
     flex-shrink: 0;
   }
+
+  .new-label {
+    color: var(--draft-history-entry-new-label);
+  }
 }
 
 .subtitle,

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.spec.ts

@@ -38,7 +38,7 @@ const mockedTrainingDataService = mock(TrainingDataService);
 const mockedActivatedProjectService = mock(ActivatedProjectService);
 const mockedFeatureFlagsService = mock(FeatureFlagService);
 
-fdescribe('DraftHistoryEntryComponent', () => {
+describe('DraftHistoryEntryComponent', () => {
   let component: DraftHistoryEntryComponent;
   let fixture: ComponentFixture<DraftHistoryEntryComponent>;
 

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.ts

@@ -272,7 +272,11 @@ export class DraftHistoryEntryComponent {
 
   private _requireSelectingFormattingOptions?: boolean;
   get requireSelectingFormattingOptions(): boolean {
-    return this._requireSelectingFormattingOptions ?? false;
+    return (
+      !!this._requireSelectingFormattingOptions &&
+      this.featureFlags.usfmFormat.enabled &&
+      Date.now() < this.showSelectFormatNoticeExpireDate.getTime()
+    );
   }
 
   private _isLatestBuild: boolean = false;
@@ -293,6 +297,7 @@ export class DraftHistoryEntryComponent {
 
   readonly columnsToDisplay: string[] = ['scriptureRange', 'source', 'target'];
 
+  private readonly showSelectFormatNoticeExpireDate = new Date('2025-12-01T12:00:00.000Z');
   private dataFileQuery?: RealtimeQuery<TrainingDataDoc>;
 
   constructor(

src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/non_checking_en.json

@@ -285,10 +285,10 @@
     "draft_unknown": "Unknown",
     "error_details": "Please include these details when contacting support for assistance",
     "finished_at": "Finished {{ finishedAtTime }}",
+    "formatting": "Formatting",
     "formatting_options": "Formatting options",
     "hide_model_training_configuration": "Hide model training configuration",
     "new": "NEW!",
-    "options": "Options",
     "requested_at": "Requested {{ requestedAtTime }}.",
     "requested_by": "Requested by {{ requestedByUserName }} at {{ requestedAtTime }}.",
     "select_formatting_options": "The draft has been created, and there are new formatting options to select. You will only need to do this once, but you can make changes for every new draft if you wish.",