Add Competency Framework UI and Assessor View

package.json

@@ -14,7 +14,7 @@
     "lint": "ESLINT_USE_FLAT_CONFIG=false eslint -c .eslintrc.js --ext .ts src/",
     "e2e": "ng e2e",
     "swagger:gen": "curl --insecure http://localhost:4300/swagger/v1/swagger.json --output swagger.json && node_modules/@openapitools/openapi-generator-cli/bin/openapi-generator generate -i ./swagger.json -g typescript-angular -o src/app/generated/blueprint-api --additional-properties ngVersion=21 --additional-properties useRxJS6=true --additional-properties modelPropertyNaming=original --type-mappings=DateTime=Date --skip-validate-spec",
-    "swagger:gen-docker": "docker run --rm -v \"$(pwd)\":/local openapitools/openapi-generator-cli:v7.15.0 generate -i http://host.docker.internal:4724/swagger/v1/swagger.json -g typescript-angular -o /local/src/app/generated/blueprint.api --additional-properties ngVersion=21 --additional-properties useRxJS6=true --additional-properties modelPropertyNaming=original --type-mappings=DateTime=Date --skip-validate-spec",
+    "swagger:gen-docker": "cross-env-shell docker run --rm -v $INIT_CWD:/local openapitools/openapi-generator-cli:v7.15.0 generate -i http://host.docker.internal:4724/swagger/v1/swagger.json -g typescript-angular -o /local/src/app/generated/blueprint.api --additional-properties ngVersion=21 --additional-properties useRxJS6=true --additional-properties modelPropertyNaming=original --type-mappings=DateTime=Date --skip-validate-spec",
     "docker:init": "docker network create identity --driver=overlay",
     "docker:stack": "npm run docker:stack:identity && npm run docker:stack:api",
     "docker:stack:api": "docker stack deploy -c docker-compose.yml -c docker/compose/api.yml blueprint_stack",
@@ -59,10 +59,12 @@
     "rxjs-compat": "^6.6.7",
     "tslib": "^2.4.1",
     "uuid": "^14.0.0",
+    "xlsx": "^0.18.5",
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^21.2.1",
+    "cross-env": "^10.1.0",
     "@angular-eslint/builder": "21.3.0",
     "@angular-eslint/eslint-plugin": "21.3.0",
     "@angular-eslint/eslint-plugin-template": "21.3.0",

src/app/app-routing.module.ts

@@ -15,6 +15,7 @@ import { JoinComponent } from './components/landing/join/join.component';
 import { LaunchComponent } from './components/landing/launch/launch.component';
 import { ManageComponent } from './components/landing/manage/manage.component';
 import { StarterComponent } from './components/starter/starter.component';
+import { AssessorPageComponent } from './components/assessor-page/assessor-page.component';
 import { EventDetailPageComponent } from './components/event-detail-page/event-detail-page.component';
 import { IntegrationInProgressGuard } from './services/integration-in-progress.guard';
 
@@ -50,6 +51,11 @@ export const ROUTES: Routes = [
     component: StarterComponent,
     canActivate: [ComnAuthGuardService],
   },
+  {
+    path: 'assess',
+    component: AssessorPageComponent,
+    canActivate: [ComnAuthGuardService],
+  },
   {
     path: 'msel/:mselid/view',
     component: MselViewComponent,

src/app/app.module.ts

@@ -64,6 +64,14 @@ import { AdminCatalogListComponent } from './components/admin/admin-catalog-list
 import { AdminContainerComponent } from './components/admin/admin-container/admin-container.component';
 import { AdminInjectTypesComponent } from './components/admin/admin-inject-types/admin-inject-types.component';
 import { AdminInjectTypeEditDialogComponent } from './components/admin/admin-inject-type-edit-dialog/admin-inject-type-edit-dialog.component';
+import { AdminCompetencyFrameworksComponent } from './components/admin/admin-competency-frameworks/admin-competency-frameworks.component';
+import { AdminCompetencyFrameworkEditDialogComponent } from './components/admin/admin-competency-framework-edit-dialog/admin-competency-framework-edit-dialog.component';
+import { AdminCompetencyEditDialogComponent } from './components/admin/admin-competency-edit-dialog/admin-competency-edit-dialog.component';
+import { AdminCompetencyDetailDialogComponent } from './components/admin/admin-competency-detail-dialog/admin-competency-detail-dialog.component';
+import { AdminProficiencyScaleEditDialogComponent } from './components/admin/admin-proficiency-scale-edit-dialog/admin-proficiency-scale-edit-dialog.component';
+import { AdminProficiencyLevelEditDialogComponent } from './components/admin/admin-proficiency-level-edit-dialog/admin-proficiency-level-edit-dialog.component';
+import { AdminCompetencyFrameworkImportDialogComponent } from './components/admin/admin-competency-framework-import-dialog/admin-competency-framework-import-dialog.component';
+import { AdminProficiencyScalesComponent } from './components/admin/admin-proficiency-scales/admin-proficiency-scales.component';
 import { AdminUnitsComponent } from './components/admin/admin-units/admin-units.component';
 import { AdminUnitEditDialogComponent } from './components/admin/admin-unit-edit-dialog/admin-unit-edit-dialog.component';
 import { AdminUnitUsersComponent } from './components/admin/admin-unit-users/admin-unit-users.component';
@@ -86,7 +94,11 @@ import { CiteDutyListComponent } from './components/cite-duty-list/cite-duty-lis
 import { DashboardComponent } from './components/landing/dashboard/dashboard.component';
 import { DataFieldEditDialogComponent } from './components/data-field-edit-dialog/data-field-edit-dialog.component';
 import { DataFieldListComponent } from './components/data-field-list/data-field-list.component';
+import { CompetencyOptionsDialogComponent } from './components/competency-options-dialog/competency-options-dialog.component';
+import { TeamCompetencyPropagateDialogComponent } from './components/team-competency-propagate-dialog/team-competency-propagate-dialog.component';
 import { DataOptionEditDialogComponent } from './components/data-option-edit-dialog/data-option-edit-dialog.component';
+import { DataOptionImportDialogComponent } from './components/data-option-import-dialog/data-option-import-dialog.component';
+import { DataOptionListDialogComponent } from './components/data-option-list-dialog/data-option-list-dialog.component';
 import { HomeAppComponent } from './components/home-app/home-app.component';
 import { InjectEditDialogComponent } from './components/inject-edit-dialog/inject-edit-dialog.component';
 import { InjectListComponent } from './components/inject-list/inject-list.component';
@@ -104,6 +116,9 @@ import { MselInfoComponent } from './components/msel-info/msel-info.component';
 import { IntegrationStatusComponent } from './components/integration-status/integration-status.component';
 import { MselListComponent } from './components/msel-list/msel-list.component';
 import { MselPageComponent } from './components/msel-page/msel-page.component';
+import { MselCompetenciesComponent } from './components/msel-competencies/msel-competencies.component';
+import { AssessorViewComponent } from './components/assessor-view/assessor-view.component';
+import { AssessorPageComponent } from './components/assessor-page/assessor-page.component';
 import { MselTeamsComponent } from './components/msel-teams/msel-teams.component';
 import { MselViewComponent } from './components/msel-view/msel-view.component';
 import { OrganizationEditDialogComponent } from './components/organization-edit-dialog/organization-edit-dialog.component';
@@ -179,7 +194,11 @@ export const appConfig: ApplicationConfig = {
     DashboardComponent,
     DataFieldEditDialogComponent,
     DataFieldListComponent,
+    CompetencyOptionsDialogComponent,
+    TeamCompetencyPropagateDialogComponent,
     DataOptionEditDialogComponent,
+    DataOptionImportDialogComponent,
+    DataOptionListDialogComponent,
     HomeAppComponent,
     InjectEditDialogComponent,
     InjectListComponent,
@@ -197,6 +216,9 @@ export const appConfig: ApplicationConfig = {
     IntegrationStatusComponent,
     MselListComponent,
     MselPageComponent,
+    MselCompetenciesComponent,
+    AssessorViewComponent,
+    AssessorPageComponent,
     MselTeamsComponent,
     MselViewComponent,
     OrganizationEditDialogComponent,
@@ -220,6 +242,14 @@ export const appConfig: ApplicationConfig = {
     AdminContainerComponent,
     AdminInjectTypesComponent,
     AdminInjectTypeEditDialogComponent,
+    AdminCompetencyFrameworksComponent,
+    AdminCompetencyFrameworkEditDialogComponent,
+    AdminCompetencyEditDialogComponent,
+    AdminCompetencyDetailDialogComponent,
+    AdminProficiencyScaleEditDialogComponent,
+    AdminProficiencyLevelEditDialogComponent,
+    AdminCompetencyFrameworkImportDialogComponent,
+    AdminProficiencyScalesComponent,
     AdminUnitsComponent,
     AdminUnitEditDialogComponent,
     AdminUnitUsersComponent,

src/app/components/admin/admin-competency-detail-dialog/admin-competency-detail-dialog.component.html

@@ -0,0 +1,36 @@
+<!--
+Copyright 2026 Carnegie Mellon University. All Rights Reserved.
+Released under a MIT (SEI)-style license, please see LICENSE.md in the
+project root for license information.
+-->
+<div mat-dialog-container>
+  <div mat-dialog-title>
+    Competency Detail
+    &nbsp;
+    <button mat-icon-button (click)="close()" title="Close" class="close-button" tabindex="-1">
+      <mat-icon class="mdi-24px self-center" fontIcon="mdi-close-circle-outline"></mat-icon>
+    </button>
+  </div>
+  <div mat-dialog-content>
+    <div class="detail-row">
+      <span class="detail-label">ID</span>
+      <span>{{ data.competency.idNumber }}</span>
+    </div>
+    <div class="detail-row">
+      <span class="detail-label">Name</span>
+      <span>{{ data.competency.shortName }}</span>
+    </div>
+    @if (getType()) {
+    <div class="detail-row">
+      <span class="detail-label">Type</span>
+      <span>{{ getType() }}</span>
+    </div>
+    }
+    @if (data.competency.description) {
+    <div class="detail-row">
+      <span class="detail-label">Description</span>
+      <span>{{ data.competency.description }}</span>
+    </div>
+    }
+  </div>
+</div>

src/app/components/admin/admin-competency-detail-dialog/admin-competency-detail-dialog.component.scss

@@ -0,0 +1,20 @@
+// Copyright 2026 Carnegie Mellon University. All Rights Reserved.
+// Released under a MIT (SEI)-style license. See LICENSE.md in the
+// project root for license information.
+
+.close-button {
+  float: right;
+}
+
+.detail-row {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 12px;
+}
+
+.detail-label {
+  font-weight: bold;
+  font-size: 12px;
+  color: var(--mat-sys-on-surface-variant);
+  margin-bottom: 2px;
+}