Move AI tab between connection and rubric tabs.

Author: hirokiterashima

src/assets/wise5/components/discussion/edit-discussion-advanced/edit-discussion-advanced.component.html

@@ -9,14 +9,6 @@
       <edit-component-width [componentContent]="componentContent" />
     </div>
   </mat-tab>
-  @if (aiEnabled) {
-    <mat-tab>
-      <ng-template mat-tab-label>
-        <mat-icon>auto_awesome</mat-icon>&nbsp;<span i18n>AI</span>
-      </ng-template>
-      <edit-component-summarizer-system-prompt [componentContent]="component.content" />
-    </mat-tab>
-  }
   <mat-tab>
     <ng-template mat-tab-label>
       <mat-icon>visibility</mat-icon>&nbsp;<span i18n>Visibility</span>
@@ -36,6 +28,14 @@
       (connectedComponentsChanged)="connectedComponentsChanged($event)"
     />
   </mat-tab>
+  @if (aiEnabled) {
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <mat-icon>auto_awesome</mat-icon>&nbsp;<span i18n>AI</span>
+      </ng-template>
+      <edit-component-summarizer-system-prompt [componentContent]="component.content" />
+    </mat-tab>
+  }
   <mat-tab>
     <ng-template mat-tab-label>
       <mat-icon>message</mat-icon>&nbsp;<span i18n>Rubric</span>

src/assets/wise5/components/openResponse/edit-open-response-advanced/edit-open-response-advanced.component.html

@@ -57,19 +57,6 @@
       (connectedComponentsChanged)="connectedComponentsChanged($event)"
     />
   </mat-tab>
-  <mat-tab>
-    <ng-template mat-tab-label>
-      <mat-icon>message</mat-icon>&nbsp;<span i18n>Rubric</span>
-    </ng-template>
-    <ng-template matTabContent>
-      <!-- lazy load needed for tinymce to work -->
-      <edit-component-rubric [componentContent]="component.content" />
-    </ng-template>
-  </mat-tab>
-  <mat-tab>
-    <ng-template mat-tab-label> <mat-icon>sell</mat-icon>&nbsp;<span i18n>Tags</span></ng-template>
-    <edit-component-tags [componentContent]="component.content" />
-  </mat-tab>
   <mat-tab>
     <ng-template mat-tab-label>
       <mat-icon>auto_awesome</mat-icon>&nbsp;<span i18n>AI</span>
@@ -611,6 +598,19 @@
       </div>
     }
   </mat-tab>
+  <mat-tab>
+    <ng-template mat-tab-label>
+      <mat-icon>message</mat-icon>&nbsp;<span i18n>Rubric</span>
+    </ng-template>
+    <ng-template matTabContent>
+      <!-- lazy load needed for tinymce to work -->
+      <edit-component-rubric [componentContent]="component.content" />
+    </ng-template>
+  </mat-tab>
+  <mat-tab>
+    <ng-template mat-tab-label> <mat-icon>sell</mat-icon>&nbsp;<span i18n>Tags</span></ng-template>
+    <edit-component-tags [componentContent]="component.content" />
+  </mat-tab>
   <mat-tab>
     <ng-template mat-tab-label> <mat-icon>code</mat-icon>&nbsp;<span i18n>JSON</span></ng-template>
     <edit-component-json [component]="component" />