v3.34.1

package.json

@@ -19,7 +19,7 @@
     "@angular/platform-browser": "^19.2.14",
     "@angular/platform-browser-dynamic": "^19.2.14",
     "@angular/router": "^19.2.14",
-    "@cmusei/console-forge": "^0.20.5",
+    "@cmusei/console-forge": "^0.20.6",
     "@fortawesome/angular-fontawesome": "^1.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",

projects/gameboard-ui/src/app/certificates/components/certificate-previewer/certificate-previewer.component.html

@@ -1,3 +1,5 @@
+<app-error-div [errors]="errors"></app-error-div>
+
 <div class="certificate-template-previewer-component">
     <app-spinner *ngIf="isDownloading">
         Loading your preview...

projects/gameboard-ui/src/app/certificates/components/certificate-previewer/certificate-previewer.component.ts

@@ -5,15 +5,17 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { CertificatesService } from '@/api/certificates.service';
 import { SafeUrl } from '@angular/platform-browser';
 import { SpinnerComponent } from '@/standalone/core/components/spinner/spinner.component';
+import { ErrorDivComponent } from '@/standalone/core/components/error-div/error-div.component';
 
 @Component({
-    selector: 'app-certificate-previewer',
-    imports: [
-        CommonModule,
-        SpinnerComponent
-    ],
-    templateUrl: './certificate-previewer.component.html',
-    styleUrls: ['./certificate-previewer.component.scss']
+  selector: 'app-certificate-previewer',
+  imports: [
+    CommonModule,
+    ErrorDivComponent,
+    SpinnerComponent
+  ],
+  templateUrl: './certificate-previewer.component.html',
+  styleUrls: ['./certificate-previewer.component.scss']
 })
 export class CertificatePreviewerComponent implements OnInit {
   protected errors: any[] = [];

projects/gameboard-ui/src/app/prac/prac.module.ts

@@ -67,9 +67,10 @@ import { PracticeTabsLayoutComponent } from './components/practice-tabs-layout/p
               { path: "", pathMatch: 'full', redirectTo: "challenges" }
             ]
           },
-          // catch routes for :specId and :specId/:slug
           { path: "challenges/:specId/:slug", component: PracticeSessionComponent },
           { path: "challenges/:specId", component: PracticeSessionComponent },
+          { path: ":specId/:slug", redirectTo: "challenges/:specId/:slug" },
+          { path: ":specId", redirectTo: "challenges/:specId" }
         ]
       }
     ]),

projects/gameboard-ui/src/app/standalone/games/components/play/play.component.html

@@ -172,6 +172,12 @@ <h2 [class.fs-12]="isStickyChallengePanelSelected">Solution Guide</h2>
 
         <ng-container *ngIf="challenge && (deployState === 'deployed' || deployState === 'undeployed')">
             <div class="vm-controls-container my-4">
+                @if (deployState === 'deployed')
+                {
+                <button type="button" class="btn btn-sm btn-warning mr-2" (click)="handleConsoleTileReconnectRequest()"
+                    tooltip="Console preview disconnected? Click here to refresh it.">Refresh Consoles</button>
+                }
+
                 <app-confirm-button *ngIf="deployState === 'deployed'" btnClass="btn btn-sm btn-outline-warning mr-2"
                     (confirm)="undeployVms(challenge.id)">
                     <fa-icon [icon]="fa.trash"></fa-icon>
@@ -197,7 +203,7 @@ <h2 [class.fs-12]="isStickyChallengePanelSelected">Solution Guide</h2>
             <a [href]="console.linkUrl" target="_blank">
                 <cf-console-tile [config]="console.config"
                     (reconnectRequest)="handleConsoleTileReconnectRequest()"></cf-console-tile>
-                <p class="console-label">{{ console.name }}</p>
+                <p class="console-label btn-link text-success" placement="bottom">{{ console.name }}</p>
             </a>
         </li>
         }

projects/gameboard-ui/src/app/standalone/games/components/play/play.component.ts

@@ -25,6 +25,7 @@ import { ConsoleComponentConfig, ConsoleTileComponent } from '@cmusei/console-fo
 import { VmLinkComponent } from '../vm-link/vm-link.component';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ConfigService } from '@/utility/config.service';
+import { TooltipDirective } from 'ngx-bootstrap/tooltip';
 
 type PlayChallengeDeployState = "deployed" | "deploying" | "undeploying" | "undeployed";
 interface PlayConsole {
@@ -44,6 +45,7 @@ interface PlayConsole {
     SpinnerComponent,
     ToSupportCodePipe,
     ChallengeQuestionsComponent,
+    TooltipDirective,
     UtilityModule,
     FeedbackSubmissionFormComponent,
     VmLinkComponent

projects/gameboard-ui/src/app/utility/config.service.ts

@@ -22,7 +22,7 @@ export class ConfigService {
   public static defaultConsoleForgeConfig = {
     consoleBackgroundStyle: "rgb(0, 0, 0)",
     defaultConsoleClientType: "vmware" as ConsoleClientType,
-    logThreshold: LogLevel.DEBUG,
+    logThreshold: LogLevel.WARNING,
     showBrowserNotificationsOnConsoleEvents: true
   };